@covalent/core 4.0.0 → 4.1.1-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -38
- package/breadcrumbs/README.md +21 -17
- package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +6 -1
- package/breadcrumbs/breadcrumbs.component.d.ts +4 -0
- package/breadcrumbs/breadcrumbs.module.d.ts +8 -0
- package/breadcrumbs/covalent-core-breadcrumbs.d.ts +2 -1
- package/breadcrumbs/package.json +6 -7
- package/breadcrumbs/{public-api.d.ts → public_api.d.ts} +0 -0
- package/common/README.md +3 -0
- package/common/_common-theme.scss +3 -1
- package/common/behaviors/disable-ripple.mixin.d.ts +1 -1
- package/common/behaviors/disabled.mixin.d.ts +1 -1
- package/common/common.module.d.ts +15 -0
- package/common/covalent-core-common.d.ts +2 -3
- package/common/directives/fullscreen/fullscreen.directive.d.ts +3 -0
- package/common/forms/auto-trim/auto-trim.directive.d.ts +3 -0
- package/common/package.json +6 -7
- package/common/pipes/bytes/bytes.pipe.d.ts +3 -0
- package/common/pipes/decimal-bytes/decimal-bytes.pipe.d.ts +3 -0
- package/common/pipes/digits/digits.pipe.d.ts +3 -0
- package/common/pipes/time-ago/time-ago.pipe.d.ts +3 -0
- package/common/pipes/time-difference/time-difference.pipe.d.ts +3 -0
- package/common/pipes/time-until/time-until.pipe.d.ts +3 -0
- package/common/pipes/truncate/truncate.pipe.d.ts +4 -1
- package/common/{public-api.d.ts → public_api.d.ts} +0 -0
- package/common/services/icon.service.d.ts +3 -0
- package/common/services/router-path.service.d.ts +3 -0
- package/common/styles/font/README.md +4 -2
- package/covalent-core.d.ts +2 -1
- package/dialogs/README.md +38 -30
- package/dialogs/_dialog-theme.scss +1 -0
- package/dialogs/alert-dialog/alert-dialog.component.d.ts +6 -3
- package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +5 -2
- package/dialogs/covalent-core-dialogs.d.ts +2 -2
- package/dialogs/dialog.component.d.ts +9 -0
- package/dialogs/dialogs.module.d.ts +17 -0
- package/dialogs/package.json +6 -7
- package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +6 -3
- package/dialogs/{public-api.d.ts → public_api.d.ts} +1 -0
- package/dialogs/services/dialog.service.d.ts +3 -0
- package/dialogs/src/README.md +223 -0
- package/dialogs/window-dialog/window-dialog.component.d.ts +8 -5
- package/dynamic-menu/README.md +6 -6
- package/dynamic-menu/covalent-core-dynamic-menu.d.ts +2 -2
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +4 -1
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +4 -1
- package/dynamic-menu/dynamic-menu.component.d.ts +4 -22
- package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
- package/dynamic-menu/dynamic-menu.module.d.ts +13 -0
- package/dynamic-menu/package.json +6 -7
- package/dynamic-menu/public_api.d.ts +2 -0
- package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +92 -0
- package/esm2020/breadcrumbs/breadcrumbs.component.mjs +134 -0
- package/esm2020/breadcrumbs/breadcrumbs.module.mjs +20 -0
- package/esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs +5 -0
- package/esm2020/breadcrumbs/public_api.mjs +4 -0
- package/esm2020/common/animations/bounce/bounce.animation.mjs +70 -0
- package/esm2020/common/animations/collapse/collapse.animation.mjs +51 -0
- package/esm2020/common/animations/common/interfaces.mjs +2 -0
- package/esm2020/common/animations/fade/fadeInOut.animation.mjs +37 -0
- package/esm2020/common/animations/flash/flash.animation.mjs +34 -0
- package/esm2020/common/animations/headshake/headshake.animation.mjs +47 -0
- package/esm2020/common/animations/jello/jello.animation.mjs +59 -0
- package/esm2020/common/animations/pulse/pulse.animation.mjs +32 -0
- package/esm2020/common/animations/rotate/rotate.animation.mjs +30 -0
- package/esm2020/common/behaviors/control-value-accesor.mixin.mjs +41 -0
- package/esm2020/common/behaviors/disable-ripple.mixin.mjs +24 -0
- package/esm2020/common/behaviors/disabled.mixin.mjs +24 -0
- package/esm2020/common/common.module.mjs +63 -0
- package/esm2020/common/covalent-core-common.mjs +5 -0
- package/esm2020/common/directives/fullscreen/fullscreen.directive.mjs +85 -0
- package/esm2020/common/forms/auto-trim/auto-trim.directive.mjs +36 -0
- package/esm2020/common/forms/validators/validators.mjs +29 -0
- package/esm2020/common/functions/clipboard.mjs +23 -0
- package/esm2020/common/functions/convert.mjs +84 -0
- package/esm2020/common/functions/download.mjs +75 -0
- package/esm2020/common/functions/file.mjs +16 -0
- package/esm2020/common/pipes/bytes/bytes.pipe.mjs +42 -0
- package/esm2020/common/pipes/decimal-bytes/decimal-bytes.pipe.mjs +42 -0
- package/esm2020/common/pipes/digits/digits.pipe.mjs +39 -0
- package/esm2020/common/pipes/time-ago/time-ago.pipe.mjs +72 -0
- package/esm2020/common/pipes/time-difference/time-difference.pipe.mjs +51 -0
- package/esm2020/common/pipes/time-until/time-until.pipe.mjs +72 -0
- package/esm2020/common/pipes/truncate/truncate.pipe.mjs +27 -0
- package/esm2020/common/public_api.mjs +39 -0
- package/esm2020/common/services/icon.service.mjs +1089 -0
- package/esm2020/common/services/router-path.service.mjs +29 -0
- package/esm2020/covalent-core.mjs +5 -0
- package/esm2020/dialogs/alert-dialog/alert-dialog.component.mjs +23 -0
- package/esm2020/dialogs/confirm-dialog/confirm-dialog.component.mjs +28 -0
- package/esm2020/dialogs/covalent-core-dialogs.mjs +5 -0
- package/esm2020/dialogs/dialog.component.mjs +56 -0
- package/esm2020/dialogs/dialogs.module.mjs +89 -0
- package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +46 -0
- package/esm2020/dialogs/public_api.mjs +9 -0
- package/esm2020/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.mjs +216 -0
- package/esm2020/dialogs/services/dialog.service.mjs +171 -0
- package/esm2020/dialogs/window-dialog/window-dialog.component.mjs +38 -0
- package/esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs +5 -0
- package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.mjs +30 -0
- package/esm2020/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.mjs +24 -0
- package/esm2020/dynamic-menu/dynamic-menu.component.mjs +28 -0
- package/esm2020/dynamic-menu/dynamic-menu.menu.mjs +2 -0
- package/esm2020/dynamic-menu/dynamic-menu.module.mjs +57 -0
- package/esm2020/dynamic-menu/public_api.mjs +6 -0
- package/esm2020/file/covalent-core-file.mjs +5 -0
- package/esm2020/file/directives/file-drop.directive.mjs +147 -0
- package/esm2020/file/directives/file-select.directive.mjs +77 -0
- package/esm2020/file/file-input/file-input.component.mjs +132 -0
- package/esm2020/file/file-upload/file-upload.component.mjs +174 -0
- package/esm2020/file/file.module.mjs +58 -0
- package/esm2020/file/public_api.mjs +7 -0
- package/esm2020/file/services/file.service.mjs +64 -0
- package/esm2020/json-formatter/collapse.animation.mjs +51 -0
- package/esm2020/json-formatter/covalent-core-json-formatter.mjs +5 -0
- package/esm2020/json-formatter/json-formatter.component.mjs +217 -0
- package/esm2020/json-formatter/json-formatter.module.mjs +20 -0
- package/esm2020/json-formatter/public_api.mjs +3 -0
- package/esm2020/layout/covalent-core-layout.mjs +5 -0
- package/esm2020/layout/layout-card-over/layout-card-over.component.mjs +40 -0
- package/esm2020/layout/layout-footer/layout-footer.component.mjs +33 -0
- package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +93 -0
- package/esm2020/layout/layout-manage-list/layout-manage-list.directives.mjs +84 -0
- package/esm2020/layout/layout-nav/layout-nav.component.mjs +50 -0
- package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +128 -0
- package/esm2020/layout/layout-nav-list/layout-nav-list.directives.mjs +84 -0
- package/esm2020/layout/layout-toggle.class.mjs +93 -0
- package/esm2020/layout/layout.component.mjs +92 -0
- package/esm2020/layout/layout.directives.mjs +85 -0
- package/esm2020/layout/layout.module.mjs +117 -0
- package/esm2020/layout/navigation-drawer/navigation-drawer.component.mjs +161 -0
- package/esm2020/layout/public_api.mjs +13 -0
- package/esm2020/menu/covalent-core-menu.mjs +5 -0
- package/esm2020/menu/menu.component.mjs +12 -0
- package/esm2020/menu/menu.module.mjs +21 -0
- package/esm2020/menu/public_api.mjs +3 -0
- package/esm2020/message/collapse.animation.mjs +51 -0
- package/esm2020/message/covalent-core-message.mjs +5 -0
- package/esm2020/message/message.component.mjs +203 -0
- package/esm2020/message/message.module.mjs +25 -0
- package/esm2020/message/public_api.mjs +3 -0
- package/esm2020/public_api.mjs +2 -0
- package/esm2020/search/covalent-core-search.mjs +5 -0
- package/esm2020/search/public_api.mjs +4 -0
- package/esm2020/search/search-box/search-box.component.mjs +194 -0
- package/esm2020/search/search-input/search-input.component.mjs +203 -0
- package/esm2020/search/search.module.mjs +39 -0
- package/esm2020/side-sheet/covalent-core-side-sheet.mjs +5 -0
- package/esm2020/side-sheet/public_api.mjs +6 -0
- package/esm2020/side-sheet/side-sheet-container.mjs +274 -0
- package/esm2020/side-sheet/side-sheet-ref.mjs +21 -0
- package/esm2020/side-sheet/side-sheet.animation.mjs +12 -0
- package/esm2020/side-sheet/side-sheet.config.mjs +4 -0
- package/esm2020/side-sheet/side-sheet.content-directives.mjs +201 -0
- package/esm2020/side-sheet/side-sheet.mjs +221 -0
- package/esm2020/side-sheet/side-sheet.module.mjs +45 -0
- package/esm2020/user-profile/covalent-core-user-profile.mjs +5 -0
- package/esm2020/user-profile/public_api.mjs +4 -0
- package/esm2020/user-profile/user-profile-menu/user-profile-menu.component.mjs +24 -0
- package/esm2020/user-profile/user-profile.component.mjs +19 -0
- package/esm2020/user-profile/user-profile.module.mjs +44 -0
- package/fesm2015/covalent-core-breadcrumbs.mjs +246 -0
- package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -0
- package/fesm2015/covalent-core-common.mjs +2281 -0
- package/fesm2015/covalent-core-common.mjs.map +1 -0
- package/fesm2015/covalent-core-dialogs.mjs +639 -0
- package/fesm2015/covalent-core-dialogs.mjs.map +1 -0
- package/fesm2015/covalent-core-dynamic-menu.mjs +128 -0
- package/fesm2015/covalent-core-dynamic-menu.mjs.map +1 -0
- package/fesm2015/covalent-core-file.mjs +636 -0
- package/fesm2015/covalent-core-file.mjs.map +1 -0
- package/fesm2015/covalent-core-json-formatter.mjs +298 -0
- package/fesm2015/covalent-core-json-formatter.mjs.map +1 -0
- package/fesm2015/covalent-core-layout.mjs +1025 -0
- package/fesm2015/covalent-core-layout.mjs.map +1 -0
- package/fesm2015/covalent-core-menu.mjs +37 -0
- package/fesm2015/covalent-core-menu.mjs.map +1 -0
- package/fesm2015/covalent-core-message.mjs +284 -0
- package/fesm2015/covalent-core-message.mjs.map +1 -0
- package/fesm2015/covalent-core-search.mjs +428 -0
- package/fesm2015/covalent-core-search.mjs.map +1 -0
- package/fesm2015/covalent-core-side-sheet.mjs +762 -0
- package/fesm2015/covalent-core-side-sheet.mjs.map +1 -0
- package/fesm2015/covalent-core-user-profile.mjs +86 -0
- package/fesm2015/covalent-core-user-profile.mjs.map +1 -0
- package/fesm2015/covalent-core.mjs +4 -0
- package/fesm2015/covalent-core.mjs.map +1 -0
- package/fesm2020/covalent-core-breadcrumbs.mjs +246 -0
- package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -0
- package/{fesm2015/covalent-core-common.js → fesm2020/covalent-core-common.mjs} +317 -813
- package/fesm2020/covalent-core-common.mjs.map +1 -0
- package/fesm2020/covalent-core-dialogs.mjs +634 -0
- package/fesm2020/covalent-core-dialogs.mjs.map +1 -0
- package/fesm2020/covalent-core-dynamic-menu.mjs +128 -0
- package/fesm2020/covalent-core-dynamic-menu.mjs.map +1 -0
- package/fesm2020/covalent-core-file.mjs +629 -0
- package/fesm2020/covalent-core-file.mjs.map +1 -0
- package/fesm2020/covalent-core-json-formatter.mjs +290 -0
- package/fesm2020/covalent-core-json-formatter.mjs.map +1 -0
- package/fesm2020/covalent-core-layout.mjs +1001 -0
- package/fesm2020/covalent-core-layout.mjs.map +1 -0
- package/fesm2020/covalent-core-menu.mjs +37 -0
- package/fesm2020/covalent-core-menu.mjs.map +1 -0
- package/fesm2020/covalent-core-message.mjs +282 -0
- package/fesm2020/covalent-core-message.mjs.map +1 -0
- package/fesm2020/covalent-core-search.mjs +425 -0
- package/fesm2020/covalent-core-search.mjs.map +1 -0
- package/fesm2020/covalent-core-side-sheet.mjs +757 -0
- package/fesm2020/covalent-core-side-sheet.mjs.map +1 -0
- package/fesm2020/covalent-core-user-profile.mjs +86 -0
- package/fesm2020/covalent-core-user-profile.mjs.map +1 -0
- package/fesm2020/covalent-core.mjs +4 -0
- package/fesm2020/covalent-core.mjs.map +1 -0
- package/file/_file-theme.scss +3 -1
- package/file/covalent-core-file.d.ts +2 -1
- package/file/directives/file-drop.directive.d.ts +8 -6
- package/file/directives/file-select.directive.d.ts +5 -2
- package/file/file-input/file-input.component.d.ts +22 -10
- package/file/file-upload/file-upload.component.d.ts +18 -8
- package/file/file.module.d.ts +13 -0
- package/file/package.json +6 -7
- package/file/{public-api.d.ts → public_api.d.ts} +0 -0
- package/file/services/file.service.d.ts +3 -0
- package/file/{file-input → src/file-input}/README.md +46 -37
- package/file/{file-upload → src/file-upload}/README.md +36 -27
- package/json-formatter/README.md +8 -8
- package/json-formatter/_json-formatter-theme.scss +10 -0
- package/json-formatter/collapse.animation.d.ts +24 -0
- package/json-formatter/covalent-core-json-formatter.d.ts +2 -1
- package/json-formatter/json-formatter.component.d.ts +7 -4
- package/json-formatter/json-formatter.module.d.ts +8 -0
- package/json-formatter/package.json +6 -7
- package/json-formatter/{public-api.d.ts → public_api.d.ts} +0 -0
- package/layout/README.md +48 -50
- package/layout/_layout-theme.scss +12 -0
- package/layout/covalent-core-layout.d.ts +2 -1
- package/layout/layout-card-over/layout-card-over.component.d.ts +6 -3
- package/layout/layout-footer/layout-footer.component.d.ts +6 -3
- package/layout/layout-manage-list/layout-manage-list.component.d.ts +3 -0
- package/layout/layout-manage-list/layout-manage-list.directives.d.ts +9 -2
- package/layout/layout-nav/layout-nav.component.d.ts +8 -5
- package/layout/layout-nav-list/layout-nav-list.component.d.ts +8 -5
- package/layout/layout-nav-list/layout-nav-list.directives.d.ts +9 -2
- package/layout/layout-toggle.class.d.ts +4 -1
- package/layout/layout.component.d.ts +3 -0
- package/layout/layout.directives.d.ts +9 -2
- package/layout/layout.module.d.ts +23 -0
- package/layout/navigation-drawer/navigation-drawer.component.d.ts +17 -10
- package/layout/package.json +6 -7
- package/layout/{public-api.d.ts → public_api.d.ts} +0 -0
- package/layout/{layout-card-over → src/layout-card-over}/README.md +19 -17
- package/layout/{layout-manage-list → src/layout-manage-list}/README.md +24 -28
- package/layout/src/layout-nav/README.md +50 -0
- package/layout/{layout-nav-list → src/layout-nav-list}/README.md +44 -40
- package/menu/covalent-core-menu.d.ts +2 -1
- package/menu/menu.component.d.ts +3 -0
- package/menu/menu.module.d.ts +8 -0
- package/menu/package.json +6 -7
- package/menu/{public-api.d.ts → public_api.d.ts} +0 -0
- package/message/README.md +26 -18
- package/message/_message-theme.scss +3 -0
- package/message/collapse.animation.d.ts +24 -0
- package/message/covalent-core-message.d.ts +2 -1
- package/message/message.component.d.ts +9 -4
- package/message/message.module.d.ts +7 -0
- package/message/package.json +6 -7
- package/message/{public-api.d.ts → public_api.d.ts} +0 -0
- package/package.json +129 -47
- package/{index.d.ts → public_api.d.ts} +0 -0
- package/search/README.md +74 -73
- package/search/covalent-core-search.d.ts +2 -1
- package/search/package.json +6 -7
- package/search/{public-api.d.ts → public_api.d.ts} +0 -0
- package/search/search-box/search-box.component.d.ts +12 -5
- package/search/search-input/search-input.component.d.ts +12 -5
- package/search/search.module.d.ts +11 -0
- package/search/src/search-box/README.md +73 -0
- package/search/src/search-input/README.md +74 -0
- package/side-sheet/README.md +3 -5
- package/side-sheet/{side-sheet.theme.scss → _side-sheet.theme.scss} +0 -0
- package/side-sheet/covalent-core-side-sheet.d.ts +2 -3
- package/side-sheet/package.json +6 -7
- package/side-sheet/{public-api.d.ts → public_api.d.ts} +0 -0
- package/side-sheet/side-sheet-container.d.ts +21 -5
- package/side-sheet/side-sheet.content-directives.d.ts +23 -6
- package/side-sheet/side-sheet.d.ts +7 -2
- package/side-sheet/side-sheet.module.d.ts +9 -0
- package/user-profile/README.md +5 -5
- package/user-profile/covalent-core-user-profile.d.ts +2 -1
- package/user-profile/package.json +6 -7
- package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +5 -2
- package/user-profile/user-profile.component.d.ts +5 -2
- package/user-profile/user-profile.module.d.ts +12 -0
- package/breadcrumbs/breadcrumb/breadcrumb.component.scss +0 -22
- package/breadcrumbs/breadcrumbs.component.scss +0 -7
- package/breadcrumbs/covalent-core-breadcrumbs.metadata.json +0 -1
- package/breadcrumbs/index.d.ts +0 -1
- package/bundles/covalent-core-breadcrumbs.umd.js +0 -490
- package/bundles/covalent-core-breadcrumbs.umd.js.map +0 -1
- package/bundles/covalent-core-breadcrumbs.umd.min.js +0 -2
- package/bundles/covalent-core-breadcrumbs.umd.min.js.map +0 -1
- package/bundles/covalent-core-common.umd.js +0 -3188
- package/bundles/covalent-core-common.umd.js.map +0 -1
- package/bundles/covalent-core-common.umd.min.js +0 -17
- package/bundles/covalent-core-common.umd.min.js.map +0 -1
- package/bundles/covalent-core-dialogs.umd.js +0 -1318
- package/bundles/covalent-core-dialogs.umd.js.map +0 -1
- package/bundles/covalent-core-dialogs.umd.min.js +0 -2
- package/bundles/covalent-core-dialogs.umd.min.js.map +0 -1
- package/bundles/covalent-core-dynamic-menu.umd.js +0 -215
- package/bundles/covalent-core-dynamic-menu.umd.js.map +0 -1
- package/bundles/covalent-core-dynamic-menu.umd.min.js +0 -2
- package/bundles/covalent-core-dynamic-menu.umd.min.js.map +0 -1
- package/bundles/covalent-core-file.umd.js +0 -1211
- package/bundles/covalent-core-file.umd.js.map +0 -1
- package/bundles/covalent-core-file.umd.min.js +0 -17
- package/bundles/covalent-core-file.umd.min.js.map +0 -1
- package/bundles/covalent-core-json-formatter.umd.js +0 -408
- package/bundles/covalent-core-json-formatter.umd.js.map +0 -1
- package/bundles/covalent-core-json-formatter.umd.min.js +0 -2
- package/bundles/covalent-core-json-formatter.umd.min.js.map +0 -1
- package/bundles/covalent-core-layout.umd.js +0 -2084
- package/bundles/covalent-core-layout.umd.js.map +0 -1
- package/bundles/covalent-core-layout.umd.min.js +0 -17
- package/bundles/covalent-core-layout.umd.min.js.map +0 -1
- package/bundles/covalent-core-menu.umd.js +0 -69
- package/bundles/covalent-core-menu.umd.js.map +0 -1
- package/bundles/covalent-core-menu.umd.min.js +0 -2
- package/bundles/covalent-core-menu.umd.min.js.map +0 -1
- package/bundles/covalent-core-message.umd.js +0 -375
- package/bundles/covalent-core-message.umd.js.map +0 -1
- package/bundles/covalent-core-message.umd.min.js +0 -2
- package/bundles/covalent-core-message.umd.min.js.map +0 -1
- package/bundles/covalent-core-search.umd.js +0 -877
- package/bundles/covalent-core-search.umd.js.map +0 -1
- package/bundles/covalent-core-search.umd.min.js +0 -16
- package/bundles/covalent-core-search.umd.min.js.map +0 -1
- package/bundles/covalent-core-side-sheet.umd.js +0 -1458
- package/bundles/covalent-core-side-sheet.umd.js.map +0 -1
- package/bundles/covalent-core-side-sheet.umd.min.js +0 -16
- package/bundles/covalent-core-side-sheet.umd.min.js.map +0 -1
- package/bundles/covalent-core-user-profile.umd.js +0 -116
- package/bundles/covalent-core-user-profile.umd.js.map +0 -1
- package/bundles/covalent-core-user-profile.umd.min.js +0 -2
- package/bundles/covalent-core-user-profile.umd.min.js.map +0 -1
- package/bundles/covalent-core.umd.js +0 -9
- package/bundles/covalent-core.umd.js.map +0 -1
- package/bundles/covalent-core.umd.min.js +0 -2
- package/bundles/covalent-core.umd.min.js.map +0 -1
- package/common/covalent-core-common.metadata.json +0 -1
- package/common/index.d.ts +0 -1
- package/common/material-icons.css +0 -98
- package/common/material-icons.css.map +0 -1
- package/common/material-icons.scss +0 -3
- package/common/platform.css +0 -15424
- package/common/platform.css.map +0 -1
- package/common/platform.scss +0 -7
- package/common/styles/_elevation.scss +0 -280
- package/common/styles/_layout.scss +0 -603
- package/common/styles/_palette-dark.scss +0 -326
- package/common/styles/_palette-light.scss +0 -637
- package/common/styles/_rtl.scss +0 -28
- package/common/styles/_styles.scss +0 -10
- package/common/styles/_theme-functions.scss +0 -25
- package/common/styles/_typography-functions.scss +0 -35
- package/common/styles/_variables.scss +0 -98
- package/common/styles/colors/_colors-dark.scss +0 -1072
- package/common/styles/colors/_colors-light.scss +0 -2487
- package/common/styles/colors/_colors.scss +0 -7
- package/common/styles/core/_button.scss +0 -59
- package/common/styles/core/_card.scss +0 -164
- package/common/styles/core/_content.scss +0 -42
- package/common/styles/core/_core.scss +0 -23
- package/common/styles/core/_divider.scss +0 -15
- package/common/styles/core/_icons.scss +0 -20
- package/common/styles/core/_list.scss +0 -8
- package/common/styles/core/_sidenav.scss +0 -20
- package/common/styles/core/_structure.scss +0 -128
- package/common/styles/core/_toolbar.scss +0 -46
- package/common/styles/core/_whiteframe.scss +0 -130
- package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
- package/common/styles/font/_font.scss +0 -93
- package/common/styles/utilities/_general.scss +0 -51
- package/common/styles/utilities/_pad.scss +0 -36
- package/common/styles/utilities/_pull.scss +0 -36
- package/common/styles/utilities/_push.scss +0 -36
- package/common/styles/utilities/_size.scss +0 -24
- package/common/styles/utilities/_text.scss +0 -84
- package/common/styles/utilities/_utilities.scss +0 -15
- package/covalent-core.metadata.json +0 -1
- package/dialogs/alert-dialog/alert-dialog.component.scss +0 -3
- package/dialogs/confirm-dialog/confirm-dialog.component.scss +0 -3
- package/dialogs/covalent-core-dialogs.metadata.json +0 -1
- package/dialogs/dialog.component.scss +0 -44
- package/dialogs/index.d.ts +0 -1
- package/dialogs/prompt-dialog/prompt-dialog.component.scss +0 -15
- package/dialogs/window-dialog/window-dialog.component.scss +0 -31
- package/dynamic-menu/covalent-core-dynamic-menu.metadata.json +0 -1
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.scss +0 -6
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.scss +0 -11
- package/dynamic-menu/dynamic-menu.component.scss +0 -0
- package/dynamic-menu/index.d.ts +0 -1
- package/esm2015/breadcrumbs/breadcrumb/breadcrumb.component.js +0 -171
- package/esm2015/breadcrumbs/breadcrumbs.component.js +0 -241
- package/esm2015/breadcrumbs/breadcrumbs.module.js +0 -20
- package/esm2015/breadcrumbs/covalent-core-breadcrumbs.js +0 -10
- package/esm2015/breadcrumbs/index.js +0 -7
- package/esm2015/breadcrumbs/public-api.js +0 -9
- package/esm2015/common/animations/bounce/bounce.animation.js +0 -76
- package/esm2015/common/animations/collapse/collapse.animation.js +0 -67
- package/esm2015/common/animations/common/interfaces.js +0 -18
- package/esm2015/common/animations/fade/fadeInOut.animation.js +0 -53
- package/esm2015/common/animations/flash/flash.animation.js +0 -40
- package/esm2015/common/animations/headshake/headshake.animation.js +0 -41
- package/esm2015/common/animations/jello/jello.animation.js +0 -44
- package/esm2015/common/animations/pulse/pulse.animation.js +0 -38
- package/esm2015/common/animations/rotate/rotate.animation.js +0 -41
- package/esm2015/common/behaviors/control-value-accesor.mixin.js +0 -107
- package/esm2015/common/behaviors/disable-ripple.mixin.js +0 -63
- package/esm2015/common/behaviors/disabled.mixin.js +0 -63
- package/esm2015/common/common.module.js +0 -54
- package/esm2015/common/covalent-core-common.js +0 -12
- package/esm2015/common/directives/fullscreen/fullscreen.directive.js +0 -180
- package/esm2015/common/forms/auto-trim/auto-trim.directive.js +0 -46
- package/esm2015/common/forms/validators/validators.js +0 -58
- package/esm2015/common/functions/clipboard.js +0 -30
- package/esm2015/common/functions/convert.js +0 -103
- package/esm2015/common/functions/download.js +0 -88
- package/esm2015/common/functions/file.js +0 -29
- package/esm2015/common/index.js +0 -7
- package/esm2015/common/pipes/bytes/bytes.pipe.js +0 -41
- package/esm2015/common/pipes/decimal-bytes/decimal-bytes.pipe.js +0 -41
- package/esm2015/common/pipes/digits/digits.pipe.js +0 -65
- package/esm2015/common/pipes/time-ago/time-ago.pipe.js +0 -81
- package/esm2015/common/pipes/time-difference/time-difference.pipe.js +0 -66
- package/esm2015/common/pipes/time-until/time-until.pipe.js +0 -81
- package/esm2015/common/pipes/truncate/truncate.pipe.js +0 -34
- package/esm2015/common/public-api.js +0 -44
- package/esm2015/common/services/icon.service.js +0 -1109
- package/esm2015/common/services/router-path.service.js +0 -60
- package/esm2015/covalent-core.js +0 -10
- package/esm2015/dialogs/alert-dialog/alert-dialog.component.js +0 -47
- package/esm2015/dialogs/confirm-dialog/confirm-dialog.component.js +0 -59
- package/esm2015/dialogs/covalent-core-dialogs.js +0 -11
- package/esm2015/dialogs/dialog.component.js +0 -58
- package/esm2015/dialogs/dialogs.module.js +0 -57
- package/esm2015/dialogs/index.js +0 -7
- package/esm2015/dialogs/prompt-dialog/prompt-dialog.component.js +0 -83
- package/esm2015/dialogs/public-api.js +0 -13
- package/esm2015/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.js +0 -325
- package/esm2015/dialogs/services/dialog.service.js +0 -316
- package/esm2015/dialogs/window-dialog/window-dialog.component.js +0 -56
- package/esm2015/dynamic-menu/covalent-core-dynamic-menu.js +0 -11
- package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.js +0 -40
- package/esm2015/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.js +0 -35
- package/esm2015/dynamic-menu/dynamic-menu.component.js +0 -89
- package/esm2015/dynamic-menu/dynamic-menu.module.js +0 -26
- package/esm2015/dynamic-menu/index.js +0 -7
- package/esm2015/dynamic-menu/public_api.js +0 -9
- package/esm2015/file/covalent-core-file.js +0 -10
- package/esm2015/file/directives/file-drop.directive.js +0 -191
- package/esm2015/file/directives/file-select.directive.js +0 -98
- package/esm2015/file/file-input/file-input.component.js +0 -186
- package/esm2015/file/file-upload/file-upload.component.js +0 -237
- package/esm2015/file/file.module.js +0 -35
- package/esm2015/file/index.js +0 -7
- package/esm2015/file/public-api.js +0 -12
- package/esm2015/file/services/file.service.js +0 -109
- package/esm2015/index.js +0 -7
- package/esm2015/json-formatter/covalent-core-json-formatter.js +0 -10
- package/esm2015/json-formatter/index.js +0 -7
- package/esm2015/json-formatter/json-formatter.component.js +0 -338
- package/esm2015/json-formatter/json-formatter.module.js +0 -20
- package/esm2015/json-formatter/public-api.js +0 -8
- package/esm2015/layout/covalent-core-layout.js +0 -10
- package/esm2015/layout/index.js +0 -7
- package/esm2015/layout/layout-card-over/layout-card-over.component.js +0 -71
- package/esm2015/layout/layout-footer/layout-footer.component.js +0 -71
- package/esm2015/layout/layout-manage-list/layout-manage-list.component.js +0 -145
- package/esm2015/layout/layout-manage-list/layout-manage-list.directives.js +0 -132
- package/esm2015/layout/layout-nav/layout-nav.component.js +0 -100
- package/esm2015/layout/layout-nav-list/layout-nav-list.component.js +0 -220
- package/esm2015/layout/layout-nav-list/layout-nav-list.directives.js +0 -132
- package/esm2015/layout/layout-toggle.class.js +0 -188
- package/esm2015/layout/layout.component.js +0 -145
- package/esm2015/layout/layout.directives.js +0 -129
- package/esm2015/layout/layout.module.js +0 -64
- package/esm2015/layout/navigation-drawer/navigation-drawer.component.js +0 -280
- package/esm2015/layout/public-api.js +0 -18
- package/esm2015/menu/covalent-core-menu.js +0 -10
- package/esm2015/menu/index.js +0 -7
- package/esm2015/menu/menu.component.js +0 -16
- package/esm2015/menu/menu.module.js +0 -22
- package/esm2015/menu/public-api.js +0 -8
- package/esm2015/message/covalent-core-message.js +0 -10
- package/esm2015/message/index.js +0 -7
- package/esm2015/message/message.component.js +0 -307
- package/esm2015/message/message.module.js +0 -21
- package/esm2015/message/public-api.js +0 -8
- package/esm2015/search/covalent-core-search.js +0 -10
- package/esm2015/search/index.js +0 -7
- package/esm2015/search/public-api.js +0 -9
- package/esm2015/search/search-box/search-box.component.js +0 -270
- package/esm2015/search/search-input/search-input.component.js +0 -260
- package/esm2015/search/search.module.js +0 -23
- package/esm2015/side-sheet/covalent-core-side-sheet.js +0 -12
- package/esm2015/side-sheet/index.js +0 -7
- package/esm2015/side-sheet/public-api.js +0 -11
- package/esm2015/side-sheet/side-sheet-container.js +0 -402
- package/esm2015/side-sheet/side-sheet-ref.js +0 -50
- package/esm2015/side-sheet/side-sheet.animation.js +0 -20
- package/esm2015/side-sheet/side-sheet.config.js +0 -12
- package/esm2015/side-sheet/side-sheet.content-directives.js +0 -255
- package/esm2015/side-sheet/side-sheet.js +0 -360
- package/esm2015/side-sheet/side-sheet.module.js +0 -36
- package/esm2015/user-profile/covalent-core-user-profile.js +0 -10
- package/esm2015/user-profile/index.js +0 -7
- package/esm2015/user-profile/public_api.js +0 -9
- package/esm2015/user-profile/user-profile-menu/user-profile-menu.component.js +0 -35
- package/esm2015/user-profile/user-profile.component.js +0 -26
- package/esm2015/user-profile/user-profile.module.js +0 -25
- package/fesm2015/covalent-core-breadcrumbs.js +0 -448
- package/fesm2015/covalent-core-breadcrumbs.js.map +0 -1
- package/fesm2015/covalent-core-common.js.map +0 -1
- package/fesm2015/covalent-core-dialogs.js +0 -1001
- package/fesm2015/covalent-core-dialogs.js.map +0 -1
- package/fesm2015/covalent-core-dynamic-menu.js +0 -204
- package/fesm2015/covalent-core-dynamic-menu.js.map +0 -1
- package/fesm2015/covalent-core-file.js +0 -855
- package/fesm2015/covalent-core-file.js.map +0 -1
- package/fesm2015/covalent-core-json-formatter.js +0 -377
- package/fesm2015/covalent-core-json-formatter.js.map +0 -1
- package/fesm2015/covalent-core-layout.js +0 -1663
- package/fesm2015/covalent-core-layout.js.map +0 -1
- package/fesm2015/covalent-core-menu.js +0 -57
- package/fesm2015/covalent-core-menu.js.map +0 -1
- package/fesm2015/covalent-core-message.js +0 -347
- package/fesm2015/covalent-core-message.js.map +0 -1
- package/fesm2015/covalent-core-search.js +0 -564
- package/fesm2015/covalent-core-search.js.map +0 -1
- package/fesm2015/covalent-core-side-sheet.js +0 -1134
- package/fesm2015/covalent-core-side-sheet.js.map +0 -1
- package/fesm2015/covalent-core-user-profile.js +0 -103
- package/fesm2015/covalent-core-user-profile.js.map +0 -1
- package/fesm2015/covalent-core.js +0 -12
- package/fesm2015/covalent-core.js.map +0 -1
- package/file/covalent-core-file.metadata.json +0 -1
- package/file/file-input/file-input.component.scss +0 -20
- package/file/file-upload/file-upload.component.scss +0 -30
- package/file/index.d.ts +0 -1
- package/json-formatter/covalent-core-json-formatter.metadata.json +0 -1
- package/json-formatter/index.d.ts +0 -1
- package/json-formatter/json-formatter.component.scss +0 -61
- package/layout/covalent-core-layout.metadata.json +0 -1
- package/layout/index.d.ts +0 -1
- package/layout/layout-card-over/layout-card-over.component.scss +0 -42
- package/layout/layout-footer/layout-footer.component.scss +0 -4
- package/layout/layout-manage-list/layout-manage-list.component.scss +0 -78
- package/layout/layout-nav/README.md +0 -46
- package/layout/layout-nav/layout-nav.component.scss +0 -50
- package/layout/layout-nav-list/layout-nav-list.component.scss +0 -110
- package/layout/layout.component.scss +0 -20
- package/layout/navigation-drawer/navigation-drawer.component.scss +0 -73
- package/menu/covalent-core-menu.metadata.json +0 -1
- package/menu/index.d.ts +0 -1
- package/menu/menu.component.scss +0 -43
- package/message/covalent-core-message.metadata.json +0 -1
- package/message/index.d.ts +0 -1
- package/message/message.component.scss +0 -29
- package/schematics/README.md +0 -66
- package/schematics/collection.json +0 -11
- package/schematics/components.js +0 -111
- package/schematics/components.js.map +0 -1
- package/schematics/migration.json +0 -10
- package/schematics/ng-add/files/theme.scss +0 -64
- package/schematics/ng-add/index.js +0 -58
- package/schematics/ng-add/index.js.map +0 -1
- package/schematics/ng-add/schema.js +0 -3
- package/schematics/ng-add/schema.js.map +0 -1
- package/schematics/ng-add/schema.json +0 -81
- package/schematics/ng-update/index.js +0 -52
- package/schematics/ng-update/index.js.map +0 -1
- package/schematics/ng-update/target-version.js +0 -8
- package/schematics/ng-update/target-version.js.map +0 -1
- package/schematics/version-names.js +0 -6
- package/schematics/version-names.js.map +0 -1
- package/search/covalent-core-search.metadata.json +0 -1
- package/search/index.d.ts +0 -1
- package/search/search-box/README.md +0 -62
- package/search/search-box/search-box.component.scss +0 -32
- package/search/search-input/README.md +0 -65
- package/search/search-input/search-input.component.scss +0 -63
- package/side-sheet/covalent-core-side-sheet.metadata.json +0 -1
- package/side-sheet/index.d.ts +0 -1
- package/side-sheet/side-sheet.scss +0 -69
- package/theming/prebuilt/blue-grey-deep-orange.css +0 -2434
- package/theming/prebuilt/blue-grey-deep-orange.css.map +0 -1
- package/theming/prebuilt/blue-grey-deep-orange.scss +0 -13
- package/theming/prebuilt/blue-orange.css +0 -2434
- package/theming/prebuilt/blue-orange.css.map +0 -1
- package/theming/prebuilt/blue-orange.scss +0 -13
- package/theming/prebuilt/indigo-pink.css +0 -2434
- package/theming/prebuilt/indigo-pink.css.map +0 -1
- package/theming/prebuilt/indigo-pink.scss +0 -13
- package/theming/prebuilt/orange-light-blue.css +0 -2434
- package/theming/prebuilt/orange-light-blue.css.map +0 -1
- package/theming/prebuilt/orange-light-blue.scss +0 -13
- package/theming/prebuilt/teal-orange.css +0 -2434
- package/theming/prebuilt/teal-orange.css.map +0 -1
- package/theming/prebuilt/teal-orange.scss +0 -13
- package/user-profile/covalent-core-user-profile.metadata.json +0 -1
- package/user-profile/index.d.ts +0 -1
- package/user-profile/user-profile-menu/user-profile-menu.component.scss +0 -38
package/search/README.md
CHANGED
@@ -6,56 +6,56 @@
|
|
6
6
|
|
7
7
|
#### Inputs
|
8
8
|
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
9
|
+
- backIcon?: string
|
10
|
+
- The icon used to close the search toggle, only shown when [alwaysVisible] is false. Defaults to 'search' icon.
|
11
|
+
- searchIcon?: string
|
12
|
+
- The icon used to open/focus the search toggle. Defaults to 'search' icon.
|
13
|
+
- clearIcon?: string
|
14
|
+
- The icon used to clear the search input. Defaults to 'cancel' icon.
|
15
|
+
- showUnderline?: boolean
|
16
|
+
- Sets if the input underline should be visible. Defaults to 'false'.
|
17
|
+
- debounce?: number
|
18
|
+
- Debounce timeout between keypresses. Defaults to 400.
|
19
|
+
- alwaysVisible?: boolean
|
20
|
+
- Sets if the input should always be visible. Defaults to 'false'.
|
21
|
+
- placeholder?: string
|
22
|
+
- Placeholder for the underlying input component.
|
23
23
|
|
24
24
|
#### Events
|
25
25
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
26
|
+
- searchDebounce?: string
|
27
|
+
- Event emitted after the [debounce] timeout.
|
28
|
+
- Emits a [string].
|
29
|
+
- search?: string
|
30
|
+
- Event emitted after the key enter has been pressed.
|
31
|
+
- Emits a [string].
|
32
|
+
- clear?: string
|
33
|
+
- Event emitted after the clear icon has been clicked.
|
34
|
+
- Emits [void].
|
35
|
+
- blur: function
|
36
|
+
- Event emitted after the blur event has been called in underlying input.
|
37
|
+
- Emits [void].
|
38
38
|
|
39
39
|
## Usage
|
40
40
|
|
41
41
|
Example for HTML usage:
|
42
42
|
|
43
43
|
```html
|
44
|
-
<td-search-box
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
44
|
+
<td-search-box
|
45
|
+
backIcon="arrow_back"
|
46
|
+
placeholder="Search here"
|
47
|
+
[(ngModel)]="searchInputTerm"
|
48
|
+
[showUnderline]="false|true"
|
49
|
+
[debounce]="500"
|
50
|
+
[alwaysVisible]="false|true"
|
51
|
+
(searchDebounce)="searchInputTerm = $event"
|
52
|
+
(search)="searchInputTerm = $event"
|
53
|
+
(clear)="searchInputTerm = ''"
|
54
|
+
(blur)="onBlurEvent()"
|
55
|
+
>
|
55
56
|
</td-search-box>
|
56
57
|
```
|
57
58
|
|
58
|
-
|
59
59
|
# TdSearchInputComponent: td-search-input
|
60
60
|
|
61
61
|
`td-search-input` element to generate a search input with its animated cancel button.
|
@@ -64,53 +64,54 @@ Example for HTML usage:
|
|
64
64
|
|
65
65
|
#### Inputs
|
66
66
|
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
67
|
+
- debounce?: number
|
68
|
+
- Debounce timeout between keypresses. Defaults to 400.
|
69
|
+
- placeholder?: string
|
70
|
+
- Placeholder for the underlying input component.
|
71
|
+
- showUnderline?: boolean
|
72
|
+
- Sets if the input underline should be visible. Defaults to 'false'.
|
73
|
+
- clearIcon?: string
|
74
|
+
- The icon used to clear the search input. Defaults to 'cancel' icon.
|
75
|
+
- appearance?: MatFormFieldAppearance
|
76
|
+
- Appearance style for the underlying input component.
|
77
77
|
|
78
78
|
#### Events
|
79
79
|
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
80
|
+
- searchDebounce: function
|
81
|
+
- Event emitted after the [debounce] timeout.
|
82
|
+
- Emits a [string].
|
83
|
+
- search: function
|
84
|
+
- Event emitted after the key enter has been pressed.
|
85
|
+
- Emits a [string].
|
86
|
+
- clear: function
|
87
|
+
- Event emitted after the clear icon has been clicked.
|
88
|
+
- Emits [void].
|
89
|
+
- blur: function
|
90
|
+
- Event emitted after the blur event has been called in underlying input.
|
91
|
+
- Emits [void].
|
92
92
|
|
93
93
|
#### Methods
|
94
94
|
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
95
|
+
- focus: function
|
96
|
+
- Method to focus to underlying input.
|
97
|
+
- clearSearch: function
|
98
|
+
- Method to clear the underlying input.
|
99
99
|
|
100
100
|
## Usage
|
101
101
|
|
102
102
|
Example for HTML usage:
|
103
103
|
|
104
104
|
```html
|
105
|
-
<td-search-input
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
105
|
+
<td-search-input
|
106
|
+
appearance="legacy|standard|fill|outline"
|
107
|
+
placeholder="Search here"
|
108
|
+
[(ngModel)]="searchInputTerm"
|
109
|
+
[showUnderline]="false|true"
|
110
|
+
[debounce]="500"
|
111
|
+
(searchDebounce)="searchInputTerm = $event"
|
112
|
+
(search)="searchInputTerm = $event"
|
113
|
+
(clear)="searchInputTerm = ''"
|
114
|
+
>
|
114
115
|
</td-search-input>
|
115
116
|
```
|
116
117
|
|
package/search/package.json
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"fesm2015": "../fesm2015/covalent-core-search.
|
2
|
+
"module": "../fesm2015/covalent-core-search.mjs",
|
3
|
+
"es2020": "../fesm2020/covalent-core-search.mjs",
|
4
|
+
"esm2020": "../esm2020/search/covalent-core-search.mjs",
|
5
|
+
"fesm2020": "../fesm2020/covalent-core-search.mjs",
|
6
|
+
"fesm2015": "../fesm2015/covalent-core-search.mjs",
|
7
7
|
"typings": "covalent-core-search.d.ts",
|
8
|
-
"metadata": "covalent-core-search.metadata.json",
|
9
8
|
"sideEffects": false,
|
10
9
|
"name": "@covalent/core/search"
|
11
|
-
}
|
10
|
+
}
|
File without changes
|
@@ -1,14 +1,15 @@
|
|
1
1
|
import { EventEmitter, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
2
3
|
import { TdSearchInputComponent } from '../search-input/search-input.component';
|
3
|
-
import
|
4
|
+
import * as i0 from "@angular/core";
|
4
5
|
export declare class TdSearchBoxBase {
|
5
6
|
_changeDetectorRef: ChangeDetectorRef;
|
6
7
|
constructor(_changeDetectorRef: ChangeDetectorRef);
|
7
8
|
}
|
8
|
-
export declare
|
9
|
-
|
9
|
+
export declare class TdSearchBoxComponent implements ControlValueAccessor {
|
10
|
+
private _changeDetectorRef;
|
10
11
|
private _searchVisible;
|
11
|
-
_searchInput
|
12
|
+
_searchInput?: TdSearchInputComponent;
|
12
13
|
get searchVisible(): boolean;
|
13
14
|
/**
|
14
15
|
* backIcon?: string
|
@@ -48,6 +49,7 @@ export declare class TdSearchBoxComponent extends _TdSearchBoxMixinBase implemen
|
|
48
49
|
* Placeholder for the underlying input component.
|
49
50
|
*/
|
50
51
|
placeholder: string;
|
52
|
+
value: unknown;
|
51
53
|
/**
|
52
54
|
* searchDebounce: function($event)
|
53
55
|
* Event emitted after the [debounce] timeout.
|
@@ -67,8 +69,11 @@ export declare class TdSearchBoxComponent extends _TdSearchBoxMixinBase implemen
|
|
67
69
|
* blur: function()
|
68
70
|
* Event emitted after the blur event has been called in underlying input.
|
69
71
|
*/
|
70
|
-
|
72
|
+
blurSearch: EventEmitter<void>;
|
71
73
|
constructor(_changeDetectorRef: ChangeDetectorRef);
|
74
|
+
writeValue(value: unknown): void;
|
75
|
+
registerOnChange(): void;
|
76
|
+
registerOnTouched(): void;
|
72
77
|
/**
|
73
78
|
* Method executed when the search icon is clicked.
|
74
79
|
*/
|
@@ -78,4 +83,6 @@ export declare class TdSearchBoxComponent extends _TdSearchBoxMixinBase implemen
|
|
78
83
|
handleSearch(value: string): void;
|
79
84
|
handleClear(): void;
|
80
85
|
handleBlur(): void;
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchBoxComponent, never>;
|
87
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchBoxComponent, "td-search-box", never, { "backIcon": "backIcon"; "searchIcon": "searchIcon"; "clearIcon": "clearIcon"; "showUnderline": "showUnderline"; "debounce": "debounce"; "alwaysVisible": "alwaysVisible"; "placeholder": "placeholder"; "value": "value"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never>;
|
81
88
|
}
|
@@ -1,16 +1,17 @@
|
|
1
1
|
import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
2
3
|
import { Dir } from '@angular/cdk/bidi';
|
3
4
|
import { MatInput } from '@angular/material/input';
|
4
5
|
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
5
|
-
import
|
6
|
+
import * as i0 from "@angular/core";
|
6
7
|
export declare class TdSearchInputBase {
|
7
8
|
_changeDetectorRef: ChangeDetectorRef;
|
8
9
|
constructor(_changeDetectorRef: ChangeDetectorRef);
|
9
10
|
}
|
10
|
-
export declare
|
11
|
-
export declare class TdSearchInputComponent extends _TdSearchInputMixinBase implements IControlValueAccessor, OnInit {
|
11
|
+
export declare class TdSearchInputComponent implements ControlValueAccessor, OnInit {
|
12
12
|
private _dir;
|
13
|
-
|
13
|
+
private _changeDetectorRef;
|
14
|
+
_input?: MatInput;
|
14
15
|
/**
|
15
16
|
* appearance?: MatFormFieldAppearance
|
16
17
|
* Appearance style for the underlying input component.
|
@@ -37,6 +38,7 @@ export declare class TdSearchInputComponent extends _TdSearchInputMixinBase impl
|
|
37
38
|
* Defaults to 'cancel' icon.
|
38
39
|
*/
|
39
40
|
clearIcon: string;
|
41
|
+
value?: unknown;
|
40
42
|
/**
|
41
43
|
* searchDebounce: function($event)
|
42
44
|
* Event emitted after the [debounce] timeout.
|
@@ -56,10 +58,13 @@ export declare class TdSearchInputComponent extends _TdSearchInputMixinBase impl
|
|
56
58
|
* blur: function()
|
57
59
|
* Event emitted after the blur event has been called in underlying input.
|
58
60
|
*/
|
59
|
-
|
61
|
+
blurSearch: EventEmitter<void>;
|
60
62
|
get isRTL(): boolean;
|
61
63
|
constructor(_dir: Dir, _changeDetectorRef: ChangeDetectorRef);
|
62
64
|
ngOnInit(): void;
|
65
|
+
writeValue(value: unknown): void;
|
66
|
+
registerOnChange(): void;
|
67
|
+
registerOnTouched(): void;
|
63
68
|
/**
|
64
69
|
* Method to focus to underlying input.
|
65
70
|
*/
|
@@ -72,4 +77,6 @@ export declare class TdSearchInputComponent extends _TdSearchInputMixinBase impl
|
|
72
77
|
*/
|
73
78
|
clearSearch(): void;
|
74
79
|
private _searchTermChanged;
|
80
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdSearchInputComponent, [{ optional: true; }, null]>;
|
81
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdSearchInputComponent, "td-search-input", never, { "appearance": "appearance"; "showUnderline": "showUnderline"; "debounce": "debounce"; "placeholder": "placeholder"; "clearIcon": "clearIcon"; "value": "value"; }, { "searchDebounce": "searchDebounce"; "search": "search"; "clear": "clear"; "blurSearch": "blurSearch"; }, never, never>;
|
75
82
|
}
|
@@ -1,2 +1,13 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./search-input/search-input.component";
|
3
|
+
import * as i2 from "./search-box/search-box.component";
|
4
|
+
import * as i3 from "@angular/forms";
|
5
|
+
import * as i4 from "@angular/common";
|
6
|
+
import * as i5 from "@angular/material/input";
|
7
|
+
import * as i6 from "@angular/material/icon";
|
8
|
+
import * as i7 from "@angular/material/button";
|
1
9
|
export declare class CovalentSearchModule {
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSearchModule, never>;
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSearchModule, [typeof i1.TdSearchInputComponent, typeof i2.TdSearchBoxComponent], [typeof i3.FormsModule, typeof i4.CommonModule, typeof i5.MatInputModule, typeof i6.MatIconModule, typeof i7.MatButtonModule], [typeof i1.TdSearchInputComponent, typeof i2.TdSearchBoxComponent]>;
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentSearchModule>;
|
2
13
|
}
|
@@ -0,0 +1,73 @@
|
|
1
|
+
# TdSearchBoxComponent: td-search-box
|
2
|
+
|
3
|
+
`td-search-box` element to generate a search box with animations.
|
4
|
+
|
5
|
+
## API Summary
|
6
|
+
|
7
|
+
#### Inputs
|
8
|
+
|
9
|
+
- backIcon?: string
|
10
|
+
- The icon used to close the search toggle, only shown when [alwaysVisible] is false. Defaults to 'search' icon.
|
11
|
+
- searchIcon?: string
|
12
|
+
- The icon used to open/focus the search toggle. Defaults to 'search' icon.
|
13
|
+
- clearIcon?: string
|
14
|
+
- The icon used to clear the search input. Defaults to 'cancel' icon.
|
15
|
+
- showUnderline?: boolean
|
16
|
+
- Sets if the input underline should be visible. Defaults to 'false'.
|
17
|
+
- debounce?: number
|
18
|
+
- Debounce timeout between keypresses. Defaults to 400.
|
19
|
+
- alwaysVisible?: boolean
|
20
|
+
- Sets if the input should always be visible. Defaults to 'false'.
|
21
|
+
- placeholder?: string
|
22
|
+
- Placeholder for the underlying input component.
|
23
|
+
|
24
|
+
#### Events
|
25
|
+
|
26
|
+
- searchDebounce?: string
|
27
|
+
- Event emitted after the [debounce] timeout.
|
28
|
+
- Emits a [string].
|
29
|
+
- search?: string
|
30
|
+
- Event emitted after the key enter has been pressed.
|
31
|
+
- Emits a [string].
|
32
|
+
- clear?: string
|
33
|
+
- Event emitted after the clear icon has been clicked.
|
34
|
+
- Emits [void].
|
35
|
+
- blur: function
|
36
|
+
- Event emitted after the blur event has been called in underlying input.
|
37
|
+
- Emits [void].
|
38
|
+
|
39
|
+
## Setup
|
40
|
+
|
41
|
+
Import the [CovalentSearchModule] in your NgModule:
|
42
|
+
|
43
|
+
```typescript
|
44
|
+
import { CovalentSearchModule } from '@covalent/core/search';
|
45
|
+
@NgModule({
|
46
|
+
imports: [
|
47
|
+
CovalentSearchModule,
|
48
|
+
...
|
49
|
+
],
|
50
|
+
...
|
51
|
+
})
|
52
|
+
export class MyModule {}
|
53
|
+
```
|
54
|
+
|
55
|
+
## Usage
|
56
|
+
|
57
|
+
Example for HTML usage:
|
58
|
+
|
59
|
+
```html
|
60
|
+
<td-search-box
|
61
|
+
backIcon="arrow_back"
|
62
|
+
placeholder="Search here"
|
63
|
+
[(ngModel)]="searchInputTerm"
|
64
|
+
[showUnderline]="false|true"
|
65
|
+
[debounce]="500"
|
66
|
+
[alwaysVisible]="false|true"
|
67
|
+
(searchDebounce)="searchInputTerm = $event"
|
68
|
+
(search)="searchInputTerm = $event"
|
69
|
+
(clear)="searchInputTerm = ''"
|
70
|
+
(blur)="onBlurEvent()"
|
71
|
+
>
|
72
|
+
</td-search-box>
|
73
|
+
```
|
@@ -0,0 +1,74 @@
|
|
1
|
+
# TdSearchInputComponent: td-search-input
|
2
|
+
|
3
|
+
`td-search-input` element to generate a search input with its animated cancel button.
|
4
|
+
|
5
|
+
## API Summary
|
6
|
+
|
7
|
+
#### Inputs
|
8
|
+
|
9
|
+
- debounce?: number
|
10
|
+
- Debounce timeout between keypresses. Defaults to 400.
|
11
|
+
- placeholder?: string
|
12
|
+
- Placeholder for the underlying input component.
|
13
|
+
- showUnderline?: boolean
|
14
|
+
- Sets if the input underline should be visible. Defaults to 'false'.
|
15
|
+
- clearIcon?: string
|
16
|
+
- The icon used to clear the search input. Defaults to 'cancel' icon.
|
17
|
+
- appearance?: MatFormFieldAppearance
|
18
|
+
- Appearance style for the underlying input component.
|
19
|
+
|
20
|
+
#### Events
|
21
|
+
|
22
|
+
- searchDebounce: function
|
23
|
+
- Event emitted after the [debounce] timeout.
|
24
|
+
- Emits a [string].
|
25
|
+
- search: function
|
26
|
+
- Event emitted after the key enter has been pressed.
|
27
|
+
- Emits a [string].
|
28
|
+
- clear: function
|
29
|
+
- Event emitted after the clear icon has been clicked.
|
30
|
+
- Emits [void].
|
31
|
+
- blur: function
|
32
|
+
- Event emitted after the blur event has been called in underlying input.
|
33
|
+
- Emits [void].
|
34
|
+
|
35
|
+
#### Methods
|
36
|
+
|
37
|
+
- focus: function
|
38
|
+
- Method to focus to underlying input.
|
39
|
+
- clearSearch: function
|
40
|
+
- Method to clear the underlying input.
|
41
|
+
|
42
|
+
## Setup
|
43
|
+
|
44
|
+
Import the [CovalentSearchModule] in your NgModule:
|
45
|
+
|
46
|
+
```typescript
|
47
|
+
import { CovalentSearchModule } from '@covalent/core/search';
|
48
|
+
@NgModule({
|
49
|
+
imports: [
|
50
|
+
CovalentSearchModule,
|
51
|
+
...
|
52
|
+
],
|
53
|
+
...
|
54
|
+
})
|
55
|
+
export class MyModule {}
|
56
|
+
```
|
57
|
+
|
58
|
+
## Usage
|
59
|
+
|
60
|
+
Example for HTML usage:
|
61
|
+
|
62
|
+
```html
|
63
|
+
<td-search-input
|
64
|
+
appearance="legacy|standard|fill|outline"
|
65
|
+
placeholder="Search here"
|
66
|
+
[(ngModel)]="searchInputTerm"
|
67
|
+
[showUnderline]="false|true"
|
68
|
+
[debounce]="500"
|
69
|
+
(searchDebounce)="searchInputTerm = $event"
|
70
|
+
(search)="searchInputTerm = $event"
|
71
|
+
(clear)="searchInputTerm = ''"
|
72
|
+
>
|
73
|
+
</td-search-input>
|
74
|
+
```
|
package/side-sheet/README.md
CHANGED
@@ -42,7 +42,7 @@ Basic Example:
|
|
42
42
|
import { ExampleSideSheetComponent } from './example.sidebar/example.sidesheet.component';
|
43
43
|
import { CovalentSideSheet } from '.@covalent/core/side-sheet';
|
44
44
|
|
45
|
-
export class AppComponent {
|
45
|
+
export class AppComponent {
|
46
46
|
constructor(private sideSheet: CovalentSideSheet) {
|
47
47
|
this.sideSheet.open(ExampleSidebarComponent);
|
48
48
|
}
|
@@ -54,11 +54,9 @@ Example component html content with optional directives to support styling:
|
|
54
54
|
```html
|
55
55
|
<span td-sidesheet-title>
|
56
56
|
Side Sheet Title
|
57
|
-
<button mat-icon-button td-sidesheet-close>close</button>
|
57
|
+
<button mat-icon-button td-sidesheet-close>close</button>
|
58
58
|
</span>
|
59
|
-
<td-side-sheet-content>
|
60
|
-
Sidesheet Content
|
61
|
-
</td-side-sheet-content>
|
59
|
+
<td-side-sheet-content> Sidesheet Content </td-side-sheet-content>
|
62
60
|
<td-sidesheet-actions>
|
63
61
|
<button mat-icon-button td-sidesheet-close>close</button>
|
64
62
|
<button mat-icon-button td-sidesheet-close>save</button>
|
File without changes
|
@@ -1,6 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Generated bundle index. Do not edit.
|
3
3
|
*/
|
4
|
-
|
5
|
-
export
|
6
|
-
export { tdSideSheetAnimations as ɵc } from './side-sheet.animation';
|
4
|
+
/// <amd-module name="@covalent/core/side-sheet" />
|
5
|
+
export * from './public_api';
|
package/side-sheet/package.json
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
{
|
2
|
-
"
|
3
|
-
"
|
4
|
-
"
|
5
|
-
"
|
6
|
-
"fesm2015": "../fesm2015/covalent-core-side-sheet.
|
2
|
+
"module": "../fesm2015/covalent-core-side-sheet.mjs",
|
3
|
+
"es2020": "../fesm2020/covalent-core-side-sheet.mjs",
|
4
|
+
"esm2020": "../esm2020/side-sheet/covalent-core-side-sheet.mjs",
|
5
|
+
"fesm2020": "../fesm2020/covalent-core-side-sheet.mjs",
|
6
|
+
"fesm2015": "../fesm2015/covalent-core-side-sheet.mjs",
|
7
7
|
"typings": "covalent-core-side-sheet.d.ts",
|
8
|
-
"metadata": "covalent-core-side-sheet.metadata.json",
|
9
8
|
"sideEffects": false,
|
10
9
|
"name": "@covalent/core/side-sheet"
|
11
|
-
}
|
10
|
+
}
|
File without changes
|
@@ -1,8 +1,9 @@
|
|
1
1
|
import { AnimationEvent } from '@angular/animations';
|
2
|
-
import { FocusMonitor, FocusOrigin
|
2
|
+
import { ConfigurableFocusTrapFactory, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
|
3
3
|
import { BasePortalOutlet, CdkPortalOutlet, ComponentPortal, DomPortal, TemplatePortal } from '@angular/cdk/portal';
|
4
4
|
import { ChangeDetectorRef, ComponentRef, ElementRef, EmbeddedViewRef, EventEmitter } from '@angular/core';
|
5
5
|
import { CovalentSideSheetConfig } from './side-sheet.config';
|
6
|
+
import * as i0 from "@angular/core";
|
6
7
|
export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
|
7
8
|
/**
|
8
9
|
* Base class for the `CovalentSideSheetContainer`. The base class does not implement
|
@@ -10,7 +11,7 @@ export declare function _getFocusedElementPierceShadowDom(): HTMLElement | null;
|
|
10
11
|
*/
|
11
12
|
export declare abstract class _CovalentSideSheetContainerBase extends BasePortalOutlet {
|
12
13
|
protected _elementRef: ElementRef;
|
13
|
-
protected _focusTrapFactory:
|
14
|
+
protected _focusTrapFactory: ConfigurableFocusTrapFactory;
|
14
15
|
protected _changeDetectorRef: ChangeDetectorRef;
|
15
16
|
/** The side-sheet configuration. */
|
16
17
|
_config: CovalentSideSheetConfig;
|
@@ -37,9 +38,9 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
|
|
37
38
|
_ariaLabelledBy: string | null;
|
38
39
|
/** ID for the container DOM element. */
|
39
40
|
_id: string;
|
40
|
-
constructor(_elementRef: ElementRef, _focusTrapFactory:
|
41
|
+
constructor(_elementRef: ElementRef, _focusTrapFactory: ConfigurableFocusTrapFactory, _changeDetectorRef: ChangeDetectorRef, _document: any,
|
41
42
|
/** The side-sheet configuration. */
|
42
|
-
_config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor);
|
43
|
+
_config: CovalentSideSheetConfig, _focusMonitor?: FocusMonitor | undefined);
|
43
44
|
/** Starts the side-sheet exit animation. */
|
44
45
|
abstract _startExitAnimation(): void;
|
45
46
|
/** Initializes the side-sheet container with the attached content. */
|
@@ -77,18 +78,33 @@ export declare abstract class _CovalentSideSheetContainerBase extends BasePortal
|
|
77
78
|
private _focusSideSheetContainer;
|
78
79
|
/** Returns whether focus is inside the side-sheet. */
|
79
80
|
private _containsFocus;
|
81
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<_CovalentSideSheetContainerBase, [null, null, null, { optional: true; }, null, null]>;
|
82
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<_CovalentSideSheetContainerBase, never, never, {}, {}, never>;
|
80
83
|
}
|
81
84
|
/**
|
82
85
|
* Internal component that wraps the generated side-sheet content.
|
83
86
|
* This animation below is the only reason for duplicating most of the Material dialog code
|
84
87
|
*/
|
85
|
-
export declare class
|
88
|
+
export declare class CovalentSideSheetContainerComponent extends _CovalentSideSheetContainerBase {
|
86
89
|
/** State of the side-sheet animation. */
|
87
90
|
_state: 'void' | 'enter' | 'exit';
|
91
|
+
tdSideSheetContainerClass: boolean;
|
92
|
+
tabIndex: number;
|
93
|
+
arialModal: boolean;
|
94
|
+
idAttr: string;
|
95
|
+
roleAttr: import("@angular/material/dialog").DialogRole | undefined;
|
96
|
+
arialLabelByAttr: string | null;
|
97
|
+
arialDescribeByAttr: string | null;
|
98
|
+
arialLabelAttr: string | null | undefined;
|
99
|
+
get sideSheetAnimationState(): "enter" | "void" | "exit";
|
100
|
+
onAnimateStart($event: AnimationEvent): void;
|
101
|
+
onAnimateDone($event: AnimationEvent): void;
|
88
102
|
/** Callback, invoked whenever an animation on the host completes. */
|
89
103
|
_onAnimationDone({ toState, totalTime }: AnimationEvent): void;
|
90
104
|
/** Callback, invoked when an animation on the host starts. */
|
91
105
|
_onAnimationStart({ toState, totalTime }: AnimationEvent): void;
|
92
106
|
/** Starts the side-sheet exit animation. */
|
93
107
|
_startExitAnimation(): void;
|
108
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSideSheetContainerComponent, never>;
|
109
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CovalentSideSheetContainerComponent, "td-side-sheet-container", never, {}, {}, never, never>;
|
94
110
|
}
|