@covalent/core 4.0.0 → 4.1.0-develop.2
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 +5 -4
- 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 +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/{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 +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 +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 +10 -5
- 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 +7 -4
- 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 +12 -9
- 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 +7 -4
- 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 -37
- 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
@@ -1,490 +0,0 @@
|
|
1
|
-
(function (global, factory) {
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('rxjs'), require('rxjs/operators')) :
|
3
|
-
typeof define === 'function' && define.amd ? define('@covalent/core/breadcrumbs', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', 'rxjs', 'rxjs/operators'], factory) :
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.breadcrumbs = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.rxjs, global.rxjs.operators));
|
5
|
-
}(this, (function (exports, core, common, icon, rxjs, operators) { 'use strict';
|
6
|
-
|
7
|
-
/**
|
8
|
-
* @fileoverview added by tsickle
|
9
|
-
* Generated from: breadcrumb/breadcrumb.component.ts
|
10
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
11
|
-
*/
|
12
|
-
var TdBreadcrumbComponent = /** @class */ (function () {
|
13
|
-
/**
|
14
|
-
* @param {?} _elementRef
|
15
|
-
* @param {?} _changeDetectorRef
|
16
|
-
*/
|
17
|
-
function TdBreadcrumbComponent(_elementRef, _changeDetectorRef) {
|
18
|
-
this._elementRef = _elementRef;
|
19
|
-
this._changeDetectorRef = _changeDetectorRef;
|
20
|
-
this._displayCrumb = true;
|
21
|
-
this._width = 0;
|
22
|
-
this._displayIcon = true;
|
23
|
-
this._separatorIcon = 'chevron_right';
|
24
|
-
}
|
25
|
-
Object.defineProperty(TdBreadcrumbComponent.prototype, "separatorIcon", {
|
26
|
-
// Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'
|
27
|
-
/**
|
28
|
-
* @return {?}
|
29
|
-
*/
|
30
|
-
get: function () {
|
31
|
-
return this._separatorIcon;
|
32
|
-
},
|
33
|
-
/**
|
34
|
-
* @param {?} separatorIcon
|
35
|
-
* @return {?}
|
36
|
-
*/
|
37
|
-
set: function (separatorIcon) {
|
38
|
-
var _this = this;
|
39
|
-
this._separatorIcon = separatorIcon;
|
40
|
-
setTimeout(( /**
|
41
|
-
* @return {?}
|
42
|
-
*/function () {
|
43
|
-
_this._changeDetectorRef.markForCheck();
|
44
|
-
}));
|
45
|
-
},
|
46
|
-
enumerable: false,
|
47
|
-
configurable: true
|
48
|
-
});
|
49
|
-
Object.defineProperty(TdBreadcrumbComponent.prototype, "displayIcon", {
|
50
|
-
// Should show the right chevron or not before the label
|
51
|
-
/**
|
52
|
-
* @return {?}
|
53
|
-
*/
|
54
|
-
get: function () {
|
55
|
-
return this._displayIcon;
|
56
|
-
},
|
57
|
-
/**
|
58
|
-
* @param {?} displayIcon
|
59
|
-
* @return {?}
|
60
|
-
*/
|
61
|
-
set: function (displayIcon) {
|
62
|
-
var _this = this;
|
63
|
-
this._displayIcon = displayIcon;
|
64
|
-
setTimeout(( /**
|
65
|
-
* @return {?}
|
66
|
-
*/function () {
|
67
|
-
_this._changeDetectorRef.markForCheck();
|
68
|
-
}));
|
69
|
-
},
|
70
|
-
enumerable: false,
|
71
|
-
configurable: true
|
72
|
-
});
|
73
|
-
Object.defineProperty(TdBreadcrumbComponent.prototype, "displayCrumb", {
|
74
|
-
/**
|
75
|
-
* @return {?}
|
76
|
-
*/
|
77
|
-
get: function () {
|
78
|
-
return this._displayCrumb;
|
79
|
-
},
|
80
|
-
/**
|
81
|
-
* Whether to display the crumb or not
|
82
|
-
* @param {?} shouldDisplay
|
83
|
-
* @return {?}
|
84
|
-
*/
|
85
|
-
set: function (shouldDisplay) {
|
86
|
-
var _this = this;
|
87
|
-
this._displayCrumb = shouldDisplay;
|
88
|
-
setTimeout(( /**
|
89
|
-
* @return {?}
|
90
|
-
*/function () {
|
91
|
-
_this._changeDetectorRef.markForCheck();
|
92
|
-
}));
|
93
|
-
},
|
94
|
-
enumerable: false,
|
95
|
-
configurable: true
|
96
|
-
});
|
97
|
-
Object.defineProperty(TdBreadcrumbComponent.prototype, "width", {
|
98
|
-
/**
|
99
|
-
* Width of the DOM element of the crumb
|
100
|
-
* @return {?}
|
101
|
-
*/
|
102
|
-
get: function () {
|
103
|
-
return this._width;
|
104
|
-
},
|
105
|
-
enumerable: false,
|
106
|
-
configurable: true
|
107
|
-
});
|
108
|
-
Object.defineProperty(TdBreadcrumbComponent.prototype, "displayBinding", {
|
109
|
-
/**
|
110
|
-
* Gets the display style of the crumb
|
111
|
-
* @return {?}
|
112
|
-
*/
|
113
|
-
get: function () {
|
114
|
-
// Set the display to none on the component, just in case the end user is hiding
|
115
|
-
// and showing them instead of the component doing itself for reasons like responsive
|
116
|
-
return this._displayCrumb ? undefined : 'none';
|
117
|
-
},
|
118
|
-
enumerable: false,
|
119
|
-
configurable: true
|
120
|
-
});
|
121
|
-
/**
|
122
|
-
* @return {?}
|
123
|
-
*/
|
124
|
-
TdBreadcrumbComponent.prototype.ngAfterViewInit = function () {
|
125
|
-
var _this = this;
|
126
|
-
// set the width from the actual rendered DOM element
|
127
|
-
setTimeout(( /**
|
128
|
-
* @return {?}
|
129
|
-
*/function () {
|
130
|
-
_this._width = (( /** @type {?} */(_this._elementRef.nativeElement))).getBoundingClientRect().width;
|
131
|
-
_this._changeDetectorRef.markForCheck();
|
132
|
-
}));
|
133
|
-
};
|
134
|
-
/**
|
135
|
-
* Stop click propagation when clicking on icon
|
136
|
-
* @param {?} event
|
137
|
-
* @return {?}
|
138
|
-
*/
|
139
|
-
TdBreadcrumbComponent.prototype._handleIconClick = function (event) {
|
140
|
-
event.stopPropagation();
|
141
|
-
event.preventDefault();
|
142
|
-
};
|
143
|
-
return TdBreadcrumbComponent;
|
144
|
-
}());
|
145
|
-
TdBreadcrumbComponent.decorators = [
|
146
|
-
{ type: core.Component, args: [{
|
147
|
-
selector: 'td-breadcrumb, a[td-breadcrumb]',
|
148
|
-
template: "<ng-content></ng-content>\n<mat-icon\n *ngIf=\"displayIcon\"\n class=\"td-breadcrumb-separator-icon\"\n [style.cursor]=\"'default'\"\n (click)=\"_handleIconClick($event)\"\n>\n {{ separatorIcon }}\n</mat-icon>\n",
|
149
|
-
/* tslint:disable-next-line */
|
150
|
-
host: {
|
151
|
-
class: 'mat-button td-breadcrumb',
|
152
|
-
},
|
153
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
154
|
-
styles: [":host.td-breadcrumb{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:center;box-sizing:border-box;display:inline-block;flex-direction:row;justify-content:flex-end;max-width:100%}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}"]
|
155
|
-
}] }
|
156
|
-
];
|
157
|
-
/** @nocollapse */
|
158
|
-
TdBreadcrumbComponent.ctorParameters = function () { return [
|
159
|
-
{ type: core.ElementRef },
|
160
|
-
{ type: core.ChangeDetectorRef }
|
161
|
-
]; };
|
162
|
-
TdBreadcrumbComponent.propDecorators = {
|
163
|
-
displayBinding: [{ type: core.HostBinding, args: ['style.display',] }]
|
164
|
-
};
|
165
|
-
if (false) {
|
166
|
-
/**
|
167
|
-
* @type {?}
|
168
|
-
* @private
|
169
|
-
*/
|
170
|
-
TdBreadcrumbComponent.prototype._displayCrumb;
|
171
|
-
/**
|
172
|
-
* @type {?}
|
173
|
-
* @private
|
174
|
-
*/
|
175
|
-
TdBreadcrumbComponent.prototype._width;
|
176
|
-
/**
|
177
|
-
* @type {?}
|
178
|
-
* @private
|
179
|
-
*/
|
180
|
-
TdBreadcrumbComponent.prototype._displayIcon;
|
181
|
-
/**
|
182
|
-
* @type {?}
|
183
|
-
* @private
|
184
|
-
*/
|
185
|
-
TdBreadcrumbComponent.prototype._separatorIcon;
|
186
|
-
/**
|
187
|
-
* @type {?}
|
188
|
-
* @private
|
189
|
-
*/
|
190
|
-
TdBreadcrumbComponent.prototype._elementRef;
|
191
|
-
/**
|
192
|
-
* @type {?}
|
193
|
-
* @private
|
194
|
-
*/
|
195
|
-
TdBreadcrumbComponent.prototype._changeDetectorRef;
|
196
|
-
}
|
197
|
-
|
198
|
-
/**
|
199
|
-
* @fileoverview added by tsickle
|
200
|
-
* Generated from: breadcrumbs.component.ts
|
201
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
202
|
-
*/
|
203
|
-
var TdBreadcrumbsComponent = /** @class */ (function () {
|
204
|
-
/**
|
205
|
-
* @param {?} _elementRef
|
206
|
-
* @param {?} _changeDetectorRef
|
207
|
-
*/
|
208
|
-
function TdBreadcrumbsComponent(_elementRef, _changeDetectorRef) {
|
209
|
-
this._elementRef = _elementRef;
|
210
|
-
this._changeDetectorRef = _changeDetectorRef;
|
211
|
-
this._resizeSubscription = rxjs.Subscription.EMPTY;
|
212
|
-
this._widthSubject = new rxjs.Subject();
|
213
|
-
this._resizing = false;
|
214
|
-
this._separatorIcon = 'chevron_right';
|
215
|
-
// the list of hidden breadcrumbs not shown right now (responsive)
|
216
|
-
this.hiddenBreadcrumbs = [];
|
217
|
-
}
|
218
|
-
Object.defineProperty(TdBreadcrumbsComponent.prototype, "separatorIcon", {
|
219
|
-
/**
|
220
|
-
* @return {?}
|
221
|
-
*/
|
222
|
-
get: function () {
|
223
|
-
return this._separatorIcon;
|
224
|
-
},
|
225
|
-
/**
|
226
|
-
* Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.
|
227
|
-
* @param {?} separatorIcon
|
228
|
-
* @return {?}
|
229
|
-
*/
|
230
|
-
set: function (separatorIcon) {
|
231
|
-
this._separatorIcon = separatorIcon;
|
232
|
-
this.setCrumbIcons();
|
233
|
-
},
|
234
|
-
enumerable: false,
|
235
|
-
configurable: true
|
236
|
-
});
|
237
|
-
/**
|
238
|
-
* @return {?}
|
239
|
-
*/
|
240
|
-
TdBreadcrumbsComponent.prototype.ngOnInit = function () {
|
241
|
-
var _this = this;
|
242
|
-
this._resizeSubscription = rxjs.merge(rxjs.fromEvent(window, 'resize').pipe(operators.debounceTime(10)), this._widthSubject.asObservable().pipe(operators.distinctUntilChanged())).subscribe(( /**
|
243
|
-
* @return {?}
|
244
|
-
*/function () {
|
245
|
-
if (!_this._resizing) {
|
246
|
-
_this._resizing = true;
|
247
|
-
setTimeout(( /**
|
248
|
-
* @return {?}
|
249
|
-
*/function () {
|
250
|
-
_this._calculateVisibility();
|
251
|
-
_this._resizing = false;
|
252
|
-
_this._changeDetectorRef.markForCheck();
|
253
|
-
}), 100);
|
254
|
-
}
|
255
|
-
}));
|
256
|
-
};
|
257
|
-
/**
|
258
|
-
* @return {?}
|
259
|
-
*/
|
260
|
-
TdBreadcrumbsComponent.prototype.ngDoCheck = function () {
|
261
|
-
if (this._elementRef && this._elementRef.nativeElement) {
|
262
|
-
this._widthSubject.next(this.nativeElementWidth);
|
263
|
-
}
|
264
|
-
};
|
265
|
-
/**
|
266
|
-
* @return {?}
|
267
|
-
*/
|
268
|
-
TdBreadcrumbsComponent.prototype.ngAfterContentInit = function () {
|
269
|
-
var _this = this;
|
270
|
-
this._contentChildrenSub = this._breadcrumbs.changes.pipe(operators.startWith(this._breadcrumbs)).subscribe(( /**
|
271
|
-
* @return {?}
|
272
|
-
*/function () {
|
273
|
-
_this.setCrumbIcons();
|
274
|
-
_this._changeDetectorRef.markForCheck();
|
275
|
-
}));
|
276
|
-
};
|
277
|
-
/**
|
278
|
-
* @return {?}
|
279
|
-
*/
|
280
|
-
TdBreadcrumbsComponent.prototype.ngOnDestroy = function () {
|
281
|
-
this._resizeSubscription.unsubscribe();
|
282
|
-
this._contentChildrenSub.unsubscribe();
|
283
|
-
};
|
284
|
-
Object.defineProperty(TdBreadcrumbsComponent.prototype, "nativeElementWidth", {
|
285
|
-
/*
|
286
|
-
* Current width of the element container
|
287
|
-
*/
|
288
|
-
/**
|
289
|
-
* @return {?}
|
290
|
-
*/
|
291
|
-
get: function () {
|
292
|
-
/** @type {?} */
|
293
|
-
var element = ( /** @type {?} */(this._elementRef.nativeElement));
|
294
|
-
// Need to take into account border, margin and padding that might be around all the crumbs
|
295
|
-
/** @type {?} */
|
296
|
-
var style = window.getComputedStyle(element);
|
297
|
-
/** @type {?} */
|
298
|
-
var borderLeft = parseInt(style.borderLeft, 10);
|
299
|
-
/** @type {?} */
|
300
|
-
var borderRight = parseInt(style.borderRight, 10);
|
301
|
-
/** @type {?} */
|
302
|
-
var marginLeft = parseInt(style.marginLeft, 10);
|
303
|
-
/** @type {?} */
|
304
|
-
var marginRight = parseInt(style.marginRight, 10);
|
305
|
-
/** @type {?} */
|
306
|
-
var paddingLeft = parseInt(style.paddingLeft, 10);
|
307
|
-
/** @type {?} */
|
308
|
-
var paddingRight = parseInt(style.paddingRight, 10);
|
309
|
-
return (element.getBoundingClientRect().width -
|
310
|
-
borderLeft -
|
311
|
-
borderRight -
|
312
|
-
marginLeft -
|
313
|
-
marginRight -
|
314
|
-
paddingLeft -
|
315
|
-
paddingRight);
|
316
|
-
},
|
317
|
-
enumerable: false,
|
318
|
-
configurable: true
|
319
|
-
});
|
320
|
-
Object.defineProperty(TdBreadcrumbsComponent.prototype, "count", {
|
321
|
-
/**
|
322
|
-
* The total count of individual breadcrumbs
|
323
|
-
* @return {?}
|
324
|
-
*/
|
325
|
-
get: function () {
|
326
|
-
return this._breadcrumbs ? this._breadcrumbs.length : 0;
|
327
|
-
},
|
328
|
-
enumerable: false,
|
329
|
-
configurable: true
|
330
|
-
});
|
331
|
-
/**
|
332
|
-
* Set the crumb icon separators
|
333
|
-
* @private
|
334
|
-
* @return {?}
|
335
|
-
*/
|
336
|
-
TdBreadcrumbsComponent.prototype.setCrumbIcons = function () {
|
337
|
-
var _this = this;
|
338
|
-
if (this._breadcrumbs) {
|
339
|
-
/** @type {?} */
|
340
|
-
var breadcrumbArray_1 = this._breadcrumbs.toArray();
|
341
|
-
breadcrumbArray_1.forEach(( /**
|
342
|
-
* @param {?} breadcrumb
|
343
|
-
* @param {?} index
|
344
|
-
* @return {?}
|
345
|
-
*/function (breadcrumb, index) {
|
346
|
-
breadcrumb.separatorIcon = _this.separatorIcon;
|
347
|
-
// don't show the icon on the last breadcrumb
|
348
|
-
breadcrumb.displayIcon = index < breadcrumbArray_1.length - 1;
|
349
|
-
}));
|
350
|
-
}
|
351
|
-
};
|
352
|
-
/**
|
353
|
-
* @private
|
354
|
-
* @return {?}
|
355
|
-
*/
|
356
|
-
TdBreadcrumbsComponent.prototype._calculateVisibility = function () {
|
357
|
-
/** @type {?} */
|
358
|
-
var crumbsArray = this._breadcrumbs.toArray();
|
359
|
-
/** @type {?} */
|
360
|
-
var crumbWidthSum = 0;
|
361
|
-
/** @type {?} */
|
362
|
-
var hiddenCrumbs = [];
|
363
|
-
// loop through crumbs in reverse order to calculate which ones should be removed
|
364
|
-
for (var i = crumbsArray.length - 1; i >= 0; i--) {
|
365
|
-
/** @type {?} */
|
366
|
-
var breadcrumb = crumbsArray[i];
|
367
|
-
// if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array
|
368
|
-
// and hide it
|
369
|
-
if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {
|
370
|
-
breadcrumb.displayCrumb = false;
|
371
|
-
hiddenCrumbs.push(breadcrumb);
|
372
|
-
}
|
373
|
-
else {
|
374
|
-
// else we show it
|
375
|
-
breadcrumb.displayCrumb = true;
|
376
|
-
}
|
377
|
-
crumbWidthSum += breadcrumb.width;
|
378
|
-
}
|
379
|
-
this.hiddenBreadcrumbs = hiddenCrumbs;
|
380
|
-
this._changeDetectorRef.markForCheck();
|
381
|
-
};
|
382
|
-
return TdBreadcrumbsComponent;
|
383
|
-
}());
|
384
|
-
TdBreadcrumbsComponent.decorators = [
|
385
|
-
{ type: core.Component, args: [{
|
386
|
-
selector: 'td-breadcrumbs',
|
387
|
-
template: "<ng-content></ng-content>\n",
|
388
|
-
/* tslint:disable-next-line */
|
389
|
-
host: {
|
390
|
-
class: 'td-breadcrumbs',
|
391
|
-
},
|
392
|
-
changeDetection: core.ChangeDetectionStrategy.OnPush,
|
393
|
-
styles: [":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}"]
|
394
|
-
}] }
|
395
|
-
];
|
396
|
-
/** @nocollapse */
|
397
|
-
TdBreadcrumbsComponent.ctorParameters = function () { return [
|
398
|
-
{ type: core.ElementRef },
|
399
|
-
{ type: core.ChangeDetectorRef }
|
400
|
-
]; };
|
401
|
-
TdBreadcrumbsComponent.propDecorators = {
|
402
|
-
_breadcrumbs: [{ type: core.ContentChildren, args: [TdBreadcrumbComponent, { descendants: true },] }],
|
403
|
-
separatorIcon: [{ type: core.Input }]
|
404
|
-
};
|
405
|
-
if (false) {
|
406
|
-
/**
|
407
|
-
* @type {?}
|
408
|
-
* @private
|
409
|
-
*/
|
410
|
-
TdBreadcrumbsComponent.prototype._resizeSubscription;
|
411
|
-
/**
|
412
|
-
* @type {?}
|
413
|
-
* @private
|
414
|
-
*/
|
415
|
-
TdBreadcrumbsComponent.prototype._widthSubject;
|
416
|
-
/**
|
417
|
-
* @type {?}
|
418
|
-
* @private
|
419
|
-
*/
|
420
|
-
TdBreadcrumbsComponent.prototype._contentChildrenSub;
|
421
|
-
/**
|
422
|
-
* @type {?}
|
423
|
-
* @private
|
424
|
-
*/
|
425
|
-
TdBreadcrumbsComponent.prototype._resizing;
|
426
|
-
/**
|
427
|
-
* @type {?}
|
428
|
-
* @private
|
429
|
-
*/
|
430
|
-
TdBreadcrumbsComponent.prototype._separatorIcon;
|
431
|
-
/** @type {?} */
|
432
|
-
TdBreadcrumbsComponent.prototype._breadcrumbs;
|
433
|
-
/** @type {?} */
|
434
|
-
TdBreadcrumbsComponent.prototype.hiddenBreadcrumbs;
|
435
|
-
/**
|
436
|
-
* @type {?}
|
437
|
-
* @private
|
438
|
-
*/
|
439
|
-
TdBreadcrumbsComponent.prototype._elementRef;
|
440
|
-
/**
|
441
|
-
* @type {?}
|
442
|
-
* @private
|
443
|
-
*/
|
444
|
-
TdBreadcrumbsComponent.prototype._changeDetectorRef;
|
445
|
-
}
|
446
|
-
|
447
|
-
/**
|
448
|
-
* @fileoverview added by tsickle
|
449
|
-
* Generated from: breadcrumbs.module.ts
|
450
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
451
|
-
*/
|
452
|
-
var CovalentBreadcrumbsModule = /** @class */ (function () {
|
453
|
-
function CovalentBreadcrumbsModule() {
|
454
|
-
}
|
455
|
-
return CovalentBreadcrumbsModule;
|
456
|
-
}());
|
457
|
-
CovalentBreadcrumbsModule.decorators = [
|
458
|
-
{ type: core.NgModule, args: [{
|
459
|
-
imports: [common.CommonModule, icon.MatIconModule],
|
460
|
-
declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
|
461
|
-
exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],
|
462
|
-
},] }
|
463
|
-
];
|
464
|
-
|
465
|
-
/**
|
466
|
-
* @fileoverview added by tsickle
|
467
|
-
* Generated from: public-api.ts
|
468
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
469
|
-
*/
|
470
|
-
|
471
|
-
/**
|
472
|
-
* @fileoverview added by tsickle
|
473
|
-
* Generated from: index.ts
|
474
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
475
|
-
*/
|
476
|
-
|
477
|
-
/**
|
478
|
-
* @fileoverview added by tsickle
|
479
|
-
* Generated from: covalent-core-breadcrumbs.ts
|
480
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
481
|
-
*/
|
482
|
-
|
483
|
-
exports.CovalentBreadcrumbsModule = CovalentBreadcrumbsModule;
|
484
|
-
exports.TdBreadcrumbComponent = TdBreadcrumbComponent;
|
485
|
-
exports.TdBreadcrumbsComponent = TdBreadcrumbsComponent;
|
486
|
-
|
487
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
488
|
-
|
489
|
-
})));
|
490
|
-
//# sourceMappingURL=covalent-core-breadcrumbs.umd.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"covalent-core-breadcrumbs.umd.js","sources":["../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.module.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n HostBinding,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n} from '@angular/core';\n\n@Component({\n selector: 'td-breadcrumb, a[td-breadcrumb]',\n styleUrls: ['./breadcrumb.component.scss'],\n templateUrl: './breadcrumb.component.html',\n /* tslint:disable-next-line */\n host: {\n class: 'mat-button td-breadcrumb',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbComponent implements AfterViewInit {\n private _displayCrumb: boolean = true;\n private _width: number = 0;\n private _displayIcon: boolean = true;\n private _separatorIcon: string = 'chevron_right';\n\n // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'\n public get separatorIcon(): string {\n return this._separatorIcon;\n }\n public set separatorIcon(separatorIcon: string) {\n this._separatorIcon = separatorIcon;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n // Should show the right chevron or not before the label\n public get displayIcon(): boolean {\n return this._displayIcon;\n }\n public set displayIcon(displayIcon: boolean) {\n this._displayIcon = displayIcon;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n get displayCrumb(): boolean {\n return this._displayCrumb;\n }\n\n /**\n * Whether to display the crumb or not\n */\n set displayCrumb(shouldDisplay: boolean) {\n this._displayCrumb = shouldDisplay;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n /**\n * Width of the DOM element of the crumb\n */\n get width(): number {\n return this._width;\n }\n\n /**\n * Gets the display style of the crumb\n */\n @HostBinding('style.display')\n get displayBinding(): string {\n // Set the display to none on the component, just in case the end user is hiding\n // and showing them instead of the component doing itself for reasons like responsive\n return this._displayCrumb ? undefined : 'none';\n }\n\n constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterViewInit(): void {\n // set the width from the actual rendered DOM element\n setTimeout(() => {\n this._width = (<HTMLElement>this._elementRef.nativeElement).getBoundingClientRect().width;\n this._changeDetectorRef.markForCheck();\n });\n }\n\n /**\n * Stop click propagation when clicking on icon\n */\n _handleIconClick(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n}\n","import {\n Component,\n ContentChildren,\n QueryList,\n OnInit,\n OnDestroy,\n ChangeDetectionStrategy,\n AfterContentInit,\n DoCheck,\n ChangeDetectorRef,\n ElementRef,\n Input,\n} from '@angular/core';\n\nimport { Subscription, Subject, fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';\n\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@Component({\n selector: 'td-breadcrumbs',\n styleUrls: ['./breadcrumbs.component.scss'],\n templateUrl: './breadcrumbs.component.html',\n /* tslint:disable-next-line */\n host: {\n class: 'td-breadcrumbs',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbsComponent implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n private _resizeSubscription: Subscription = Subscription.EMPTY;\n private _widthSubject: Subject<number> = new Subject<number>();\n private _contentChildrenSub: Subscription;\n private _resizing: boolean = false;\n private _separatorIcon: string = 'chevron_right';\n\n // all the sub components, which are the individual breadcrumbs\n @ContentChildren(TdBreadcrumbComponent, { descendants: true }) _breadcrumbs: QueryList<TdBreadcrumbComponent>;\n // the list of hidden breadcrumbs not shown right now (responsive)\n hiddenBreadcrumbs: TdBreadcrumbComponent[] = [];\n\n /**\n * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.\n */\n @Input() public set separatorIcon(separatorIcon: string) {\n this._separatorIcon = separatorIcon;\n this.setCrumbIcons();\n }\n public get separatorIcon(): string {\n return this._separatorIcon;\n }\n\n constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this._resizeSubscription = merge(\n fromEvent(window, 'resize').pipe(debounceTime(10)),\n this._widthSubject.asObservable().pipe(distinctUntilChanged()),\n ).subscribe(() => {\n if (!this._resizing) {\n this._resizing = true;\n setTimeout(() => {\n this._calculateVisibility();\n this._resizing = false;\n this._changeDetectorRef.markForCheck();\n }, 100);\n }\n });\n }\n\n ngDoCheck(): void {\n if (this._elementRef && this._elementRef.nativeElement) {\n this._widthSubject.next(this.nativeElementWidth);\n }\n }\n\n ngAfterContentInit(): void {\n this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe(() => {\n this.setCrumbIcons();\n this._changeDetectorRef.markForCheck();\n });\n }\n\n ngOnDestroy(): void {\n this._resizeSubscription.unsubscribe();\n this._contentChildrenSub.unsubscribe();\n }\n\n /*\n * Current width of the element container\n */\n get nativeElementWidth(): number {\n const element: HTMLElement = <HTMLElement>this._elementRef.nativeElement;\n // Need to take into account border, margin and padding that might be around all the crumbs\n const style: CSSStyleDeclaration = window.getComputedStyle(element);\n const borderLeft: number = parseInt(style.borderLeft, 10);\n const borderRight: number = parseInt(style.borderRight, 10);\n const marginLeft: number = parseInt(style.marginLeft, 10);\n const marginRight: number = parseInt(style.marginRight, 10);\n const paddingLeft: number = parseInt(style.paddingLeft, 10);\n const paddingRight: number = parseInt(style.paddingRight, 10);\n\n return (\n element.getBoundingClientRect().width -\n borderLeft -\n borderRight -\n marginLeft -\n marginRight -\n paddingLeft -\n paddingRight\n );\n }\n\n /**\n * The total count of individual breadcrumbs\n */\n get count(): number {\n return this._breadcrumbs ? this._breadcrumbs.length : 0;\n }\n\n /**\n * Set the crumb icon separators\n */\n private setCrumbIcons(): void {\n if (this._breadcrumbs) {\n const breadcrumbArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n breadcrumbArray.forEach((breadcrumb: TdBreadcrumbComponent, index: number) => {\n breadcrumb.separatorIcon = this.separatorIcon;\n // don't show the icon on the last breadcrumb\n breadcrumb.displayIcon = index < breadcrumbArray.length - 1;\n });\n }\n }\n\n private _calculateVisibility(): void {\n const crumbsArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n let crumbWidthSum: number = 0;\n const hiddenCrumbs: TdBreadcrumbComponent[] = [];\n // loop through crumbs in reverse order to calculate which ones should be removed\n for (let i: number = crumbsArray.length - 1; i >= 0; i--) {\n const breadcrumb: TdBreadcrumbComponent = crumbsArray[i];\n // if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array\n // and hide it\n if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {\n breadcrumb.displayCrumb = false;\n hiddenCrumbs.push(breadcrumb);\n } else {\n // else we show it\n breadcrumb.displayCrumb = true;\n }\n crumbWidthSum += breadcrumb.width;\n }\n this.hiddenBreadcrumbs = hiddenCrumbs;\n this._changeDetectorRef.markForCheck();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdBreadcrumbsComponent } from './breadcrumbs.component';\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@NgModule({\n imports: [CommonModule, MatIconModule],\n declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n})\nexport class CovalentBreadcrumbsModule {}\n"],"names":["Component","ChangeDetectionStrategy","ElementRef","ChangeDetectorRef","HostBinding","Subscription","Subject","merge","fromEvent","debounceTime","distinctUntilChanged","startWith","ContentChildren","Input","NgModule","CommonModule","MatIconModule"],"mappings":"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"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("@covalent/core/breadcrumbs",["exports","@angular/core","@angular/common","@angular/material/icon","rxjs","rxjs/operators"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.breadcrumbs={}),e.ng.core,e.ng.common,e.ng.material.icon,e.rxjs,e.rxjs.operators)}(this,(function(e,t,n,r,o,i){"use strict";var a=function(){function e(e,t){this._elementRef=e,this._changeDetectorRef=t,this._displayCrumb=!0,this._width=0,this._displayIcon=!0,this._separatorIcon="chevron_right"}return Object.defineProperty(e.prototype,"separatorIcon",{get:function(){return this._separatorIcon},set:function(e){var t=this;this._separatorIcon=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayIcon",{get:function(){return this._displayIcon},set:function(e){var t=this;this._displayIcon=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayCrumb",{get:function(){return this._displayCrumb},set:function(e){var t=this;this._displayCrumb=e,setTimeout((function(){t._changeDetectorRef.markForCheck()}))},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"width",{get:function(){return this._width},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"displayBinding",{get:function(){return this._displayCrumb?void 0:"none"},enumerable:!1,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;setTimeout((function(){e._width=e._elementRef.nativeElement.getBoundingClientRect().width,e._changeDetectorRef.markForCheck()}))},e.prototype._handleIconClick=function(e){e.stopPropagation(),e.preventDefault()},e}();a.decorators=[{type:t.Component,args:[{selector:"td-breadcrumb, a[td-breadcrumb]",template:'<ng-content></ng-content>\n<mat-icon\n *ngIf="displayIcon"\n class="td-breadcrumb-separator-icon"\n [style.cursor]="\'default\'"\n (click)="_handleIconClick($event)"\n>\n {{ separatorIcon }}\n</mat-icon>\n',host:{class:"mat-button td-breadcrumb"},changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host.td-breadcrumb{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:center;box-sizing:border-box;display:inline-block;flex-direction:row;justify-content:flex-end;max-width:100%}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}"]}]}],a.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},a.propDecorators={displayBinding:[{type:t.HostBinding,args:["style.display"]}]};var c=function(){function e(e,t){this._elementRef=e,this._changeDetectorRef=t,this._resizeSubscription=o.Subscription.EMPTY,this._widthSubject=new o.Subject,this._resizing=!1,this._separatorIcon="chevron_right",this.hiddenBreadcrumbs=[]}return Object.defineProperty(e.prototype,"separatorIcon",{get:function(){return this._separatorIcon},set:function(e){this._separatorIcon=e,this.setCrumbIcons()},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;this._resizeSubscription=o.merge(o.fromEvent(window,"resize").pipe(i.debounceTime(10)),this._widthSubject.asObservable().pipe(i.distinctUntilChanged())).subscribe((function(){e._resizing||(e._resizing=!0,setTimeout((function(){e._calculateVisibility(),e._resizing=!1,e._changeDetectorRef.markForCheck()}),100))}))},e.prototype.ngDoCheck=function(){this._elementRef&&this._elementRef.nativeElement&&this._widthSubject.next(this.nativeElementWidth)},e.prototype.ngAfterContentInit=function(){var e=this;this._contentChildrenSub=this._breadcrumbs.changes.pipe(i.startWith(this._breadcrumbs)).subscribe((function(){e.setCrumbIcons(),e._changeDetectorRef.markForCheck()}))},e.prototype.ngOnDestroy=function(){this._resizeSubscription.unsubscribe(),this._contentChildrenSub.unsubscribe()},Object.defineProperty(e.prototype,"nativeElementWidth",{get:function(){var e=this._elementRef.nativeElement,t=window.getComputedStyle(e),n=parseInt(t.borderLeft,10),r=parseInt(t.borderRight,10),o=parseInt(t.marginLeft,10),i=parseInt(t.marginRight,10),a=parseInt(t.paddingLeft,10),c=parseInt(t.paddingRight,10);return e.getBoundingClientRect().width-n-r-o-i-a-c},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"count",{get:function(){return this._breadcrumbs?this._breadcrumbs.length:0},enumerable:!1,configurable:!0}),e.prototype.setCrumbIcons=function(){var e=this;if(this._breadcrumbs){var t=this._breadcrumbs.toArray();t.forEach((function(n,r){n.separatorIcon=e.separatorIcon,n.displayIcon=r<t.length-1}))}},e.prototype._calculateVisibility=function(){for(var e=this._breadcrumbs.toArray(),t=0,n=[],r=e.length-1;r>=0;r--){var o=e[r];t+o.width>this.nativeElementWidth?(o.displayCrumb=!1,n.push(o)):o.displayCrumb=!0,t+=o.width}this.hiddenBreadcrumbs=n,this._changeDetectorRef.markForCheck()},e}();c.decorators=[{type:t.Component,args:[{selector:"td-breadcrumbs",template:"<ng-content></ng-content>\n",host:{class:"td-breadcrumbs"},changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;width:100%}:host.td-breadcrumbs{white-space:nowrap}"]}]}],c.ctorParameters=function(){return[{type:t.ElementRef},{type:t.ChangeDetectorRef}]},c.propDecorators={_breadcrumbs:[{type:t.ContentChildren,args:[a,{descendants:!0}]}],separatorIcon:[{type:t.Input}]};var s=function(){};s.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,r.MatIconModule],declarations:[c,a],exports:[c,a]}]}],e.CovalentBreadcrumbsModule=s,e.TdBreadcrumbComponent=a,e.TdBreadcrumbsComponent=c,Object.defineProperty(e,"__esModule",{value:!0})}));
|
2
|
-
//# sourceMappingURL=covalent-core-breadcrumbs.umd.min.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/platform/core/breadcrumbs/breadcrumb/breadcrumb.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.component.ts","../../../../src/platform/core/breadcrumbs/breadcrumbs.module.ts"],"names":["TdBreadcrumbComponent","_elementRef","_changeDetectorRef","this","_displayCrumb","_width","_displayIcon","_separatorIcon","Object","defineProperty","prototype","separatorIcon","_this","setTimeout","markForCheck","displayIcon","shouldDisplay","undefined","ngAfterViewInit","getBoundingClientRect","width","_handleIconClick","event","stopPropagation","preventDefault","Component","args","selector","template","host","class","changeDetection","ChangeDetectionStrategy","OnPush","ElementRef","ChangeDetectorRef","HostBinding","TdBreadcrumbsComponent","_resizeSubscription","Subscription","EMPTY","_widthSubject","Subject","_resizing","hiddenBreadcrumbs","setCrumbIcons","ngOnInit","merge","fromEvent","window","pipe","debounceTime","asObservable","distinctUntilChanged","subscribe","_calculateVisibility","ngDoCheck","nativeElement","next","nativeElementWidth","ngAfterContentInit","_contentChildrenSub","_breadcrumbs","changes","startWith","ngOnDestroy","unsubscribe","element","style","getComputedStyle","borderLeft","parseInt","borderRight","marginLeft","marginRight","paddingLeft","paddingRight","length","breadcrumbArray_1","toArray","forEach","breadcrumb","index","crumbsArray","crumbWidthSum","hiddenCrumbs","i","displayCrumb","push","ContentChildren","descendants","Input","NgModule","imports","CommonModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["import {\n Component,\n ElementRef,\n HostBinding,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n} from '@angular/core';\n\n@Component({\n selector: 'td-breadcrumb, a[td-breadcrumb]',\n styleUrls: ['./breadcrumb.component.scss'],\n templateUrl: './breadcrumb.component.html',\n /* tslint:disable-next-line */\n host: {\n class: 'mat-button td-breadcrumb',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbComponent implements AfterViewInit {\n private _displayCrumb: boolean = true;\n private _width: number = 0;\n private _displayIcon: boolean = true;\n private _separatorIcon: string = 'chevron_right';\n\n // Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'\n public get separatorIcon(): string {\n return this._separatorIcon;\n }\n public set separatorIcon(separatorIcon: string) {\n this._separatorIcon = separatorIcon;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n // Should show the right chevron or not before the label\n public get displayIcon(): boolean {\n return this._displayIcon;\n }\n public set displayIcon(displayIcon: boolean) {\n this._displayIcon = displayIcon;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n get displayCrumb(): boolean {\n return this._displayCrumb;\n }\n\n /**\n * Whether to display the crumb or not\n */\n set displayCrumb(shouldDisplay: boolean) {\n this._displayCrumb = shouldDisplay;\n setTimeout(() => {\n this._changeDetectorRef.markForCheck();\n });\n }\n\n /**\n * Width of the DOM element of the crumb\n */\n get width(): number {\n return this._width;\n }\n\n /**\n * Gets the display style of the crumb\n */\n @HostBinding('style.display')\n get displayBinding(): string {\n // Set the display to none on the component, just in case the end user is hiding\n // and showing them instead of the component doing itself for reasons like responsive\n return this._displayCrumb ? undefined : 'none';\n }\n\n constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n ngAfterViewInit(): void {\n // set the width from the actual rendered DOM element\n setTimeout(() => {\n this._width = (<HTMLElement>this._elementRef.nativeElement).getBoundingClientRect().width;\n this._changeDetectorRef.markForCheck();\n });\n }\n\n /**\n * Stop click propagation when clicking on icon\n */\n _handleIconClick(event: Event): void {\n event.stopPropagation();\n event.preventDefault();\n }\n}\n","import {\n Component,\n ContentChildren,\n QueryList,\n OnInit,\n OnDestroy,\n ChangeDetectionStrategy,\n AfterContentInit,\n DoCheck,\n ChangeDetectorRef,\n ElementRef,\n Input,\n} from '@angular/core';\n\nimport { Subscription, Subject, fromEvent, merge } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, startWith } from 'rxjs/operators';\n\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@Component({\n selector: 'td-breadcrumbs',\n styleUrls: ['./breadcrumbs.component.scss'],\n templateUrl: './breadcrumbs.component.html',\n /* tslint:disable-next-line */\n host: {\n class: 'td-breadcrumbs',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdBreadcrumbsComponent implements OnInit, DoCheck, AfterContentInit, OnDestroy {\n private _resizeSubscription: Subscription = Subscription.EMPTY;\n private _widthSubject: Subject<number> = new Subject<number>();\n private _contentChildrenSub: Subscription;\n private _resizing: boolean = false;\n private _separatorIcon: string = 'chevron_right';\n\n // all the sub components, which are the individual breadcrumbs\n @ContentChildren(TdBreadcrumbComponent, { descendants: true }) _breadcrumbs: QueryList<TdBreadcrumbComponent>;\n // the list of hidden breadcrumbs not shown right now (responsive)\n hiddenBreadcrumbs: TdBreadcrumbComponent[] = [];\n\n /**\n * Sets the icon url shown between breadcrumbs. Defaults to 'chevron_right'.\n */\n @Input() public set separatorIcon(separatorIcon: string) {\n this._separatorIcon = separatorIcon;\n this.setCrumbIcons();\n }\n public get separatorIcon(): string {\n return this._separatorIcon;\n }\n\n constructor(private _elementRef: ElementRef, private _changeDetectorRef: ChangeDetectorRef) {}\n\n ngOnInit(): void {\n this._resizeSubscription = merge(\n fromEvent(window, 'resize').pipe(debounceTime(10)),\n this._widthSubject.asObservable().pipe(distinctUntilChanged()),\n ).subscribe(() => {\n if (!this._resizing) {\n this._resizing = true;\n setTimeout(() => {\n this._calculateVisibility();\n this._resizing = false;\n this._changeDetectorRef.markForCheck();\n }, 100);\n }\n });\n }\n\n ngDoCheck(): void {\n if (this._elementRef && this._elementRef.nativeElement) {\n this._widthSubject.next(this.nativeElementWidth);\n }\n }\n\n ngAfterContentInit(): void {\n this._contentChildrenSub = this._breadcrumbs.changes.pipe(startWith(this._breadcrumbs)).subscribe(() => {\n this.setCrumbIcons();\n this._changeDetectorRef.markForCheck();\n });\n }\n\n ngOnDestroy(): void {\n this._resizeSubscription.unsubscribe();\n this._contentChildrenSub.unsubscribe();\n }\n\n /*\n * Current width of the element container\n */\n get nativeElementWidth(): number {\n const element: HTMLElement = <HTMLElement>this._elementRef.nativeElement;\n // Need to take into account border, margin and padding that might be around all the crumbs\n const style: CSSStyleDeclaration = window.getComputedStyle(element);\n const borderLeft: number = parseInt(style.borderLeft, 10);\n const borderRight: number = parseInt(style.borderRight, 10);\n const marginLeft: number = parseInt(style.marginLeft, 10);\n const marginRight: number = parseInt(style.marginRight, 10);\n const paddingLeft: number = parseInt(style.paddingLeft, 10);\n const paddingRight: number = parseInt(style.paddingRight, 10);\n\n return (\n element.getBoundingClientRect().width -\n borderLeft -\n borderRight -\n marginLeft -\n marginRight -\n paddingLeft -\n paddingRight\n );\n }\n\n /**\n * The total count of individual breadcrumbs\n */\n get count(): number {\n return this._breadcrumbs ? this._breadcrumbs.length : 0;\n }\n\n /**\n * Set the crumb icon separators\n */\n private setCrumbIcons(): void {\n if (this._breadcrumbs) {\n const breadcrumbArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n breadcrumbArray.forEach((breadcrumb: TdBreadcrumbComponent, index: number) => {\n breadcrumb.separatorIcon = this.separatorIcon;\n // don't show the icon on the last breadcrumb\n breadcrumb.displayIcon = index < breadcrumbArray.length - 1;\n });\n }\n }\n\n private _calculateVisibility(): void {\n const crumbsArray: TdBreadcrumbComponent[] = this._breadcrumbs.toArray();\n let crumbWidthSum: number = 0;\n const hiddenCrumbs: TdBreadcrumbComponent[] = [];\n // loop through crumbs in reverse order to calculate which ones should be removed\n for (let i: number = crumbsArray.length - 1; i >= 0; i--) {\n const breadcrumb: TdBreadcrumbComponent = crumbsArray[i];\n // if crumb exceeds width, then we skip it from the sum and add it into the hiddencrumbs array\n // and hide it\n if (crumbWidthSum + breadcrumb.width > this.nativeElementWidth) {\n breadcrumb.displayCrumb = false;\n hiddenCrumbs.push(breadcrumb);\n } else {\n // else we show it\n breadcrumb.displayCrumb = true;\n }\n crumbWidthSum += breadcrumb.width;\n }\n this.hiddenBreadcrumbs = hiddenCrumbs;\n this._changeDetectorRef.markForCheck();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdBreadcrumbsComponent } from './breadcrumbs.component';\nimport { TdBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\n\n@NgModule({\n imports: [CommonModule, MatIconModule],\n declarations: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n exports: [TdBreadcrumbsComponent, TdBreadcrumbComponent],\n})\nexport class CovalentBreadcrumbsModule {}\n"]}
|