From 9b1108c92f62c1dca50a78d0fba1523f19934097 Mon Sep 17 00:00:00 2001 From: Kristi Pina Date: Sat, 30 Mar 2019 19:05:37 -0400 Subject: [PATCH 1/4] New Branch for search-bar From f2b1a3ecfcb2357ddde8e41ea4e4d53d6e462efd Mon Sep 17 00:00:00 2001 From: Kristi Pina Date: Sat, 30 Mar 2019 21:42:10 -0400 Subject: [PATCH 2/4] search-bar component created --- ampath-simple-app/package-lock.json | 593 +++++++++++++++++- ampath-simple-app/package.json | 3 + ampath-simple-app/src/app/app.module.ts | 4 +- .../app/search-bar/search-bar.component.css | 0 .../app/search-bar/search-bar.component.html | 3 + .../search-bar/search-bar.component.spec.ts | 25 + .../app/search-bar/search-bar.component.ts | 15 + ampath-simple-app/src/index.html | 1 + 8 files changed, 641 insertions(+), 3 deletions(-) create mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.css create mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.html create mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts create mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.ts diff --git a/ampath-simple-app/package-lock.json b/ampath-simple-app/package-lock.json index 86b84bd..764de26 100644 --- a/ampath-simple-app/package-lock.json +++ b/ampath-simple-app/package-lock.json @@ -722,6 +722,533 @@ } } }, + "@material/animation": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@material/animation/-/animation-1.0.0.tgz", + "integrity": "sha512-Ed5/vggn6ZhSJ87yn3ZS1d826VJNFz73jHF2bSsgRtHDoB8KCuOwQMfdgAgDa4lKDF6CDIPCKBZPKrs2ubehdw==", + "requires": { + "tslib": "^1.9.3" + } + }, + "@material/auto-init": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@material/auto-init/-/auto-init-1.0.0.tgz", + "integrity": "sha512-xlWEjjyQquXMi9xz3RH7HW/5dsLGkVYQnm1WCYw2a6JIpIlipkkLEzBNc//agiQongIBbLndL07gO7WQeSohNA==", + "requires": { + "@material/base": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/base": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@material/base/-/base-1.0.0.tgz", + "integrity": "sha512-5dxFp46x5FA+Epg6YHLzN+5zRt9S2wR84UdvVAEJ1egea94m9UHUg7y9tAnNSN16aexRSywmzyLwPr+i8PGEYA==", + "requires": { + "tslib": "^1.9.3" + } + }, + "@material/button": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/button/-/button-1.1.0.tgz", + "integrity": "sha512-P1oZyyC1ELRe26vdnmax+fO3BWNmftDqHDDlQbJ+gfYMDQsNQtZNJU16ZbnVHsnzEXOpFj729imbmuLfnz8Nbg==", + "requires": { + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0" + } + }, + "@material/card": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/card/-/card-1.1.0.tgz", + "integrity": "sha512-ZuzMwnFZx0qMTiQK/QHoEClsOQ8TbfIpYm1N5gVvnGgbLF6xxoLD2zZFS9/l3eJxrDOxsrqqgxxfjGlJB5dFRg==", + "requires": { + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0" + } + }, + "@material/checkbox": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/checkbox/-/checkbox-1.1.0.tgz", + "integrity": "sha512-jCrkG8VkN63uH+YRhu7RWIsrYGw2Gu89OEPe+sqGYWsr+BbOuzBBqxrM09rUkXykCyi8gAbxpWZPVGCmcDHtJQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/chips": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/chips/-/chips-1.1.0.tgz", + "integrity": "sha512-+cIscrfKBFhXMaOHgNWx46U7zctXX6toMMG9lxY+uqH9ALo/NeScdZp/kc0C3z0shvRzXjZfvl5rM28rKjnizw==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/checkbox": "^1.1.0", + "@material/elevation": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/dialog": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/dialog/-/dialog-1.1.0.tgz", + "integrity": "sha512-XbFTTdzzRhjClLMDFxz8SR/mwwCBpQL6N7Z7UzX7SgD51UJmd19SsXPItFquRKk3mkNuoFBBcR4KJ6julAW+Fg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "focus-trap": "^4.0.2", + "tslib": "^1.9.3" + } + }, + "@material/dom": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/dom/-/dom-1.1.0.tgz", + "integrity": "sha512-+HWW38ZaM2UBPu4+7QCusLDSf4tFT31rsEXHkTkxYSg/QpDivfPx6YDz4OmYtafmhPR1d1YjqB3MYysUHdodyw==", + "requires": { + "tslib": "^1.9.3" + } + }, + "@material/drawer": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/drawer/-/drawer-1.1.0.tgz", + "integrity": "sha512-IKQejVv9oSf1sUoAZ7BdV8fhTVDfMfZXfAOQBpw6QyfQujGkNVZatOsvbRcOFPu3naNZFS7brbHRiBH2ArgMQQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/list": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "focus-trap": "^4.0.2", + "tslib": "^1.9.3" + } + }, + "@material/elevation": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/elevation/-/elevation-1.1.0.tgz", + "integrity": "sha512-m4eATJvDhWK1BT+yA1iHz5mhAk8cV9olC4mjVzm4PTAqhDH2yya4WzjN1HPVHE/a65ObyZ7V4qopxu9MRocm3A==", + "requires": { + "@material/animation": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/theme": "^1.1.0" + } + }, + "@material/fab": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/fab/-/fab-1.1.0.tgz", + "integrity": "sha512-oCvo/4TFri+agTkGvEd5lREuwowInYw6OBbwNmGxpWQs4QGlMGHRS9/h8sfMYNZxs2TrwNUCwf/DK0WZEvniLQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0" + } + }, + "@material/feature-targeting": { + "version": "0.44.1", + "resolved": "https://registry.npmjs.org/@material/feature-targeting/-/feature-targeting-0.44.1.tgz", + "integrity": "sha512-90cc7njn4aHbH9UxY8qgZth1W5JgOgcEdWdubH1t7sFkwqFxS5g3zgxSBt46TygFBVIXNZNq35Xmg80wgqO7Pg==" + }, + "@material/floating-label": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/floating-label/-/floating-label-1.1.0.tgz", + "integrity": "sha512-7q7V+9o9XesgMnK11up9z+BcRFwtLIAIqVTCL3liKRARNHuzw9FGrGMKhTJUKvLZ3z0bM1+FmmVlA3q9FJWehQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/form-field": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/form-field/-/form-field-1.1.0.tgz", + "integrity": "sha512-/m382G90rctenVAbPwTzAVtQGm9Bjnnvde03WPijFE6kirczi6pJWns+cFtN///e5nUc5fhBwNdpEnJmoUYvQg==", + "requires": { + "@material/base": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/grid-list": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/grid-list/-/grid-list-1.1.0.tgz", + "integrity": "sha512-YukGKO4EzJca5DktfcNKCcrE6B3j/0CznCS0yfAoYagGZxsmmxa1wY4BcObuocIP31/xksRMUCieRbWpKzBhBQ==", + "requires": { + "@material/base": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/icon-button": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/icon-button/-/icon-button-1.1.0.tgz", + "integrity": "sha512-3HYOfFhlgpY32HyNt1thQJfTycjy0Cfd4B4IZmt2irfaETdj6JuP0wKs9kdEx1VHTbfWFkJHENArz0lPW+6r2A==", + "requires": { + "@material/base": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/image-list": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/image-list/-/image-list-1.1.0.tgz", + "integrity": "sha512-X4ZlrzMbtZ80kkZQQHTR6CJEgBbCuQ3bYcJiXeTYS5jvl7frtiqf7CPkkrAZ4ftaaS/qiJgWMZUz3U5YaaAAsQ==", + "requires": { + "@material/feature-targeting": "^0.44.1", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0" + } + }, + "@material/layout-grid": { + "version": "0.41.0", + "resolved": "https://registry.npmjs.org/@material/layout-grid/-/layout-grid-0.41.0.tgz", + "integrity": "sha512-Sa5RNoTGgfIojqJ9E94p7/k11V6q/tGk7HwKi4AQNAPjxield0zcl3G/SbsSb8YSHoK+D+7OXDN+n11x6EqF7g==" + }, + "@material/line-ripple": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/line-ripple/-/line-ripple-1.1.0.tgz", + "integrity": "sha512-XqCxDNfgkh9zq0IVlTEFVjmQV8hx8m4vxLFM5qwHDDqcKPlX/Lfc8M43fmm9uE1CaJBC6whMGPvOt/dIla+RUg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/linear-progress": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/linear-progress/-/linear-progress-1.1.0.tgz", + "integrity": "sha512-MIK0cD/o1rTLREtAfTK3v60h7A0/wAu8/3v9dPTMlAPe+Y5gOarAizYWM3r/bp88sGO4gU8nPK0X9/daD28pNw==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/list": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/list/-/list-1.1.0.tgz", + "integrity": "sha512-+NqVwqhRX08kjDatwZRO/LiiOw9gl7eq2Ogi8hrWkXqYn9ARfUq3K74MeTIit9f7BGPobs86dXBaQ/mjI5HSXg==", + "requires": { + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/menu": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/menu/-/menu-1.1.0.tgz", + "integrity": "sha512-oEubeu4h5EWeaOWbDwstmWkzBSq/2qVtu476CLmaAI5joUilXaPBKpryv4F+ZRIDlVQjs5Ey7uBotxDwDELPQA==", + "requires": { + "@material/base": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/list": "^1.1.0", + "@material/menu-surface": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "tslib": "^1.9.3" + } + }, + "@material/menu-surface": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/menu-surface/-/menu-surface-1.1.0.tgz", + "integrity": "sha512-FjCA6TBgeY+mwNcjfeq5/3TCSyhtXxHrT/xQrz1LyrztuHI4Qu7bTb496pXlfPsZHQuwmo9PqW+pwP78noDf9A==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/notched-outline": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/notched-outline/-/notched-outline-1.1.0.tgz", + "integrity": "sha512-J/MCe3an5lTxzYZPzHxblbVZu51OKeum4BU9PeV9WJW+IBGBAnQmT2uf53rqAzhEchIpv39MYmJLPMJghVxWAg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/floating-label": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/radio": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/radio/-/radio-1.1.0.tgz", + "integrity": "sha512-ySocik+l1fInopaA8hDfByJahv1UywUNtUcG7+hLLOhxQx4XVpUJUIjU/dlvVDYJB0QZQatm2asKi2cYVPlIsQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/ripple": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/ripple/-/ripple-1.1.0.tgz", + "integrity": "sha512-mkfDBZAmxjpRG7V9TrfOmLxt1g/wvGHCXtYPgvH7W8ozjf53edqxLOFENEdvHbie27y9nyixzXn0gzU0HnxSeA==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/rtl": { + "version": "0.42.0", + "resolved": "https://registry.npmjs.org/@material/rtl/-/rtl-0.42.0.tgz", + "integrity": "sha512-VrnrKJzhmspsN8WXHuxxBZ69yM5IwhCUqWr1t1eNfw3ZEvEj7i1g3P31HGowKThIN1dc1Wh4LE14rCISWCtv5w==" + }, + "@material/select": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/select/-/select-1.1.0.tgz", + "integrity": "sha512-sl5dt+sepqfo4HC82085q9sSCaXoK1swmeQ54Yp8KWlit9CtfV4/QZT83NwF9eEbQF3NmtCdh9T2ueaX//uihg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/floating-label": "^1.1.0", + "@material/line-ripple": "^1.1.0", + "@material/menu": "^1.1.0", + "@material/menu-surface": "^1.1.0", + "@material/notched-outline": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/shape": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@material/shape/-/shape-1.0.0.tgz", + "integrity": "sha512-zfXEacPQZmH+ujVtaFyfAsYiF46j1QCcFzJeZVouG4pznrbA7XD6614Ywg0wbyWX5iB6hD52ld/IN+R/6oxKqA==", + "requires": { + "@material/feature-targeting": "^0.44.1" + } + }, + "@material/slider": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/slider/-/slider-1.1.0.tgz", + "integrity": "sha512-JV/Phpt38LUVb2sQCr2pBsf0faw0E5LI7ag3dNF3hDq1f3F9Vcu+a8oNADi2M+TNlyelltAMKnc9guARwhDLKw==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/snackbar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/snackbar/-/snackbar-1.1.0.tgz", + "integrity": "sha512-gPTvAg/Djzz2FHVruGNvdvOkNoeZPctc1hasksBmJPHhQ0nQtc3JsRPfNTLAy32k8aF2+JlrEa1YGMAnltkuPA==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/button": "^1.1.0", + "@material/dom": "^1.1.0", + "@material/icon-button": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/switch": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/switch/-/switch-1.1.0.tgz", + "integrity": "sha512-hwgPzMgZksmJB/hOHQqrT7SZ6TpYaBtkW6BDhCojluBzaMDfDZxeXbNAhAYCO+tJI9p+CndPF+InsocCQDAJXA==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/elevation": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/tab": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/tab/-/tab-1.1.0.tgz", + "integrity": "sha512-62uttUJURFM36AmXNSrH5ewxJJv632pryEXllpBB1WCHYv6QqRwgfQ6dTjE5xdgSa4k+1X2BJCgmD/0ghc233A==", + "requires": { + "@material/base": "^1.0.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/tab-indicator": "^1.1.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/tab-bar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/tab-bar/-/tab-bar-1.1.0.tgz", + "integrity": "sha512-uhtIRiyOvBVMZ5Wf6QctPfI/amXfWR9sXjHpYj+So6GPRNgmeQFkRJ1yyxU3KthBoyzfLvj57sgWEsBlSkiJzw==", + "requires": { + "@material/base": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/tab": "^1.1.0", + "@material/tab-scroller": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/tab-indicator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/tab-indicator/-/tab-indicator-1.1.0.tgz", + "integrity": "sha512-wbZMFCfQo62einr/Ju9PDAeFpRR/Ori5oV2lcsF1uSQXeLxougarwcbk0egWnEtY4Wa6dPgM5P6wQQsYnIeUIQ==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/theme": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/tab-scroller": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/tab-scroller/-/tab-scroller-1.1.0.tgz", + "integrity": "sha512-o5AuG8kwZaghuZ4kvYXIsp2tp3plHoGArF5wM7UgERk+8vMeMRmanagnpYvFwrtGgsta8EQa9sKVZ90dMIDZvg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/tab": "^1.1.0", + "tslib": "^1.9.3" + } + }, + "@material/textfield": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/textfield/-/textfield-1.1.0.tgz", + "integrity": "sha512-3+vFrWGVrGxvP4ICsniS8Sn9HHRaBz+/EZgpPnsYRcE0LcE2ABjUlwZQzeHV1h1qc0XmulmLUon8WFGvTxISkA==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/dom": "^1.1.0", + "@material/floating-label": "^1.1.0", + "@material/line-ripple": "^1.1.0", + "@material/notched-outline": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/theme": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/theme/-/theme-1.1.0.tgz", + "integrity": "sha512-YYUV9Rhbx4r/EMb/zoOYJUWjhXChNaLlH1rqt3vpNVyxRcxGqoVMGp5u1XALBCFiD9dACPKLIkKyRYa928nmPQ==", + "requires": { + "@material/feature-targeting": "^0.44.1" + } + }, + "@material/toolbar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/toolbar/-/toolbar-1.1.0.tgz", + "integrity": "sha512-NrO3Z1YH6AGbLjS91BT4BTaUL1ghXHB0Wrre+rT1mmQ7VXtr+AaTSshu9xc7z3wcVuPotR41OOdZqSCDWjzBrg==", + "requires": { + "@material/base": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/top-app-bar": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/@material/top-app-bar/-/top-app-bar-1.1.0.tgz", + "integrity": "sha512-fxVKFolNzPG4+LqH8GUxDKfjRZtQNDYX8sGD6c2pKbk1tigyiAGBO/Py31RQQkbAdCKPdmnanGJK2gewaUdw4g==", + "requires": { + "@material/animation": "^1.0.0", + "@material/base": "^1.0.0", + "@material/elevation": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/shape": "^1.0.0", + "@material/theme": "^1.1.0", + "@material/typography": "^1.0.0", + "tslib": "^1.9.3" + } + }, + "@material/typography": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/@material/typography/-/typography-1.0.0.tgz", + "integrity": "sha512-Oeqbjci1cC7jTE8/n3dwnkqKe9ZeWiaE+rgMtRYtRFw1HvAw14SpGA5EEAS/Li2Hu2KZ50FYCe3HYqShfxtChA==", + "requires": { + "@material/feature-targeting": "^0.44.1" + } + }, "@ngtools/webpack": { "version": "7.0.7", "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-7.0.7.tgz", @@ -3658,6 +4185,15 @@ "readable-stream": "^2.3.6" } }, + "focus-trap": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/focus-trap/-/focus-trap-4.0.2.tgz", + "integrity": "sha512-HtLjfAK7Hp2qbBtLS6wEznID1mPT+48ZnP2nkHzgjpL4kroYHg0CdqJ5cTXk+UO5znAxF5fRUkhdyfgrhh8Lzw==", + "requires": { + "tabbable": "^3.1.2", + "xtend": "^4.0.1" + } + }, "follow-redirects": { "version": "1.7.0", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.7.0.tgz", @@ -6105,6 +6641,55 @@ "object-visit": "^1.0.0" } }, + "material-components-web": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/material-components-web/-/material-components-web-1.1.0.tgz", + "integrity": "sha512-bTivBr0oZUfw9N32G/PVZ4RRzH8ge7V8CXlGblVB4WE1HJQU5FVgp7cN1z5vYQhEGOCtyT0VlHjzWvOWKMDxFg==", + "requires": { + "@material/animation": "^1.0.0", + "@material/auto-init": "^1.0.0", + "@material/base": "^1.0.0", + "@material/button": "^1.1.0", + "@material/card": "^1.1.0", + "@material/checkbox": "^1.1.0", + "@material/chips": "^1.1.0", + "@material/dialog": "^1.1.0", + "@material/dom": "^1.1.0", + "@material/drawer": "^1.1.0", + "@material/elevation": "^1.1.0", + "@material/fab": "^1.1.0", + "@material/feature-targeting": "^0.44.1", + "@material/floating-label": "^1.1.0", + "@material/form-field": "^1.1.0", + "@material/grid-list": "^1.1.0", + "@material/icon-button": "^1.1.0", + "@material/image-list": "^1.1.0", + "@material/layout-grid": "^0.41.0", + "@material/line-ripple": "^1.1.0", + "@material/linear-progress": "^1.1.0", + "@material/list": "^1.1.0", + "@material/menu": "^1.1.0", + "@material/menu-surface": "^1.1.0", + "@material/notched-outline": "^1.1.0", + "@material/radio": "^1.1.0", + "@material/ripple": "^1.1.0", + "@material/rtl": "^0.42.0", + "@material/select": "^1.1.0", + "@material/shape": "^1.0.0", + "@material/slider": "^1.1.0", + "@material/snackbar": "^1.1.0", + "@material/switch": "^1.1.0", + "@material/tab": "^1.1.0", + "@material/tab-bar": "^1.1.0", + "@material/tab-indicator": "^1.1.0", + "@material/tab-scroller": "^1.1.0", + "@material/textfield": "^1.1.0", + "@material/theme": "^1.1.0", + "@material/toolbar": "^1.1.0", + "@material/top-app-bar": "^1.1.0", + "@material/typography": "^1.0.0" + } + }, "math-random": { "version": "1.0.4", "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz", @@ -9076,6 +9661,11 @@ "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==", "dev": true }, + "tabbable": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/tabbable/-/tabbable-3.1.2.tgz", + "integrity": "sha512-wjB6puVXTYO0BSFtCmWQubA/KIn7Xvajw0x0l6eJUudMG/EAiJvIUnyNX6xO4NpGrJ16lbD0eUseB9WxW0vlpQ==" + }, "tapable": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.1.tgz", @@ -10498,8 +11088,7 @@ "xtend": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.1.tgz", - "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=", - "dev": true + "integrity": "sha1-pcbVMr5lbiPbgg77lDofBJmNY68=" }, "y18n": { "version": "4.0.0", diff --git a/ampath-simple-app/package.json b/ampath-simple-app/package.json index 64bb994..44f6271 100644 --- a/ampath-simple-app/package.json +++ b/ampath-simple-app/package.json @@ -20,7 +20,10 @@ "@angular/platform-browser": "~7.0.0", "@angular/platform-browser-dynamic": "~7.0.0", "@angular/router": "~7.0.0", + "@material/button": "^1.1.0", + "@material/top-app-bar": "^1.1.0", "core-js": "^2.5.4", + "material-components-web": "^1.1.0", "rxjs": "~6.3.3", "zone.js": "~0.8.26" }, diff --git a/ampath-simple-app/src/app/app.module.ts b/ampath-simple-app/src/app/app.module.ts index f657163..5627e0a 100644 --- a/ampath-simple-app/src/app/app.module.ts +++ b/ampath-simple-app/src/app/app.module.ts @@ -2,10 +2,12 @@ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; +import { SearchBarComponent } from './search-bar/search-bar.component'; @NgModule({ declarations: [ - AppComponent + AppComponent, + SearchBarComponent ], imports: [ BrowserModule diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.css b/ampath-simple-app/src/app/search-bar/search-bar.component.css new file mode 100644 index 0000000..e69de29 diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.html b/ampath-simple-app/src/app/search-bar/search-bar.component.html new file mode 100644 index 0000000..e69908d --- /dev/null +++ b/ampath-simple-app/src/app/search-bar/search-bar.component.html @@ -0,0 +1,3 @@ +

+ search-bar works! +

diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts b/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts new file mode 100644 index 0000000..de8089e --- /dev/null +++ b/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SearchBarComponent } from './search-bar.component'; + +describe('SearchBarComponent', () => { + let component: SearchBarComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ SearchBarComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(SearchBarComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.ts b/ampath-simple-app/src/app/search-bar/search-bar.component.ts new file mode 100644 index 0000000..9d898d3 --- /dev/null +++ b/ampath-simple-app/src/app/search-bar/search-bar.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-search-bar', + templateUrl: './search-bar.component.html', + styleUrls: ['./search-bar.component.css'] +}) +export class SearchBarComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/ampath-simple-app/src/index.html b/ampath-simple-app/src/index.html index 4509b38..6c5fb75 100644 --- a/ampath-simple-app/src/index.html +++ b/ampath-simple-app/src/index.html @@ -7,6 +7,7 @@ + From f71d4e6b85501894d7189b723481906a825883ef Mon Sep 17 00:00:00 2001 From: Kristi Pina Date: Mon, 8 Apr 2019 14:37:46 -0400 Subject: [PATCH 3/4] Material Installed --- ampath-simple-app/package-lock.json | 36 ++++++++++++++++++++++--- ampath-simple-app/package.json | 5 +++- ampath-simple-app/src/app/app.module.ts | 8 +++++- ampath-simple-app/src/main.ts | 1 + ampath-simple-app/src/styles.css | 1 + 5 files changed, 46 insertions(+), 5 deletions(-) diff --git a/ampath-simple-app/package-lock.json b/ampath-simple-app/package-lock.json index 764de26..f856316 100644 --- a/ampath-simple-app/package-lock.json +++ b/ampath-simple-app/package-lock.json @@ -124,13 +124,30 @@ } }, "@angular/animations": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-7.0.4.tgz", - "integrity": "sha512-QfFikT0FzYNMjdVg0LWTBijdu9JDJyzejnhCFlXxv+KR4zolpRK98/rU7CFW1Fg2jjL3/yL9PT1sf5I0fTJZYA==", + "version": "7.2.12", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-7.2.12.tgz", + "integrity": "sha512-J7d9hYXNqNz2kVxKEZlAAn4iojjF63WfGenEnMCtFgXU26ok03EAiR+VaiIqIvcevxvvR+iDrCHb+Hub0C212w==", "requires": { "tslib": "^1.9.0" } }, + "@angular/cdk": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-7.3.7.tgz", + "integrity": "sha512-xbXxhHHKGkVuW6K7pzPmvpJXIwpl0ykBnvA2g+/7Sgy5Pd35wCC+UtHD9RYczDM/mkygNxMQtagyCErwFnDtQA==", + "requires": { + "parse5": "^5.0.0", + "tslib": "^1.7.1" + }, + "dependencies": { + "parse5": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/parse5/-/parse5-5.1.0.tgz", + "integrity": "sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==", + "optional": true + } + } + }, "@angular/cli": { "version": "7.0.7", "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-7.0.7.tgz", @@ -538,6 +555,14 @@ "integrity": "sha512-CuJ2Ii97sNoN1HOZOLxG1lEHsQFi8K/RSB/k2suWPKzdM53ldSkKoYRac38zW/uqNABYItgvxb7w0Vi7HhxLsg==", "dev": true }, + "@angular/material": { + "version": "7.3.7", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-7.3.7.tgz", + "integrity": "sha512-Eq+7frkeNGkLOfEtmkmJgR+AgoWajOipXZWWfCSamNfpCcPof82DwvGOpAmgGni9FuN2XFQdqP5MoaffQzIvUA==", + "requires": { + "tslib": "^1.7.1" + } + }, "@angular/platform-browser": { "version": "7.0.4", "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-7.0.4.tgz", @@ -5019,6 +5044,11 @@ "integrity": "sha512-6uHUhOPEBgQ24HM+r6b/QwWfZq+yiFcipKFrOFiBEnWdy5sdzYoi+pJeQaPI5qOLRFqWmAXUPQNsielzdLoecA==", "dev": true }, + "hammerjs": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz", + "integrity": "sha1-BO93hiz/K7edMPdpIJWTAiK/YPE=" + }, "handle-thing": { "version": "1.2.5", "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-1.2.5.tgz", diff --git a/ampath-simple-app/package.json b/ampath-simple-app/package.json index 44f6271..919ca56 100644 --- a/ampath-simple-app/package.json +++ b/ampath-simple-app/package.json @@ -11,18 +11,21 @@ }, "private": true, "dependencies": { - "@angular/animations": "~7.0.0", + "@angular/animations": "^7.2.12", + "@angular/cdk": "^7.3.7", "@angular/common": "~7.0.0", "@angular/compiler": "~7.0.0", "@angular/core": "~7.0.0", "@angular/forms": "~7.0.0", "@angular/http": "~7.0.0", + "@angular/material": "^7.3.7", "@angular/platform-browser": "~7.0.0", "@angular/platform-browser-dynamic": "~7.0.0", "@angular/router": "~7.0.0", "@material/button": "^1.1.0", "@material/top-app-bar": "^1.1.0", "core-js": "^2.5.4", + "hammerjs": "^2.0.8", "material-components-web": "^1.1.0", "rxjs": "~6.3.3", "zone.js": "~0.8.26" diff --git a/ampath-simple-app/src/app/app.module.ts b/ampath-simple-app/src/app/app.module.ts index 5627e0a..ff8bd3d 100644 --- a/ampath-simple-app/src/app/app.module.ts +++ b/ampath-simple-app/src/app/app.module.ts @@ -1,6 +1,9 @@ import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; +import {MatToolbarModule} from '@angular/material/toolbar'; +import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; + import { AppComponent } from './app.component'; import { SearchBarComponent } from './search-bar/search-bar.component'; @@ -10,7 +13,10 @@ import { SearchBarComponent } from './search-bar/search-bar.component'; SearchBarComponent ], imports: [ - BrowserModule + BrowserModule, + MatToolbarModule, + BrowserAnimationsModule + ], providers: [], bootstrap: [AppComponent] diff --git a/ampath-simple-app/src/main.ts b/ampath-simple-app/src/main.ts index c7b673c..1299fac 100644 --- a/ampath-simple-app/src/main.ts +++ b/ampath-simple-app/src/main.ts @@ -1,5 +1,6 @@ import { enableProdMode } from '@angular/core'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; +import 'hammerjs'; import { AppModule } from './app/app.module'; import { environment } from './environments/environment'; diff --git a/ampath-simple-app/src/styles.css b/ampath-simple-app/src/styles.css index 90d4ee0..550b41f 100644 --- a/ampath-simple-app/src/styles.css +++ b/ampath-simple-app/src/styles.css @@ -1 +1,2 @@ /* You can add global styles to this file, and also import other style files */ +@import "~@angular/material/prebuilt-themes/indigo-pink.css"; \ No newline at end of file From 0d721c931900af7a30bf2e22268f691dfe0ebeab Mon Sep 17 00:00:00 2001 From: Kristi Pina Date: Mon, 8 Apr 2019 14:52:30 -0400 Subject: [PATCH 4/4] removed search bar --- ampath-simple-app/src/app/app.component.html | 21 +++------------- ampath-simple-app/src/app/app.module.ts | 4 +-- .../app/search-bar/search-bar.component.css | 0 .../app/search-bar/search-bar.component.html | 3 --- .../search-bar/search-bar.component.spec.ts | 25 ------------------- .../app/search-bar/search-bar.component.ts | 15 ----------- 6 files changed, 4 insertions(+), 64 deletions(-) delete mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.css delete mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.html delete mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts delete mode 100644 ampath-simple-app/src/app/search-bar/search-bar.component.ts diff --git a/ampath-simple-app/src/app/app.component.html b/ampath-simple-app/src/app/app.component.html index fa2706a..d95fead 100644 --- a/ampath-simple-app/src/app/app.component.html +++ b/ampath-simple-app/src/app/app.component.html @@ -1,20 +1,5 @@ -
-

- Welcome to {{ title }}! -

- Angular Logo -
-

Here are some links to help you start:

- + + My Application + diff --git a/ampath-simple-app/src/app/app.module.ts b/ampath-simple-app/src/app/app.module.ts index ff8bd3d..cd2a067 100644 --- a/ampath-simple-app/src/app/app.module.ts +++ b/ampath-simple-app/src/app/app.module.ts @@ -5,12 +5,10 @@ import {MatToolbarModule} from '@angular/material/toolbar'; import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; import { AppComponent } from './app.component'; -import { SearchBarComponent } from './search-bar/search-bar.component'; @NgModule({ declarations: [ - AppComponent, - SearchBarComponent + AppComponent ], imports: [ BrowserModule, diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.css b/ampath-simple-app/src/app/search-bar/search-bar.component.css deleted file mode 100644 index e69de29..0000000 diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.html b/ampath-simple-app/src/app/search-bar/search-bar.component.html deleted file mode 100644 index e69908d..0000000 --- a/ampath-simple-app/src/app/search-bar/search-bar.component.html +++ /dev/null @@ -1,3 +0,0 @@ -

- search-bar works! -

diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts b/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts deleted file mode 100644 index de8089e..0000000 --- a/ampath-simple-app/src/app/search-bar/search-bar.component.spec.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { async, ComponentFixture, TestBed } from '@angular/core/testing'; - -import { SearchBarComponent } from './search-bar.component'; - -describe('SearchBarComponent', () => { - let component: SearchBarComponent; - let fixture: ComponentFixture; - - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ SearchBarComponent ] - }) - .compileComponents(); - })); - - beforeEach(() => { - fixture = TestBed.createComponent(SearchBarComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/ampath-simple-app/src/app/search-bar/search-bar.component.ts b/ampath-simple-app/src/app/search-bar/search-bar.component.ts deleted file mode 100644 index 9d898d3..0000000 --- a/ampath-simple-app/src/app/search-bar/search-bar.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-search-bar', - templateUrl: './search-bar.component.html', - styleUrls: ['./search-bar.component.css'] -}) -export class SearchBarComponent implements OnInit { - - constructor() { } - - ngOnInit() { - } - -}