@covalent/core 0.0.0-COVALENT
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 +42 -0
- package/breadcrumbs/README.md +93 -0
- package/breadcrumbs/_breadcrumbs-theme.scss +10 -0
- package/breadcrumbs/breadcrumb/breadcrumb.component.d.ts +37 -0
- package/breadcrumbs/breadcrumbs.component.d.ts +37 -0
- package/breadcrumbs/breadcrumbs.module.d.ts +10 -0
- package/breadcrumbs/covalent-core-breadcrumbs.d.ts +5 -0
- package/breadcrumbs/package.json +10 -0
- package/breadcrumbs/public_api.d.ts +3 -0
- package/common/README.md +3 -0
- package/common/_common-theme.scss +35 -0
- package/common/animations/bounce/bounce.animation.d.ts +14 -0
- package/common/animations/collapse/collapse.animation.d.ts +20 -0
- package/common/animations/common/interfaces.d.ts +5 -0
- package/common/animations/fade/fadeInOut.animation.d.ts +20 -0
- package/common/animations/flash/flash.animation.d.ts +14 -0
- package/common/animations/headshake/headshake.animation.d.ts +14 -0
- package/common/animations/jello/jello.animation.d.ts +14 -0
- package/common/animations/pulse/pulse.animation.d.ts +14 -0
- package/common/animations/rotate/rotate.animation.d.ts +21 -0
- package/common/behaviors/control-value-accesor.mixin.d.ts +16 -0
- package/common/behaviors/disable-ripple.mixin.d.ts +9 -0
- package/common/behaviors/disabled.mixin.d.ts +9 -0
- package/common/common.module.d.ts +17 -0
- package/common/covalent-core-common.d.ts +5 -0
- package/common/directives/fullscreen/fullscreen.directive.d.ts +25 -0
- package/common/forms/auto-trim/auto-trim.directive.d.ts +12 -0
- package/common/forms/validators/validators.d.ts +8 -0
- package/common/functions/clipboard.d.ts +9 -0
- package/common/functions/convert.d.ts +31 -0
- package/common/functions/download.d.ts +48 -0
- package/common/functions/file.d.ts +7 -0
- package/common/package.json +10 -0
- package/common/pipes/bytes/bytes.pipe.d.ts +7 -0
- package/common/pipes/decimal-bytes/decimal-bytes.pipe.d.ts +7 -0
- package/common/pipes/digits/digits.pipe.d.ts +10 -0
- package/common/pipes/time-ago/time-ago.pipe.d.ts +7 -0
- package/common/pipes/time-difference/time-difference.pipe.d.ts +7 -0
- package/common/pipes/time-until/time-until.pipe.d.ts +7 -0
- package/common/pipes/truncate/truncate.pipe.d.ts +7 -0
- package/common/public_api.d.ts +35 -0
- package/common/services/icon.service.d.ts +8 -0
- package/common/services/router-path.service.d.ts +10 -0
- package/common/styles/_elevation.scss +285 -0
- package/common/styles/_layout.scss +605 -0
- package/common/styles/_palette-dark.scss +326 -0
- package/common/styles/_palette-light.scss +637 -0
- package/common/styles/_rtl.scss +31 -0
- package/common/styles/_styles.scss +10 -0
- package/common/styles/_theme-functions.scss +25 -0
- package/common/styles/_typography-functions.scss +43 -0
- package/common/styles/_variables.scss +99 -0
- package/common/styles/colors/_colors-dark.scss +1399 -0
- package/common/styles/colors/_colors-light.scss +3235 -0
- package/common/styles/colors/_colors.scss +7 -0
- package/common/styles/core/_button.scss +90 -0
- package/common/styles/core/_card.scss +189 -0
- package/common/styles/core/_content.scss +43 -0
- package/common/styles/core/_core.scss +23 -0
- package/common/styles/core/_divider.scss +16 -0
- package/common/styles/core/_icons.scss +22 -0
- package/common/styles/core/_list.scss +8 -0
- package/common/styles/core/_sidenav.scss +22 -0
- package/common/styles/core/_structure.scss +127 -0
- package/common/styles/core/_toolbar.scss +53 -0
- package/common/styles/core/_whiteframe.scss +138 -0
- package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
- package/common/styles/font/README.md +11 -0
- package/common/styles/font/_font.scss +99 -0
- package/common/styles/utilities/_general.scss +65 -0
- package/common/styles/utilities/_pad.scss +36 -0
- package/common/styles/utilities/_pull.scss +36 -0
- package/common/styles/utilities/_push.scss +36 -0
- package/common/styles/utilities/_size.scss +24 -0
- package/common/styles/utilities/_text.scss +105 -0
- package/common/styles/utilities/_utilities.scss +15 -0
- package/covalent-core.d.ts +5 -0
- package/dialogs/README.md +223 -0
- package/dialogs/_dialog-theme.scss +39 -0
- package/dialogs/alert-dialog/alert-dialog.component.d.ts +12 -0
- package/dialogs/confirm-dialog/confirm-dialog.component.d.ts +15 -0
- package/dialogs/covalent-core-dialogs.d.ts +5 -0
- package/dialogs/dialog.component.d.ts +22 -0
- package/dialogs/dialogs.module.d.ts +19 -0
- package/dialogs/package.json +10 -0
- package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +23 -0
- package/dialogs/public_api.d.ts +8 -0
- package/dialogs/resizable-draggable-dialog/resizable-draggable-dialog.d.ts +21 -0
- package/dialogs/services/dialog.service.d.ts +105 -0
- package/dialogs/src/README.md +223 -0
- package/dialogs/window-dialog/window-dialog.component.d.ts +16 -0
- package/dynamic-menu/README.md +152 -0
- package/dynamic-menu/_dynamic-menu-theme.scss +0 -0
- package/dynamic-menu/covalent-core-dynamic-menu.d.ts +5 -0
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-item.component.d.ts +12 -0
- package/dynamic-menu/dynamic-menu-item/dynamic-menu-link/dynamic-menu-link.component.d.ts +10 -0
- package/dynamic-menu/dynamic-menu.component.d.ts +11 -0
- package/dynamic-menu/dynamic-menu.menu.d.ts +22 -0
- package/dynamic-menu/dynamic-menu.module.d.ts +15 -0
- package/dynamic-menu/package.json +10 -0
- package/dynamic-menu/public_api.d.ts +5 -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 +110 -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 +92 -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 +613 -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 +1024 -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/fesm2020/covalent-core-common.mjs +2274 -0
- 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 +607 -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 +1000 -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 +27 -0
- package/file/covalent-core-file.d.ts +5 -0
- package/file/directives/file-drop.directive.d.ts +61 -0
- package/file/directives/file-select.directive.d.ts +33 -0
- package/file/file-input/file-input.component.d.ts +61 -0
- package/file/file-upload/file-upload.component.d.ts +91 -0
- package/file/file.module.d.ts +15 -0
- package/file/package.json +10 -0
- package/file/public_api.d.ts +6 -0
- package/file/services/file.service.d.ts +34 -0
- package/file/src/file-input/README.md +147 -0
- package/file/src/file-upload/README.md +136 -0
- package/json-formatter/README.md +50 -0
- package/json-formatter/_json-formatter-theme.scss +72 -0
- package/json-formatter/collapse.animation.d.ts +24 -0
- package/json-formatter/covalent-core-json-formatter.d.ts +5 -0
- package/json-formatter/json-formatter.component.d.ts +78 -0
- package/json-formatter/json-formatter.module.d.ts +10 -0
- package/json-formatter/package.json +10 -0
- package/json-formatter/public_api.d.ts +2 -0
- package/layout/README.md +138 -0
- package/layout/_layout-theme.scss +128 -0
- package/layout/covalent-core-layout.d.ts +5 -0
- package/layout/layout-card-over/layout-card-over.component.d.ts +31 -0
- package/layout/layout-footer/layout-footer.component.d.ts +17 -0
- package/layout/layout-manage-list/layout-manage-list.component.d.ts +66 -0
- package/layout/layout-manage-list/layout-manage-list.directives.d.ts +25 -0
- package/layout/layout-nav/layout-nav.component.d.ts +45 -0
- package/layout/layout-nav-list/layout-nav-list.component.d.ts +104 -0
- package/layout/layout-nav-list/layout-nav-list.directives.d.ts +25 -0
- package/layout/layout-toggle.class.d.ts +40 -0
- package/layout/layout.component.d.ts +66 -0
- package/layout/layout.directives.d.ts +25 -0
- package/layout/layout.module.d.ts +25 -0
- package/layout/navigation-drawer/navigation-drawer.component.d.ts +120 -0
- package/layout/package.json +10 -0
- package/layout/public_api.d.ts +12 -0
- package/layout/src/layout-card-over/README.md +43 -0
- package/layout/src/layout-manage-list/README.md +80 -0
- package/layout/src/layout-nav/README.md +50 -0
- package/layout/src/layout-nav-list/README.md +105 -0
- package/menu/covalent-core-menu.d.ts +5 -0
- package/menu/menu.component.d.ts +5 -0
- package/menu/menu.module.d.ts +10 -0
- package/menu/package.json +10 -0
- package/menu/public_api.d.ts +2 -0
- package/message/README.md +67 -0
- package/message/_message-theme.scss +44 -0
- package/message/collapse.animation.d.ts +24 -0
- package/message/covalent-core-message.d.ts +5 -0
- package/message/message.component.d.ts +101 -0
- package/message/message.module.d.ts +9 -0
- package/message/package.json +10 -0
- package/message/public_api.d.ts +2 -0
- package/package.json +146 -0
- package/public_api.d.ts +1 -0
- package/search/README.md +132 -0
- package/search/covalent-core-search.d.ts +5 -0
- package/search/package.json +10 -0
- package/search/public_api.d.ts +3 -0
- package/search/search-box/search-box.component.d.ts +88 -0
- package/search/search-input/search-input.component.d.ts +82 -0
- package/search/search.module.d.ts +13 -0
- package/search/src/search-box/README.md +73 -0
- package/search/src/search-input/README.md +74 -0
- package/side-sheet/README.md +64 -0
- package/side-sheet/_side-sheet.theme.scss +8 -0
- package/side-sheet/covalent-core-side-sheet.d.ts +5 -0
- package/side-sheet/package.json +10 -0
- package/side-sheet/public_api.d.ts +5 -0
- package/side-sheet/side-sheet-container.d.ts +110 -0
- package/side-sheet/side-sheet-ref.d.ts +10 -0
- package/side-sheet/side-sheet.animation.d.ts +4 -0
- package/side-sheet/side-sheet.config.d.ts +3 -0
- package/side-sheet/side-sheet.content-directives.d.ts +67 -0
- package/side-sheet/side-sheet.d.ts +66 -0
- package/side-sheet/side-sheet.module.d.ts +11 -0
- package/theming/_all-theme.scss +24 -0
- package/typography/_all-typography.scss +39 -0
- package/user-profile/README.md +60 -0
- package/user-profile/_user-profile-theme.scss +27 -0
- package/user-profile/covalent-core-user-profile.d.ts +5 -0
- package/user-profile/package.json +10 -0
- package/user-profile/public_api.d.ts +3 -0
- package/user-profile/user-profile-menu/user-profile-menu.component.d.ts +8 -0
- package/user-profile/user-profile.component.d.ts +7 -0
- package/user-profile/user-profile.module.d.ts +14 -0
@@ -0,0 +1,101 @@
|
|
1
|
+
import { Renderer2, ElementRef, AfterViewInit, ViewContainerRef, TemplateRef, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class TdMessageContainerDirective {
|
4
|
+
viewContainer: ViewContainerRef;
|
5
|
+
constructor(viewContainer: ViewContainerRef);
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageContainerDirective, never>;
|
7
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TdMessageContainerDirective, "[tdMessageContainer]", never, {}, {}, never>;
|
8
|
+
}
|
9
|
+
export declare class TdMessageComponent implements AfterViewInit {
|
10
|
+
private _renderer;
|
11
|
+
private _changeDetectorRef;
|
12
|
+
private _elementRef;
|
13
|
+
private _color;
|
14
|
+
private _opened;
|
15
|
+
private _hidden;
|
16
|
+
private _animating;
|
17
|
+
private _initialized;
|
18
|
+
_childElement?: TdMessageContainerDirective;
|
19
|
+
_template: TemplateRef<any>;
|
20
|
+
/**
|
21
|
+
* Binding host to tdCollapse animation
|
22
|
+
*/
|
23
|
+
get collapsedAnimation(): any;
|
24
|
+
/**
|
25
|
+
* Binding host to display style when hidden
|
26
|
+
*/
|
27
|
+
get hidden(): string;
|
28
|
+
/**
|
29
|
+
* label: string
|
30
|
+
*
|
31
|
+
* Sets the label of the message.
|
32
|
+
*/
|
33
|
+
label?: string;
|
34
|
+
/**
|
35
|
+
* sublabel?: string
|
36
|
+
*
|
37
|
+
* Sets the sublabel of the message.
|
38
|
+
*/
|
39
|
+
sublabel?: string;
|
40
|
+
/**
|
41
|
+
* icon?: string
|
42
|
+
*
|
43
|
+
* The icon to be displayed before the title.
|
44
|
+
* Defaults to `info_outline` icon
|
45
|
+
*/
|
46
|
+
icon?: string;
|
47
|
+
/**
|
48
|
+
* color?: primary | accent | warn
|
49
|
+
*
|
50
|
+
* Sets the color of the message.
|
51
|
+
* Can also use any material color: purple | light-blue, etc.
|
52
|
+
*/
|
53
|
+
set color(color: string);
|
54
|
+
get color(): string;
|
55
|
+
/**
|
56
|
+
* opened?: boolean
|
57
|
+
*
|
58
|
+
* Shows or hiddes the message depending on its value.
|
59
|
+
* Defaults to 'true'.
|
60
|
+
*/
|
61
|
+
set opened(opened: boolean);
|
62
|
+
get opened(): boolean;
|
63
|
+
constructor(_renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef);
|
64
|
+
/**
|
65
|
+
* Detach element when close animation is finished to set animating state to false
|
66
|
+
* hidden state to true and detach element from DOM
|
67
|
+
*/
|
68
|
+
animationDoneListener(): void;
|
69
|
+
/**
|
70
|
+
* Initializes the component and attaches the content.
|
71
|
+
*/
|
72
|
+
ngAfterViewInit(): void;
|
73
|
+
/**
|
74
|
+
* Renders the message on screen
|
75
|
+
* Validates if there is an animation currently and if its already opened
|
76
|
+
*/
|
77
|
+
open(): void;
|
78
|
+
/**
|
79
|
+
* Removes the message content from screen.
|
80
|
+
* Validates if there is an animation currently and if its already closed
|
81
|
+
*/
|
82
|
+
close(): void;
|
83
|
+
/**
|
84
|
+
* Toggles between open and close depending on state.
|
85
|
+
*/
|
86
|
+
toggle(): void;
|
87
|
+
/**
|
88
|
+
* Method to set the state before starting an animation
|
89
|
+
*/
|
90
|
+
private _startAnimationState;
|
91
|
+
/**
|
92
|
+
* Method to attach template to DOM
|
93
|
+
*/
|
94
|
+
private _attach;
|
95
|
+
/**
|
96
|
+
* Method to detach template from DOM
|
97
|
+
*/
|
98
|
+
private _detach;
|
99
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdMessageComponent, never>;
|
100
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdMessageComponent, "td-message", never, { "label": "label"; "sublabel": "sublabel"; "icon": "icon"; "color": "color"; "opened": "opened"; }, {}, never, ["[td-message-actions]"]>;
|
101
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./message.component";
|
3
|
+
import * as i2 from "@angular/common";
|
4
|
+
import * as i3 from "@angular/material/icon";
|
5
|
+
export declare class CovalentMessageModule {
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMessageModule, never>;
|
7
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMessageModule, [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective], [typeof i2.CommonModule, typeof i3.MatIconModule], [typeof i1.TdMessageComponent, typeof i1.TdMessageContainerDirective]>;
|
8
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMessageModule>;
|
9
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
{
|
2
|
+
"module": "../fesm2015/covalent-core-message.mjs",
|
3
|
+
"es2020": "../fesm2020/covalent-core-message.mjs",
|
4
|
+
"esm2020": "../esm2020/message/covalent-core-message.mjs",
|
5
|
+
"fesm2020": "../fesm2020/covalent-core-message.mjs",
|
6
|
+
"fesm2015": "../fesm2015/covalent-core-message.mjs",
|
7
|
+
"typings": "covalent-core-message.d.ts",
|
8
|
+
"sideEffects": false,
|
9
|
+
"name": "@covalent/core/message"
|
10
|
+
}
|
package/package.json
ADDED
@@ -0,0 +1,146 @@
|
|
1
|
+
{
|
2
|
+
"name": "@covalent/core",
|
3
|
+
"version": "0.0.0-COVALENT",
|
4
|
+
"exports": {
|
5
|
+
".": {
|
6
|
+
"sass": "./theming/_all-theme.scss",
|
7
|
+
"types": "./covalent-core.d.ts",
|
8
|
+
"esm2020": "./esm2020/covalent-core.mjs",
|
9
|
+
"es2020": "./fesm2020/covalent-core.mjs",
|
10
|
+
"es2015": "./fesm2015/covalent-core.mjs",
|
11
|
+
"node": "./fesm2015/covalent-core.mjs",
|
12
|
+
"default": "./fesm2020/covalent-core.mjs"
|
13
|
+
},
|
14
|
+
"./package.json": {
|
15
|
+
"default": "./package.json"
|
16
|
+
},
|
17
|
+
"./breadcrumbs": {
|
18
|
+
"types": "./breadcrumbs/covalent-core-breadcrumbs.d.ts",
|
19
|
+
"esm2020": "./esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs",
|
20
|
+
"es2020": "./fesm2020/covalent-core-breadcrumbs.mjs",
|
21
|
+
"es2015": "./fesm2015/covalent-core-breadcrumbs.mjs",
|
22
|
+
"node": "./fesm2015/covalent-core-breadcrumbs.mjs",
|
23
|
+
"default": "./fesm2020/covalent-core-breadcrumbs.mjs"
|
24
|
+
},
|
25
|
+
"./common": {
|
26
|
+
"types": "./common/covalent-core-common.d.ts",
|
27
|
+
"esm2020": "./esm2020/common/covalent-core-common.mjs",
|
28
|
+
"es2020": "./fesm2020/covalent-core-common.mjs",
|
29
|
+
"es2015": "./fesm2015/covalent-core-common.mjs",
|
30
|
+
"node": "./fesm2015/covalent-core-common.mjs",
|
31
|
+
"default": "./fesm2020/covalent-core-common.mjs"
|
32
|
+
},
|
33
|
+
"./dialogs": {
|
34
|
+
"types": "./dialogs/covalent-core-dialogs.d.ts",
|
35
|
+
"esm2020": "./esm2020/dialogs/covalent-core-dialogs.mjs",
|
36
|
+
"es2020": "./fesm2020/covalent-core-dialogs.mjs",
|
37
|
+
"es2015": "./fesm2015/covalent-core-dialogs.mjs",
|
38
|
+
"node": "./fesm2015/covalent-core-dialogs.mjs",
|
39
|
+
"default": "./fesm2020/covalent-core-dialogs.mjs"
|
40
|
+
},
|
41
|
+
"./dynamic-menu": {
|
42
|
+
"types": "./dynamic-menu/covalent-core-dynamic-menu.d.ts",
|
43
|
+
"esm2020": "./esm2020/dynamic-menu/covalent-core-dynamic-menu.mjs",
|
44
|
+
"es2020": "./fesm2020/covalent-core-dynamic-menu.mjs",
|
45
|
+
"es2015": "./fesm2015/covalent-core-dynamic-menu.mjs",
|
46
|
+
"node": "./fesm2015/covalent-core-dynamic-menu.mjs",
|
47
|
+
"default": "./fesm2020/covalent-core-dynamic-menu.mjs"
|
48
|
+
},
|
49
|
+
"./file": {
|
50
|
+
"types": "./file/covalent-core-file.d.ts",
|
51
|
+
"esm2020": "./esm2020/file/covalent-core-file.mjs",
|
52
|
+
"es2020": "./fesm2020/covalent-core-file.mjs",
|
53
|
+
"es2015": "./fesm2015/covalent-core-file.mjs",
|
54
|
+
"node": "./fesm2015/covalent-core-file.mjs",
|
55
|
+
"default": "./fesm2020/covalent-core-file.mjs"
|
56
|
+
},
|
57
|
+
"./json-formatter": {
|
58
|
+
"types": "./json-formatter/covalent-core-json-formatter.d.ts",
|
59
|
+
"esm2020": "./esm2020/json-formatter/covalent-core-json-formatter.mjs",
|
60
|
+
"es2020": "./fesm2020/covalent-core-json-formatter.mjs",
|
61
|
+
"es2015": "./fesm2015/covalent-core-json-formatter.mjs",
|
62
|
+
"node": "./fesm2015/covalent-core-json-formatter.mjs",
|
63
|
+
"default": "./fesm2020/covalent-core-json-formatter.mjs"
|
64
|
+
},
|
65
|
+
"./layout": {
|
66
|
+
"types": "./layout/covalent-core-layout.d.ts",
|
67
|
+
"esm2020": "./esm2020/layout/covalent-core-layout.mjs",
|
68
|
+
"es2020": "./fesm2020/covalent-core-layout.mjs",
|
69
|
+
"es2015": "./fesm2015/covalent-core-layout.mjs",
|
70
|
+
"node": "./fesm2015/covalent-core-layout.mjs",
|
71
|
+
"default": "./fesm2020/covalent-core-layout.mjs"
|
72
|
+
},
|
73
|
+
"./menu": {
|
74
|
+
"types": "./menu/covalent-core-menu.d.ts",
|
75
|
+
"esm2020": "./esm2020/menu/covalent-core-menu.mjs",
|
76
|
+
"es2020": "./fesm2020/covalent-core-menu.mjs",
|
77
|
+
"es2015": "./fesm2015/covalent-core-menu.mjs",
|
78
|
+
"node": "./fesm2015/covalent-core-menu.mjs",
|
79
|
+
"default": "./fesm2020/covalent-core-menu.mjs"
|
80
|
+
},
|
81
|
+
"./message": {
|
82
|
+
"types": "./message/covalent-core-message.d.ts",
|
83
|
+
"esm2020": "./esm2020/message/covalent-core-message.mjs",
|
84
|
+
"es2020": "./fesm2020/covalent-core-message.mjs",
|
85
|
+
"es2015": "./fesm2015/covalent-core-message.mjs",
|
86
|
+
"node": "./fesm2015/covalent-core-message.mjs",
|
87
|
+
"default": "./fesm2020/covalent-core-message.mjs"
|
88
|
+
},
|
89
|
+
"./search": {
|
90
|
+
"types": "./search/covalent-core-search.d.ts",
|
91
|
+
"esm2020": "./esm2020/search/covalent-core-search.mjs",
|
92
|
+
"es2020": "./fesm2020/covalent-core-search.mjs",
|
93
|
+
"es2015": "./fesm2015/covalent-core-search.mjs",
|
94
|
+
"node": "./fesm2015/covalent-core-search.mjs",
|
95
|
+
"default": "./fesm2020/covalent-core-search.mjs"
|
96
|
+
},
|
97
|
+
"./side-sheet": {
|
98
|
+
"types": "./side-sheet/covalent-core-side-sheet.d.ts",
|
99
|
+
"esm2020": "./esm2020/side-sheet/covalent-core-side-sheet.mjs",
|
100
|
+
"es2020": "./fesm2020/covalent-core-side-sheet.mjs",
|
101
|
+
"es2015": "./fesm2015/covalent-core-side-sheet.mjs",
|
102
|
+
"node": "./fesm2015/covalent-core-side-sheet.mjs",
|
103
|
+
"default": "./fesm2020/covalent-core-side-sheet.mjs"
|
104
|
+
},
|
105
|
+
"./user-profile": {
|
106
|
+
"types": "./user-profile/covalent-core-user-profile.d.ts",
|
107
|
+
"esm2020": "./esm2020/user-profile/covalent-core-user-profile.mjs",
|
108
|
+
"es2020": "./fesm2020/covalent-core-user-profile.mjs",
|
109
|
+
"es2015": "./fesm2015/covalent-core-user-profile.mjs",
|
110
|
+
"node": "./fesm2015/covalent-core-user-profile.mjs",
|
111
|
+
"default": "./fesm2020/covalent-core-user-profile.mjs"
|
112
|
+
}
|
113
|
+
},
|
114
|
+
"repository": {
|
115
|
+
"type": "git",
|
116
|
+
"url": "https://github.com/teradata/covalent.git"
|
117
|
+
},
|
118
|
+
"bugs": {
|
119
|
+
"url": "https://github.com/teradata/covalent/issues"
|
120
|
+
},
|
121
|
+
"license": "MIT",
|
122
|
+
"author": "Teradata UX",
|
123
|
+
"peerDependencies": {
|
124
|
+
"@angular/common": "0.0.0-NG",
|
125
|
+
"@angular/core": "0.0.0-NG",
|
126
|
+
"@covalent/core": "0.0.0-COVALENT",
|
127
|
+
"@angular/router": "^13.2.0",
|
128
|
+
"@angular/platform-browser": "^13.2.0",
|
129
|
+
"@angular/material": "^13.2.1",
|
130
|
+
"rxjs": "~7.4.0",
|
131
|
+
"@angular/animations": "^13.2.0",
|
132
|
+
"@angular/forms": "^13.2.0",
|
133
|
+
"@angular/cdk": "^13.2.1",
|
134
|
+
"@angular/platform-browser-dynamic": "^13.2.0"
|
135
|
+
},
|
136
|
+
"dependencies": {
|
137
|
+
"tslib": "0.0.0-TSLIB"
|
138
|
+
},
|
139
|
+
"module": "fesm2015/covalent-core.mjs",
|
140
|
+
"es2020": "fesm2020/covalent-core.mjs",
|
141
|
+
"esm2020": "esm2020/covalent-core.mjs",
|
142
|
+
"fesm2020": "fesm2020/covalent-core.mjs",
|
143
|
+
"fesm2015": "fesm2015/covalent-core.mjs",
|
144
|
+
"typings": "covalent-core.d.ts",
|
145
|
+
"sideEffects": false
|
146
|
+
}
|
package/public_api.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
package/search/README.md
ADDED
@@ -0,0 +1,132 @@
|
|
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
|
+
## Usage
|
40
|
+
|
41
|
+
Example for HTML usage:
|
42
|
+
|
43
|
+
```html
|
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
|
+
>
|
56
|
+
</td-search-box>
|
57
|
+
```
|
58
|
+
|
59
|
+
# TdSearchInputComponent: td-search-input
|
60
|
+
|
61
|
+
`td-search-input` element to generate a search input with its animated cancel button.
|
62
|
+
|
63
|
+
## API Summary
|
64
|
+
|
65
|
+
#### Inputs
|
66
|
+
|
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
|
+
|
78
|
+
#### Events
|
79
|
+
|
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
|
+
|
93
|
+
#### Methods
|
94
|
+
|
95
|
+
- focus: function
|
96
|
+
- Method to focus to underlying input.
|
97
|
+
- clearSearch: function
|
98
|
+
- Method to clear the underlying input.
|
99
|
+
|
100
|
+
## Usage
|
101
|
+
|
102
|
+
Example for HTML usage:
|
103
|
+
|
104
|
+
```html
|
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
|
+
>
|
115
|
+
</td-search-input>
|
116
|
+
```
|
117
|
+
|
118
|
+
## Setup
|
119
|
+
|
120
|
+
Import the [CovalentSearchModule] in your NgModule:
|
121
|
+
|
122
|
+
```typescript
|
123
|
+
import { CovalentSearchModule } from '@covalent/core/search';
|
124
|
+
@NgModule({
|
125
|
+
imports: [
|
126
|
+
CovalentSearchModule,
|
127
|
+
...
|
128
|
+
],
|
129
|
+
...
|
130
|
+
})
|
131
|
+
export class MyModule {}
|
132
|
+
```
|
@@ -0,0 +1,10 @@
|
|
1
|
+
{
|
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
|
+
"typings": "covalent-core-search.d.ts",
|
8
|
+
"sideEffects": false,
|
9
|
+
"name": "@covalent/core/search"
|
10
|
+
}
|
@@ -0,0 +1,88 @@
|
|
1
|
+
import { EventEmitter, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
import { TdSearchInputComponent } from '../search-input/search-input.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export declare class TdSearchBoxBase {
|
6
|
+
_changeDetectorRef: ChangeDetectorRef;
|
7
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
8
|
+
}
|
9
|
+
export declare class TdSearchBoxComponent implements ControlValueAccessor {
|
10
|
+
private _changeDetectorRef;
|
11
|
+
private _searchVisible;
|
12
|
+
_searchInput?: TdSearchInputComponent;
|
13
|
+
get searchVisible(): boolean;
|
14
|
+
/**
|
15
|
+
* backIcon?: string
|
16
|
+
* The icon used to close the search toggle, only shown when [alwaysVisible] is false.
|
17
|
+
* Defaults to 'search' icon.
|
18
|
+
*/
|
19
|
+
backIcon: string;
|
20
|
+
/**
|
21
|
+
* searchIcon?: string
|
22
|
+
* The icon used to open/focus the search toggle.
|
23
|
+
* Defaults to 'search' icon.
|
24
|
+
*/
|
25
|
+
searchIcon: string;
|
26
|
+
/**
|
27
|
+
* clearIcon?: string
|
28
|
+
* The icon used to clear the search input.
|
29
|
+
* Defaults to 'cancel' icon.
|
30
|
+
*/
|
31
|
+
clearIcon: string;
|
32
|
+
/**
|
33
|
+
* showUnderline?: boolean
|
34
|
+
* Sets if the input underline should be visible. Defaults to 'false'.
|
35
|
+
*/
|
36
|
+
showUnderline: boolean;
|
37
|
+
/**
|
38
|
+
* debounce?: number
|
39
|
+
* Debounce timeout between keypresses. Defaults to 400.
|
40
|
+
*/
|
41
|
+
debounce: number;
|
42
|
+
/**
|
43
|
+
* alwaysVisible?: boolean
|
44
|
+
* Sets if the input should always be visible. Defaults to 'false'.
|
45
|
+
*/
|
46
|
+
alwaysVisible: boolean;
|
47
|
+
/**
|
48
|
+
* placeholder?: string
|
49
|
+
* Placeholder for the underlying input component.
|
50
|
+
*/
|
51
|
+
placeholder: string;
|
52
|
+
value: unknown;
|
53
|
+
/**
|
54
|
+
* searchDebounce: function($event)
|
55
|
+
* Event emitted after the [debounce] timeout.
|
56
|
+
*/
|
57
|
+
searchDebounce: EventEmitter<string>;
|
58
|
+
/**
|
59
|
+
* search: function($event)
|
60
|
+
* Event emitted after the key enter has been pressed.
|
61
|
+
*/
|
62
|
+
search: EventEmitter<string>;
|
63
|
+
/**
|
64
|
+
* clear: function()
|
65
|
+
* Event emitted after the clear icon has been clicked.
|
66
|
+
*/
|
67
|
+
clear: EventEmitter<void>;
|
68
|
+
/**
|
69
|
+
* blur: function()
|
70
|
+
* Event emitted after the blur event has been called in underlying input.
|
71
|
+
*/
|
72
|
+
blurSearch: EventEmitter<void>;
|
73
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
74
|
+
writeValue(value: unknown): void;
|
75
|
+
registerOnChange(): void;
|
76
|
+
registerOnTouched(): void;
|
77
|
+
/**
|
78
|
+
* Method executed when the search icon is clicked.
|
79
|
+
*/
|
80
|
+
searchClicked(): void;
|
81
|
+
toggleVisibility(): void;
|
82
|
+
handleSearchDebounce(value: string): void;
|
83
|
+
handleSearch(value: string): void;
|
84
|
+
handleClear(): void;
|
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>;
|
88
|
+
}
|
@@ -0,0 +1,82 @@
|
|
1
|
+
import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
import { Dir } from '@angular/cdk/bidi';
|
4
|
+
import { MatInput } from '@angular/material/input';
|
5
|
+
import { MatFormFieldAppearance } from '@angular/material/form-field';
|
6
|
+
import * as i0 from "@angular/core";
|
7
|
+
export declare class TdSearchInputBase {
|
8
|
+
_changeDetectorRef: ChangeDetectorRef;
|
9
|
+
constructor(_changeDetectorRef: ChangeDetectorRef);
|
10
|
+
}
|
11
|
+
export declare class TdSearchInputComponent implements ControlValueAccessor, OnInit {
|
12
|
+
private _dir;
|
13
|
+
private _changeDetectorRef;
|
14
|
+
_input?: MatInput;
|
15
|
+
/**
|
16
|
+
* appearance?: MatFormFieldAppearance
|
17
|
+
* Appearance style for the underlying input component.
|
18
|
+
*/
|
19
|
+
appearance: MatFormFieldAppearance;
|
20
|
+
/**
|
21
|
+
* showUnderline?: boolean
|
22
|
+
* Sets if the input underline should be visible. Defaults to 'false'.
|
23
|
+
*/
|
24
|
+
showUnderline: boolean;
|
25
|
+
/**
|
26
|
+
* debounce?: number
|
27
|
+
* Debounce timeout between keypresses. Defaults to 400.
|
28
|
+
*/
|
29
|
+
debounce: number;
|
30
|
+
/**
|
31
|
+
* placeholder?: string
|
32
|
+
* Placeholder for the underlying input component.
|
33
|
+
*/
|
34
|
+
placeholder: string;
|
35
|
+
/**
|
36
|
+
* clearIcon?: string
|
37
|
+
* The icon used to clear the search input.
|
38
|
+
* Defaults to 'cancel' icon.
|
39
|
+
*/
|
40
|
+
clearIcon: string;
|
41
|
+
value?: unknown;
|
42
|
+
/**
|
43
|
+
* searchDebounce: function($event)
|
44
|
+
* Event emitted after the [debounce] timeout.
|
45
|
+
*/
|
46
|
+
searchDebounce: EventEmitter<string>;
|
47
|
+
/**
|
48
|
+
* search: function($event)
|
49
|
+
* Event emitted after the key enter has been pressed.
|
50
|
+
*/
|
51
|
+
search: EventEmitter<string>;
|
52
|
+
/**
|
53
|
+
* clear: function()
|
54
|
+
* Event emitted after the clear icon has been clicked.
|
55
|
+
*/
|
56
|
+
clear: EventEmitter<void>;
|
57
|
+
/**
|
58
|
+
* blur: function()
|
59
|
+
* Event emitted after the blur event has been called in underlying input.
|
60
|
+
*/
|
61
|
+
blurSearch: EventEmitter<void>;
|
62
|
+
get isRTL(): boolean;
|
63
|
+
constructor(_dir: Dir, _changeDetectorRef: ChangeDetectorRef);
|
64
|
+
ngOnInit(): void;
|
65
|
+
writeValue(value: unknown): void;
|
66
|
+
registerOnChange(): void;
|
67
|
+
registerOnTouched(): void;
|
68
|
+
/**
|
69
|
+
* Method to focus to underlying input.
|
70
|
+
*/
|
71
|
+
focus(): void;
|
72
|
+
handleBlur(): void;
|
73
|
+
stopPropagation(event: Event): void;
|
74
|
+
handleSearch(event: Event): void;
|
75
|
+
/**
|
76
|
+
* Method to clear the underlying input.
|
77
|
+
*/
|
78
|
+
clearSearch(): void;
|
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>;
|
82
|
+
}
|
@@ -0,0 +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";
|
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>;
|
13
|
+
}
|