@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
package/README.md
ADDED
@@ -0,0 +1,42 @@
|
|
1
|
+
# core
|
2
|
+
|
3
|
+
Core Teradata UI Platform for layouts, icons, custom components and themes. This should be added as a dependency for any project that wants to use layouts, icons and themes for Angular Material.
|
4
|
+
|
5
|
+
The core will have custom components that enforce standards and best practices through built-in design patterns.
|
6
|
+
|
7
|
+
## Installation
|
8
|
+
|
9
|
+
This component can be installed as npm package.
|
10
|
+
|
11
|
+
```bash
|
12
|
+
npm i -save @covalent/core
|
13
|
+
```
|
14
|
+
|
15
|
+
## Setup
|
16
|
+
|
17
|
+
Import the modules from `@covalent/core` as needed in your NgModule:
|
18
|
+
|
19
|
+
```typescript
|
20
|
+
import { CovalentLayoutModule } from '@covalent/core/layout';
|
21
|
+
import { CovalentStepsModule } from '@covalent/core/steps';
|
22
|
+
/* and many more */
|
23
|
+
@NgModule({
|
24
|
+
imports: [
|
25
|
+
CovalentLayoutModule,
|
26
|
+
CovalentStepsModule,
|
27
|
+
...
|
28
|
+
],
|
29
|
+
...
|
30
|
+
})
|
31
|
+
export class MyModule {}
|
32
|
+
```
|
33
|
+
|
34
|
+
## Styles, Icons and Theming
|
35
|
+
|
36
|
+
See [theming](https://teradata.github.io/covalent/#/docs/theme) in the covalent docs for more info
|
37
|
+
|
38
|
+
Core Teradata UI Platform comes with a base CSS file `@covalent/core/common/platform.css` (includes icons).
|
39
|
+
|
40
|
+
## Running unit tests
|
41
|
+
|
42
|
+
Run `nx test angular` to execute the unit tests.
|
@@ -0,0 +1,93 @@
|
|
1
|
+
# td-breadcrumbs
|
2
|
+
|
3
|
+
`td-breadcrumbs` element generates breadcrumbs for navigation. Handles Responsive by removing breadcrumbs from the beginning of the list as allowable space decreases.
|
4
|
+
|
5
|
+
## API Summary
|
6
|
+
|
7
|
+
#### Inputs
|
8
|
+
|
9
|
+
- separatorIcon?: string
|
10
|
+
- Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
|
11
|
+
|
12
|
+
#### Methods
|
13
|
+
|
14
|
+
- count: number
|
15
|
+
- The total count of individual breadcrumbs (read only)
|
16
|
+
|
17
|
+
#### Attributes
|
18
|
+
|
19
|
+
- hiddenBreadcrumbs: TdBreadcrumbComponent[]
|
20
|
+
- Array of currently hidden breadcrumbs (responsive)
|
21
|
+
|
22
|
+
# td-breadcrumb
|
23
|
+
|
24
|
+
`td-breadcrumb` element generates an individual breadcrumb component.
|
25
|
+
|
26
|
+
## API Summary
|
27
|
+
|
28
|
+
#### Methods
|
29
|
+
|
30
|
+
- displayCrumb: boolean
|
31
|
+
- Whether to display the individual breadcrumb or not
|
32
|
+
- width: number
|
33
|
+
- The current width of the individual breadcrumb (read only)
|
34
|
+
|
35
|
+
## Setup
|
36
|
+
|
37
|
+
Import the [CovalentBreadcrumbsModule] in your NgModule:
|
38
|
+
|
39
|
+
```typescript
|
40
|
+
import { CovalentBreadcrumbsModule } from '@covalent/core/breadcrumbs';
|
41
|
+
@NgModule({
|
42
|
+
imports: [
|
43
|
+
CovalentBreadcrumbsModule,
|
44
|
+
...
|
45
|
+
],
|
46
|
+
...
|
47
|
+
})
|
48
|
+
export class MyModule {}
|
49
|
+
```
|
50
|
+
|
51
|
+
## Usage
|
52
|
+
|
53
|
+
Basic Example:
|
54
|
+
|
55
|
+
```html
|
56
|
+
<td-breadcrumbs>
|
57
|
+
<a td-breadcrumb [routerLink]="'/'">Home</a>
|
58
|
+
<a td-breadcrumb [routerLink]="'/layouts'">Layouts</a>
|
59
|
+
<a td-breadcrumb [routerLink]="'/layouts2'">Layouts2</a>
|
60
|
+
<a td-breadcrumb [routerLink]="'/layouts3'">Layouts3</a>
|
61
|
+
<td-breadcrumb>Manage List</td-breadcrumb>
|
62
|
+
</td-breadcrumbs>
|
63
|
+
```
|
64
|
+
|
65
|
+
Example with all inputs/outputs:
|
66
|
+
|
67
|
+
```html
|
68
|
+
<td-breadcrumbs #breadcrumbs separatorIcon="motorcycle">
|
69
|
+
<a td-breadcrumb [routerLink]="'/'">Home</a>
|
70
|
+
<a td-breadcrumb [routerLink]="'/layouts'">Layouts</a>
|
71
|
+
<a td-breadcrumb [routerLink]="'/layouts2'">Layouts2</a>
|
72
|
+
<a td-breadcrumb [routerLink]="'/layouts3'">Layouts3</a>
|
73
|
+
<td-breadcrumb>Manage List</td-breadcrumb>
|
74
|
+
</td-breadcrumbs>
|
75
|
+
<mat-divider></mat-divider>
|
76
|
+
<div>Total Breadcrumbs Count: {{breadcrumbs.count}}</div>
|
77
|
+
<div>
|
78
|
+
Hidden Breadcrumbs Count (shrink window to see):
|
79
|
+
{{breadcrumbs.hiddenBreadcrumbs.length}}
|
80
|
+
</div>
|
81
|
+
<ng-template
|
82
|
+
let-breadcrumb
|
83
|
+
let-index="index"
|
84
|
+
ngFor
|
85
|
+
[ngForOf]="breadcrumbs.hiddenBreadcrumbs"
|
86
|
+
>
|
87
|
+
<div>
|
88
|
+
<p>Breadcrumb Number: {{index}}</p>
|
89
|
+
<p>Breadcrumb Width: {{breadcrumb?.width}}</p>
|
90
|
+
<mat-divider></mat-divider>
|
91
|
+
</div>
|
92
|
+
</ng-template>
|
93
|
+
```
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { ElementRef, AfterViewInit, ChangeDetectorRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class TdBreadcrumbComponent implements AfterViewInit {
|
4
|
+
private _elementRef;
|
5
|
+
private _changeDetectorRef;
|
6
|
+
private _displayCrumb;
|
7
|
+
private _width;
|
8
|
+
private _displayIcon;
|
9
|
+
private _separatorIcon;
|
10
|
+
matButtonClass: boolean;
|
11
|
+
tdBreadCrumbClass: boolean;
|
12
|
+
get separatorIcon(): string;
|
13
|
+
set separatorIcon(separatorIcon: string);
|
14
|
+
get displayIcon(): boolean;
|
15
|
+
set displayIcon(displayIcon: boolean);
|
16
|
+
get displayCrumb(): boolean;
|
17
|
+
/**
|
18
|
+
* Whether to display the crumb or not
|
19
|
+
*/
|
20
|
+
set displayCrumb(shouldDisplay: boolean);
|
21
|
+
/**
|
22
|
+
* Width of the DOM element of the crumb
|
23
|
+
*/
|
24
|
+
get width(): number;
|
25
|
+
/**
|
26
|
+
* Gets the display style of the crumb
|
27
|
+
*/
|
28
|
+
get displayBinding(): string | undefined;
|
29
|
+
constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
30
|
+
ngAfterViewInit(): void;
|
31
|
+
/**
|
32
|
+
* Stop click propagation when clicking on icon
|
33
|
+
*/
|
34
|
+
_handleIconClick(event: Event): void;
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdBreadcrumbComponent, never>;
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdBreadcrumbComponent, "td-breadcrumb, a[td-breadcrumb]", never, {}, {}, never, ["*"]>;
|
37
|
+
}
|
@@ -0,0 +1,37 @@
|
|
1
|
+
import { QueryList, OnInit, OnDestroy, AfterContentInit, DoCheck, ChangeDetectorRef, ElementRef } from '@angular/core';
|
2
|
+
import { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
export declare class TdBreadcrumbsComponent implements OnInit, DoCheck, AfterContentInit, OnDestroy {
|
5
|
+
private _elementRef;
|
6
|
+
private _changeDetectorRef;
|
7
|
+
private _resizeSubscription;
|
8
|
+
private _widthSubject;
|
9
|
+
private _contentChildrenSub;
|
10
|
+
private _resizing;
|
11
|
+
private _separatorIcon;
|
12
|
+
tdBreadCrumbsClass: boolean;
|
13
|
+
_breadcrumbs: QueryList<TdBreadcrumbComponent>;
|
14
|
+
hiddenBreadcrumbs: TdBreadcrumbComponent[];
|
15
|
+
/**
|
16
|
+
* Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
|
17
|
+
*/
|
18
|
+
set separatorIcon(separatorIcon: string);
|
19
|
+
get separatorIcon(): string;
|
20
|
+
constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef);
|
21
|
+
ngOnInit(): void;
|
22
|
+
ngDoCheck(): void;
|
23
|
+
ngAfterContentInit(): void;
|
24
|
+
ngOnDestroy(): void;
|
25
|
+
get nativeElementWidth(): number;
|
26
|
+
/**
|
27
|
+
* The total count of individual breadcrumbs
|
28
|
+
*/
|
29
|
+
get count(): number;
|
30
|
+
/**
|
31
|
+
* Set the crumb icon separators
|
32
|
+
*/
|
33
|
+
private setCrumbIcons;
|
34
|
+
private _calculateVisibility;
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdBreadcrumbsComponent, never>;
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdBreadcrumbsComponent, "td-breadcrumbs", never, { "separatorIcon": "separatorIcon"; }, {}, ["_breadcrumbs"], ["*"]>;
|
37
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./breadcrumbs.component";
|
3
|
+
import * as i2 from "./breadcrumb/breadcrumb.component";
|
4
|
+
import * as i3 from "@angular/common";
|
5
|
+
import * as i4 from "@angular/material/icon";
|
6
|
+
export declare class CovalentBreadcrumbsModule {
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentBreadcrumbsModule, never>;
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentBreadcrumbsModule, [typeof i1.TdBreadcrumbsComponent, typeof i2.TdBreadcrumbComponent], [typeof i3.CommonModule, typeof i4.MatIconModule], [typeof i1.TdBreadcrumbsComponent, typeof i2.TdBreadcrumbComponent]>;
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentBreadcrumbsModule>;
|
10
|
+
}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
{
|
2
|
+
"module": "../fesm2015/covalent-core-breadcrumbs.mjs",
|
3
|
+
"es2020": "../fesm2020/covalent-core-breadcrumbs.mjs",
|
4
|
+
"esm2020": "../esm2020/breadcrumbs/covalent-core-breadcrumbs.mjs",
|
5
|
+
"fesm2020": "../fesm2020/covalent-core-breadcrumbs.mjs",
|
6
|
+
"fesm2015": "../fesm2015/covalent-core-breadcrumbs.mjs",
|
7
|
+
"typings": "covalent-core-breadcrumbs.d.ts",
|
8
|
+
"sideEffects": false,
|
9
|
+
"name": "@covalent/core/breadcrumbs"
|
10
|
+
}
|
package/common/README.md
ADDED
@@ -0,0 +1,35 @@
|
|
1
|
+
@import 'styles/theme-functions';
|
2
|
+
|
3
|
+
@mixin td-common-theme($theme) {
|
4
|
+
$warn: map-get($theme, warn);
|
5
|
+
$foreground: map-get($theme, foreground);
|
6
|
+
$background: map-get($theme, background);
|
7
|
+
|
8
|
+
mat-list-item,
|
9
|
+
.mat-list-item-content {
|
10
|
+
mat-icon {
|
11
|
+
color: mat-color($foreground, icon);
|
12
|
+
|
13
|
+
&[matListAvatar] {
|
14
|
+
background-color: mat-color($background, hover);
|
15
|
+
}
|
16
|
+
}
|
17
|
+
}
|
18
|
+
|
19
|
+
.mat-list-text {
|
20
|
+
p {
|
21
|
+
color: mat-color($foreground, disabled);
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
table.mat-table {
|
26
|
+
background: transparent;
|
27
|
+
}
|
28
|
+
|
29
|
+
.mat-row {
|
30
|
+
&:hover,
|
31
|
+
&:focus {
|
32
|
+
background-color: map-get($background, hover);
|
33
|
+
}
|
34
|
+
}
|
35
|
+
}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
/**
|
3
|
+
* const tdBounceAnimation
|
4
|
+
*
|
5
|
+
* Parameter Options:
|
6
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 500 ms.
|
7
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
8
|
+
* * ease: Animation accelerate and decelerate style. Defaults to ease-out.
|
9
|
+
*
|
10
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a bounce animation.
|
11
|
+
*
|
12
|
+
* usage: [@tdBounce]="{ value: true | false, params: { duration: 200 }}"
|
13
|
+
*/
|
14
|
+
export declare const tdBounceAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
import { IAnimationOptions } from '../common/interfaces';
|
3
|
+
export interface ICollapseAnimation extends IAnimationOptions {
|
4
|
+
easeOnClose?: string;
|
5
|
+
easeOnOpen?: string;
|
6
|
+
}
|
7
|
+
/**
|
8
|
+
* const tdCollapseAnimation
|
9
|
+
*
|
10
|
+
* Parameter Options:
|
11
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 150 ms.
|
12
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
13
|
+
* * easeOnClose: Animation accelerates and decelerates when closing. Defaults to ease-in.
|
14
|
+
* * easeOnOpen: Animation accelerates and decelerates when opening. Defaults to ease-out.
|
15
|
+
*
|
16
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a collapse/expand animation.
|
17
|
+
*
|
18
|
+
* usage: [@tdCollapse]="{ value: true | false, params: { duration: 500 }}"
|
19
|
+
*/
|
20
|
+
export declare const tdCollapseAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
import { IAnimationOptions } from '../common/interfaces';
|
3
|
+
export interface IFadeInOutAnimation extends IAnimationOptions {
|
4
|
+
easeOnIn?: string;
|
5
|
+
easeOnOut?: string;
|
6
|
+
}
|
7
|
+
/**
|
8
|
+
* const tdFadeInOutAnimation
|
9
|
+
*
|
10
|
+
* Parameter Options:
|
11
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 150 ms.
|
12
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
13
|
+
* * easeOnIn: Animation accelerates and decelerates when fading in. Defaults to ease-in.
|
14
|
+
* * easeOnOut: Animation accelerates and decelerates when fading out. Defaults to ease-out.
|
15
|
+
*
|
16
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a fade animation.
|
17
|
+
*
|
18
|
+
* usage: [@tdFadeInOut]="{ value: true | false, params: { duration: 200 }}"
|
19
|
+
*/
|
20
|
+
export declare const tdFadeInOutAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
/**
|
3
|
+
* const tdFlashAnimation
|
4
|
+
*
|
5
|
+
* Parameter Options:
|
6
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 500 ms.
|
7
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
8
|
+
* * ease: Animation accelerate and decelerate style. Defaults to ease-out.
|
9
|
+
*
|
10
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a flash animation.
|
11
|
+
*
|
12
|
+
* usage: [@tdFlash]="{ value: true | false, params: { duration: 200 }}"
|
13
|
+
*/
|
14
|
+
export declare const tdFlashAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
/**
|
3
|
+
* const tdHeadshakeAnimation
|
4
|
+
*
|
5
|
+
* Parameter Options:
|
6
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 500 ms.
|
7
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
8
|
+
* * ease: Animation accelerate and decelerate style. Defaults to ease-out.
|
9
|
+
*
|
10
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a headshake animation.
|
11
|
+
*
|
12
|
+
* usage: [@tdHeadshake]="{ value: true | false, params: { duration: 200 }}"
|
13
|
+
*/
|
14
|
+
export declare const tdHeadshakeAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
/**
|
3
|
+
* const tdJelloAnimation
|
4
|
+
*
|
5
|
+
* Parameter Options:
|
6
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 500 ms.
|
7
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
8
|
+
* * ease: Animation accelerate and decelerate style. Defaults to ease-out.
|
9
|
+
*
|
10
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a jello animation.
|
11
|
+
*
|
12
|
+
* usage: [@tdJello]="{ value: true | false, params: { duration: 200 }}"
|
13
|
+
*/
|
14
|
+
export declare const tdJelloAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
/**
|
3
|
+
* const tdPulseAnimation
|
4
|
+
*
|
5
|
+
* Parameter Options:
|
6
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 500 ms.
|
7
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
8
|
+
* * ease: Animation accelerate and decelerate style. Defaults to ease-out.
|
9
|
+
*
|
10
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a pulse animation.
|
11
|
+
*
|
12
|
+
* usage: [@tdPulse]="{ value: true | false, params: { duration: 200 }}"
|
13
|
+
*/
|
14
|
+
export declare const tdPulseAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
import { AnimationTriggerMetadata } from '@angular/animations';
|
2
|
+
import { IAnimationOptions } from '../common/interfaces';
|
3
|
+
export interface IRotateAnimation extends IAnimationOptions {
|
4
|
+
degrees?: number;
|
5
|
+
ease?: string;
|
6
|
+
}
|
7
|
+
/**
|
8
|
+
* const tdRotateAnimation
|
9
|
+
*
|
10
|
+
* Parameter Options:
|
11
|
+
* * degressStart: Degrees of rotation that the dom object will end up in during the "false" state
|
12
|
+
* * degreesEnd: Degrees of rotation that the dom object will end up in during the "true" state
|
13
|
+
* * duration: Duration the animation will run in milliseconds. Defaults to 150 ms.
|
14
|
+
* * delay: Delay before the animation will run in milliseconds. Defaults to 0 ms.
|
15
|
+
* * ease: Animation accelerates and decelerates. Defaults to ease-in.
|
16
|
+
*
|
17
|
+
* Returns an [AnimationTriggerMetadata] object with boolean states for a rotation animation.
|
18
|
+
*
|
19
|
+
* usage: [@tdRotate]="{ value: true | false, params: { degreesEnd: 90 }}"
|
20
|
+
*/
|
21
|
+
export declare const tdRotateAnimation: AnimationTriggerMetadata;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { ChangeDetectorRef } from '@angular/core';
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
3
|
+
import { Observable } from 'rxjs';
|
4
|
+
declare type Constructor<T> = new (...args: any[]) => T;
|
5
|
+
export interface IControlValueAccessor extends ControlValueAccessor {
|
6
|
+
value: any;
|
7
|
+
valueChanges: Observable<any>;
|
8
|
+
onChange: (_: any) => any;
|
9
|
+
onTouched: () => any;
|
10
|
+
}
|
11
|
+
export interface IHasChangeDetectorRef {
|
12
|
+
_changeDetectorRef: ChangeDetectorRef;
|
13
|
+
}
|
14
|
+
/** Mixin to augment a component with ngModel support. */
|
15
|
+
export declare function mixinControlValueAccessor<T extends Constructor<IHasChangeDetectorRef>>(base: T, initialValue?: any): Constructor<IControlValueAccessor> & T;
|
16
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
declare type Constructor<T> = new (...args: any[]) => T;
|
2
|
+
/** Interface to implement when applying the disabled mixin */
|
3
|
+
export interface ICanDisableRipple {
|
4
|
+
disableRipple: boolean;
|
5
|
+
onDisableRippleChange(v: boolean): void;
|
6
|
+
}
|
7
|
+
/** Mixin to augment a component or directive with a `disabled` property. */
|
8
|
+
export declare function mixinDisableRipple<T extends Constructor<Record<string, unknown>>>(base: T): Constructor<ICanDisableRipple> & T;
|
9
|
+
export {};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
declare type Constructor<T> = new (...args: any[]) => T;
|
2
|
+
/** Interface to implement when applying the disabled mixin */
|
3
|
+
export interface ICanDisable {
|
4
|
+
disabled: boolean;
|
5
|
+
onDisabledChange(v: boolean): void;
|
6
|
+
}
|
7
|
+
/** Mixin to augment a component or directive with a `disabled` property. */
|
8
|
+
export declare function mixinDisabled<T extends Constructor<any>>(base: T): Constructor<ICanDisable> & T;
|
9
|
+
export {};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "./forms/auto-trim/auto-trim.directive";
|
3
|
+
import * as i2 from "./directives/fullscreen/fullscreen.directive";
|
4
|
+
import * as i3 from "./pipes/time-ago/time-ago.pipe";
|
5
|
+
import * as i4 from "./pipes/time-difference/time-difference.pipe";
|
6
|
+
import * as i5 from "./pipes/time-until/time-until.pipe";
|
7
|
+
import * as i6 from "./pipes/bytes/bytes.pipe";
|
8
|
+
import * as i7 from "./pipes/decimal-bytes/decimal-bytes.pipe";
|
9
|
+
import * as i8 from "./pipes/digits/digits.pipe";
|
10
|
+
import * as i9 from "./pipes/truncate/truncate.pipe";
|
11
|
+
import * as i10 from "@angular/forms";
|
12
|
+
import * as i11 from "@angular/common";
|
13
|
+
export declare class CovalentCommonModule {
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentCommonModule, never>;
|
15
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentCommonModule, [typeof i1.TdAutoTrimDirective, typeof i2.TdFullscreenDirective, typeof i3.TdTimeAgoPipe, typeof i4.TdTimeDifferencePipe, typeof i5.TdTimeUntilPipe, typeof i6.TdBytesPipe, typeof i7.TdDecimalBytesPipe, typeof i8.TdDigitsPipe, typeof i9.TdTruncatePipe], [typeof i10.FormsModule, typeof i11.CommonModule], [typeof i10.FormsModule, typeof i11.CommonModule, typeof i1.TdAutoTrimDirective, typeof i2.TdFullscreenDirective, typeof i3.TdTimeAgoPipe, typeof i4.TdTimeDifferencePipe, typeof i5.TdTimeUntilPipe, typeof i6.TdBytesPipe, typeof i7.TdDecimalBytesPipe, typeof i8.TdDigitsPipe, typeof i9.TdTruncatePipe]>;
|
16
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentCommonModule>;
|
17
|
+
}
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import { ElementRef } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
interface IFsDocument extends HTMLDocument {
|
4
|
+
fullscreenElement: Element;
|
5
|
+
webkitFullscreenElement: Element;
|
6
|
+
mozFullscreenElement: Element;
|
7
|
+
msFullscreenElement: Element;
|
8
|
+
webkitExitFullscreen: () => void;
|
9
|
+
mozCancelFullScreen: () => void;
|
10
|
+
msExitFullscreen: () => void;
|
11
|
+
}
|
12
|
+
export declare class TdFullscreenDirective {
|
13
|
+
private _document;
|
14
|
+
private _el;
|
15
|
+
fullScreenIsActive: boolean;
|
16
|
+
constructor(_document: IFsDocument, _el: ElementRef);
|
17
|
+
fsChangeHandler(event: Event): void;
|
18
|
+
toggleFullScreen(): void;
|
19
|
+
enterFullScreen(): void;
|
20
|
+
exitFullScreen(): void;
|
21
|
+
private _getFullScreenElement;
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdFullscreenDirective, never>;
|
23
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TdFullscreenDirective, "[tdFullScreen]", ["tdFullScreen"], {}, {}, never>;
|
24
|
+
}
|
25
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { NgModel } from '@angular/forms';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare class TdAutoTrimDirective {
|
4
|
+
private _model;
|
5
|
+
constructor(_model: NgModel);
|
6
|
+
/**
|
7
|
+
* Listens to host's (blur) event and trims value.
|
8
|
+
*/
|
9
|
+
onBlur(event: Event): void;
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdAutoTrimDirective, [{ optional: true; host: true; }]>;
|
11
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TdAutoTrimDirective, "[tdAutoTrim]", never, {}, {}, never>;
|
12
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { AbstractControl, ValidatorFn } from '@angular/forms';
|
2
|
+
export declare class CovalentValidators {
|
3
|
+
static min(minValue: any): ValidatorFn;
|
4
|
+
static max(maxValue: any): ValidatorFn;
|
5
|
+
static numberRequired(c: AbstractControl): {
|
6
|
+
[key: string]: any;
|
7
|
+
};
|
8
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/**
|
2
|
+
* Assign a text value to the system clipboard. Note: Due to browser
|
3
|
+
* security restrictions, the copy will only succeed if this method
|
4
|
+
* is invoked as a result of a user action (eg. user button click).
|
5
|
+
*
|
6
|
+
* @param value text value to be assigned to clipboard.
|
7
|
+
* @returns boolean indicating success/failure of copy operation.
|
8
|
+
*/
|
9
|
+
export declare function copyToClipboard(value: string): boolean;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
/**
|
2
|
+
* Conversion function that takes an array of objects and converts
|
3
|
+
* them to CSV format. Custom key and line separators can be specified.
|
4
|
+
*
|
5
|
+
* @param objects list of strings in JSON format or actual objects
|
6
|
+
* @param keySeparator optional parameter to specify custom value separator
|
7
|
+
* @param lineSeparator optional parameter to specify custom end of line separator
|
8
|
+
* @returns CSV formatted string
|
9
|
+
*/
|
10
|
+
export declare function convertObjectsToCSV(objects: any[], keySeparator?: string, lineSeparator?: string): string;
|
11
|
+
/**
|
12
|
+
* Conversion function that takes a CSV representation
|
13
|
+
* of objects and converts them to JSON.
|
14
|
+
* The first row in the input must be the object keys.
|
15
|
+
* Custom key separator and line separator can be specified.
|
16
|
+
* Indentation size for output JSON can be specified.
|
17
|
+
*
|
18
|
+
* @param csv list of strings in JSON format or actual objects
|
19
|
+
* @param keySeparator optional parameter to specify custom value separator
|
20
|
+
* @param lineSeparator optional parameter to specify custom end of line separator
|
21
|
+
* @param indent optional parameter indicating space indentation for pretty output. Default is 2.
|
22
|
+
* @returns JSON formatted string
|
23
|
+
*/
|
24
|
+
export declare function convertCSVToJSON(csv: string, keySeparator?: string, lineSeparator?: string, indent?: number): string;
|
25
|
+
/**
|
26
|
+
* Convert object to JSON using stringify. Indentation size for output JSON can be specified.
|
27
|
+
*
|
28
|
+
* @param json object to be converted
|
29
|
+
* @param indent optional parameter indicating space indentation for pretty output. Default is 2.
|
30
|
+
*/
|
31
|
+
export declare function formatJSON(json: object, indent?: number): string;
|
@@ -0,0 +1,48 @@
|
|
1
|
+
/**
|
2
|
+
* Download CSV content to the specified file with .csv extension
|
3
|
+
* appended to the provided base file name.
|
4
|
+
*
|
5
|
+
* @param fileBaseName base name of destination file
|
6
|
+
* @param csv CSV contents
|
7
|
+
*/
|
8
|
+
export declare function downloadCSV(fileBaseName: string, csv: string): void;
|
9
|
+
/**
|
10
|
+
* Download JSON content to the specified file with .json extension
|
11
|
+
* appended to the provided base file name.
|
12
|
+
*
|
13
|
+
* @param fileBaseName base name of destination file
|
14
|
+
* @param json JSON contents
|
15
|
+
* @param format indicates if JSON should be prettied
|
16
|
+
* @param indent optional parameter indicating space indentation for pretty output. Default is 2
|
17
|
+
*/
|
18
|
+
export declare function downloadJSON(fileBaseName: string, json: string, format?: boolean, indent?: number): void;
|
19
|
+
/**
|
20
|
+
* Convert objects to CSV format and download to file with .csv
|
21
|
+
* extension appended to the provided base file name. Custom key
|
22
|
+
* separator and line separator can be specified.
|
23
|
+
*
|
24
|
+
* @param fileBaseName base name of destination file
|
25
|
+
* @param objects object array to be converted to CSV format
|
26
|
+
* prior to writing to download destination
|
27
|
+
* @param keySeparator optional parameter to specify custom value separator
|
28
|
+
* @param lineSeparator optional parameter to specify custom end of line separator
|
29
|
+
*/
|
30
|
+
export declare function downloadObjectsToCSV(fileBaseName: string, objects: any[], keySeparator?: string, lineSeparator?: string): void;
|
31
|
+
/**
|
32
|
+
* Convert objects to JSON format and download to file with .json
|
33
|
+
* extension appended to the provided base file name.
|
34
|
+
*
|
35
|
+
* @param fileBaseName base name of destination file
|
36
|
+
* @param objects object array to be converted to JSON format
|
37
|
+
* prior to writing to download destination
|
38
|
+
* @param indent optional parameter indicating space indentation for pretty output. Default is 2
|
39
|
+
*/
|
40
|
+
export declare function downloadObjectsToJSON(fileBaseName: string, objects: any[], indent?: number): void;
|
41
|
+
/**
|
42
|
+
* Download string content to the specified file with desired mime type.
|
43
|
+
*
|
44
|
+
* @param fileName full filename (including appropriate extension) of destination file
|
45
|
+
* @param contents string contents to be written to download destination
|
46
|
+
* @param mimeType mime type appropriate to file content to support consumption of destination file
|
47
|
+
*/
|
48
|
+
export declare function downloadFile(fileName: string, contents: string, mimeType?: string): void;
|