@covalent/core 3.1.2-beta.4 → 4.0.0
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/bundles/covalent-core-side-sheet.umd.js +1458 -0
- package/bundles/covalent-core-side-sheet.umd.js.map +1 -0
- package/bundles/covalent-core-side-sheet.umd.min.js +16 -0
- package/bundles/covalent-core-side-sheet.umd.min.js.map +1 -0
- package/bundles/covalent-core-user-profile.umd.js +1 -9
- package/bundles/covalent-core-user-profile.umd.js.map +1 -1
- package/bundles/covalent-core-user-profile.umd.min.js.map +1 -1
- package/dialogs/_dialog-theme.scss +1 -0
- package/esm2015/side-sheet/covalent-core-side-sheet.js +12 -0
- package/esm2015/side-sheet/index.js +7 -0
- package/esm2015/side-sheet/public-api.js +11 -0
- package/esm2015/side-sheet/side-sheet-container.js +402 -0
- package/esm2015/side-sheet/side-sheet-ref.js +50 -0
- package/esm2015/side-sheet/side-sheet.animation.js +20 -0
- package/esm2015/side-sheet/side-sheet.config.js +12 -0
- package/esm2015/side-sheet/side-sheet.content-directives.js +255 -0
- package/esm2015/side-sheet/side-sheet.js +360 -0
- package/esm2015/side-sheet/side-sheet.module.js +36 -0
- package/esm2015/user-profile/user-profile.module.js +3 -11
- package/fesm2015/covalent-core-side-sheet.js +1134 -0
- package/fesm2015/covalent-core-side-sheet.js.map +1 -0
- package/fesm2015/covalent-core-user-profile.js +1 -9
- package/fesm2015/covalent-core-user-profile.js.map +1 -1
- package/package.json +1 -1
- package/schematics/components.js +1 -14
- package/schematics/components.js.map +1 -1
- package/side-sheet/README.md +66 -0
- package/side-sheet/covalent-core-side-sheet.d.ts +6 -0
- package/side-sheet/covalent-core-side-sheet.metadata.json +1 -0
- package/{chips → side-sheet}/index.d.ts +0 -0
- package/side-sheet/package.json +11 -0
- package/side-sheet/public-api.d.ts +5 -0
- package/side-sheet/side-sheet-container.d.ts +94 -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 +50 -0
- package/side-sheet/side-sheet.d.ts +61 -0
- package/side-sheet/side-sheet.module.d.ts +2 -0
- package/side-sheet/side-sheet.scss +69 -0
- package/side-sheet/side-sheet.theme.scss +8 -0
- package/theming/_all-theme.scss +2 -14
- package/theming/prebuilt/blue-grey-deep-orange.css +5 -249
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
- package/theming/prebuilt/blue-orange.css +5 -249
- package/theming/prebuilt/blue-orange.css.map +1 -1
- package/theming/prebuilt/indigo-pink.css +5 -249
- package/theming/prebuilt/indigo-pink.css.map +1 -1
- package/theming/prebuilt/orange-light-blue.css +5 -249
- package/theming/prebuilt/orange-light-blue.css.map +1 -1
- package/theming/prebuilt/teal-orange.css +5 -249
- package/theming/prebuilt/teal-orange.css.map +1 -1
- package/typography/_all-typography.scss +0 -10
- package/user-profile/covalent-core-user-profile.metadata.json +1 -1
- package/bundles/covalent-core-chips.umd.js +0 -1507
- package/bundles/covalent-core-chips.umd.js.map +0 -1
- package/bundles/covalent-core-chips.umd.min.js +0 -16
- package/bundles/covalent-core-chips.umd.min.js.map +0 -1
- package/bundles/covalent-core-data-table.umd.js +0 -2756
- package/bundles/covalent-core-data-table.umd.js.map +0 -1
- package/bundles/covalent-core-data-table.umd.min.js +0 -16
- package/bundles/covalent-core-data-table.umd.min.js.map +0 -1
- package/bundles/covalent-core-expansion-panel.umd.js +0 -853
- package/bundles/covalent-core-expansion-panel.umd.js.map +0 -1
- package/bundles/covalent-core-expansion-panel.umd.min.js +0 -16
- package/bundles/covalent-core-expansion-panel.umd.min.js.map +0 -1
- package/bundles/covalent-core-loading.umd.js +0 -1534
- package/bundles/covalent-core-loading.umd.js.map +0 -1
- package/bundles/covalent-core-loading.umd.min.js +0 -16
- package/bundles/covalent-core-loading.umd.min.js.map +0 -1
- package/bundles/covalent-core-media.umd.js +0 -749
- package/bundles/covalent-core-media.umd.js.map +0 -1
- package/bundles/covalent-core-media.umd.min.js +0 -16
- package/bundles/covalent-core-media.umd.min.js.map +0 -1
- package/bundles/covalent-core-nav-links.umd.js +0 -197
- package/bundles/covalent-core-nav-links.umd.js.map +0 -1
- package/bundles/covalent-core-nav-links.umd.min.js +0 -2
- package/bundles/covalent-core-nav-links.umd.min.js.map +0 -1
- package/bundles/covalent-core-notifications.umd.js +0 -275
- package/bundles/covalent-core-notifications.umd.js.map +0 -1
- package/bundles/covalent-core-notifications.umd.min.js +0 -2
- package/bundles/covalent-core-notifications.umd.min.js.map +0 -1
- package/bundles/covalent-core-paging.umd.js +0 -491
- package/bundles/covalent-core-paging.umd.js.map +0 -1
- package/bundles/covalent-core-paging.umd.min.js +0 -2
- package/bundles/covalent-core-paging.umd.min.js.map +0 -1
- package/bundles/covalent-core-sidesheet.umd.js +0 -145
- package/bundles/covalent-core-sidesheet.umd.js.map +0 -1
- package/bundles/covalent-core-sidesheet.umd.min.js +0 -2
- package/bundles/covalent-core-sidesheet.umd.min.js.map +0 -1
- package/bundles/covalent-core-steps.umd.js +0 -1756
- package/bundles/covalent-core-steps.umd.js.map +0 -1
- package/bundles/covalent-core-steps.umd.min.js +0 -16
- package/bundles/covalent-core-steps.umd.min.js.map +0 -1
- package/bundles/covalent-core-tab-select.umd.js +0 -732
- package/bundles/covalent-core-tab-select.umd.js.map +0 -1
- package/bundles/covalent-core-tab-select.umd.min.js +0 -16
- package/bundles/covalent-core-tab-select.umd.min.js.map +0 -1
- package/bundles/covalent-core-virtual-scroll.umd.js +0 -785
- package/bundles/covalent-core-virtual-scroll.umd.js.map +0 -1
- package/bundles/covalent-core-virtual-scroll.umd.min.js +0 -16
- package/bundles/covalent-core-virtual-scroll.umd.min.js.map +0 -1
- package/chips/README.md +0 -99
- package/chips/_chips-theme.scss +0 -87
- package/chips/chips.component.d.ts +0 -287
- package/chips/chips.component.scss +0 -147
- package/chips/chips.module.d.ts +0 -2
- package/chips/covalent-core-chips.d.ts +0 -4
- package/chips/covalent-core-chips.metadata.json +0 -1
- package/chips/package.json +0 -11
- package/chips/public-api.d.ts +0 -2
- package/data-table/README.md +0 -134
- package/data-table/_data-table-theme.scss +0 -115
- package/data-table/covalent-core-data-table.d.ts +0 -4
- package/data-table/covalent-core-data-table.metadata.json +0 -1
- package/data-table/data-table-cell/data-table-cell.component.d.ts +0 -22
- package/data-table/data-table-cell/data-table-cell.component.scss +0 -58
- package/data-table/data-table-column/data-table-column.component.d.ts +0 -63
- package/data-table/data-table-column/data-table-column.component.scss +0 -80
- package/data-table/data-table-row/data-table-row.component.d.ts +0 -20
- package/data-table/data-table-row/data-table-row.component.scss +0 -12
- package/data-table/data-table-table/data-table-table.component.d.ts +0 -6
- package/data-table/data-table-table/data-table-table.component.scss +0 -7
- package/data-table/data-table.component.d.ts +0 -356
- package/data-table/data-table.component.scss +0 -93
- package/data-table/data-table.module.d.ts +0 -2
- package/data-table/directives/data-table-template.directive.d.ts +0 -6
- package/data-table/index.d.ts +0 -1
- package/data-table/package.json +0 -11
- package/data-table/public-api.d.ts +0 -8
- package/data-table/services/data-table.service.d.ts +0 -31
- package/esm2015/chips/chips.component.js +0 -1115
- package/esm2015/chips/chips.module.js +0 -23
- package/esm2015/chips/covalent-core-chips.js +0 -10
- package/esm2015/chips/index.js +0 -7
- package/esm2015/chips/public-api.js +0 -8
- package/esm2015/data-table/covalent-core-data-table.js +0 -10
- package/esm2015/data-table/data-table-cell/data-table-cell.component.js +0 -88
- package/esm2015/data-table/data-table-column/data-table-column.component.js +0 -218
- package/esm2015/data-table/data-table-row/data-table-row.component.js +0 -132
- package/esm2015/data-table/data-table-table/data-table-table.component.js +0 -43
- package/esm2015/data-table/data-table.component.js +0 -1640
- package/esm2015/data-table/data-table.module.js +0 -39
- package/esm2015/data-table/directives/data-table-template.directive.js +0 -32
- package/esm2015/data-table/index.js +0 -7
- package/esm2015/data-table/public-api.js +0 -14
- package/esm2015/data-table/services/data-table.service.js +0 -116
- package/esm2015/expansion-panel/covalent-core-expansion-panel.js +0 -10
- package/esm2015/expansion-panel/expansion-panel-group.component.js +0 -212
- package/esm2015/expansion-panel/expansion-panel.component.js +0 -272
- package/esm2015/expansion-panel/expansion-panel.module.js +0 -31
- package/esm2015/expansion-panel/index.js +0 -7
- package/esm2015/expansion-panel/public-api.js +0 -9
- package/esm2015/loading/covalent-core-loading.js +0 -10
- package/esm2015/loading/directives/loading.directive.js +0 -231
- package/esm2015/loading/index.js +0 -7
- package/esm2015/loading/loading.component.js +0 -302
- package/esm2015/loading/loading.module.js +0 -30
- package/esm2015/loading/public-api.js +0 -11
- package/esm2015/loading/services/loading.factory.js +0 -297
- package/esm2015/loading/services/loading.service.js +0 -319
- package/esm2015/media/covalent-core-media.js +0 -10
- package/esm2015/media/directives/media-toggle.directive.js +0 -207
- package/esm2015/media/index.js +0 -7
- package/esm2015/media/media.module.js +0 -20
- package/esm2015/media/public-api.js +0 -9
- package/esm2015/media/services/media.service.js +0 -169
- package/esm2015/nav-links/covalent-core-nav-links.js +0 -10
- package/esm2015/nav-links/index.js +0 -7
- package/esm2015/nav-links/nav-links.component.js +0 -138
- package/esm2015/nav-links/nav-links.module.js +0 -37
- package/esm2015/nav-links/public-api.js +0 -8
- package/esm2015/notifications/covalent-core-notifications.js +0 -10
- package/esm2015/notifications/index.js +0 -7
- package/esm2015/notifications/notification-count.component.js +0 -191
- package/esm2015/notifications/notifications.module.js +0 -20
- package/esm2015/notifications/public-api.js +0 -8
- package/esm2015/paging/covalent-core-paging.js +0 -10
- package/esm2015/paging/index.js +0 -7
- package/esm2015/paging/paging-bar.component.js +0 -412
- package/esm2015/paging/paging.module.js +0 -20
- package/esm2015/paging/public-api.js +0 -8
- package/esm2015/sidesheet/covalent-core-sidesheet.js +0 -10
- package/esm2015/sidesheet/index.js +0 -7
- package/esm2015/sidesheet/public-api.js +0 -8
- package/esm2015/sidesheet/sidesheet.component.js +0 -72
- package/esm2015/sidesheet/sidesheet.module.js +0 -27
- package/esm2015/steps/covalent-core-steps.js +0 -10
- package/esm2015/steps/index.js +0 -7
- package/esm2015/steps/nav/nav-step-link/nav-step-link.component.js +0 -144
- package/esm2015/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.js +0 -371
- package/esm2015/steps/nav/nav-steps-vertical/nav-steps-vertical.component.js +0 -130
- package/esm2015/steps/public-api.js +0 -14
- package/esm2015/steps/step-body/step-body.component.js +0 -83
- package/esm2015/steps/step-header/step-header.component.js +0 -79
- package/esm2015/steps/step.component.js +0 -312
- package/esm2015/steps/steps.component.js +0 -234
- package/esm2015/steps/steps.module.js +0 -44
- package/esm2015/tab-select/covalent-core-tab-select.js +0 -10
- package/esm2015/tab-select/index.js +0 -7
- package/esm2015/tab-select/public-api.js +0 -9
- package/esm2015/tab-select/tab-option.component.js +0 -82
- package/esm2015/tab-select/tab-select.component.js +0 -291
- package/esm2015/tab-select/tab-select.module.js +0 -31
- package/esm2015/virtual-scroll/covalent-core-virtual-scroll.js +0 -10
- package/esm2015/virtual-scroll/index.js +0 -7
- package/esm2015/virtual-scroll/public-api.js +0 -9
- package/esm2015/virtual-scroll/virtual-scroll-container.component.js +0 -391
- package/esm2015/virtual-scroll/virtual-scroll-row.directive.js +0 -25
- package/esm2015/virtual-scroll/virtual-scroll.module.js +0 -21
- package/expansion-panel/README.md +0 -116
- package/expansion-panel/_expansion-panel-theme.scss +0 -80
- package/expansion-panel/covalent-core-expansion-panel.d.ts +0 -4
- package/expansion-panel/covalent-core-expansion-panel.metadata.json +0 -1
- package/expansion-panel/expansion-panel-group.component.d.ts +0 -31
- package/expansion-panel/expansion-panel-group.component.scss +0 -0
- package/expansion-panel/expansion-panel.component.d.ts +0 -82
- package/expansion-panel/expansion-panel.component.scss +0 -50
- package/expansion-panel/expansion-panel.module.d.ts +0 -2
- package/expansion-panel/index.d.ts +0 -1
- package/expansion-panel/package.json +0 -11
- package/expansion-panel/public-api.d.ts +0 -3
- package/fesm2015/covalent-core-chips.js +0 -1151
- package/fesm2015/covalent-core-chips.js.map +0 -1
- package/fesm2015/covalent-core-data-table.js +0 -2309
- package/fesm2015/covalent-core-data-table.js.map +0 -1
- package/fesm2015/covalent-core-expansion-panel.js +0 -528
- package/fesm2015/covalent-core-expansion-panel.js.map +0 -1
- package/fesm2015/covalent-core-loading.js +0 -1179
- package/fesm2015/covalent-core-loading.js.map +0 -1
- package/fesm2015/covalent-core-media.js +0 -411
- package/fesm2015/covalent-core-media.js.map +0 -1
- package/fesm2015/covalent-core-nav-links.js +0 -193
- package/fesm2015/covalent-core-nav-links.js.map +0 -1
- package/fesm2015/covalent-core-notifications.js +0 -228
- package/fesm2015/covalent-core-notifications.js.map +0 -1
- package/fesm2015/covalent-core-paging.js +0 -451
- package/fesm2015/covalent-core-paging.js.map +0 -1
- package/fesm2015/covalent-core-sidesheet.js +0 -118
- package/fesm2015/covalent-core-sidesheet.js.map +0 -1
- package/fesm2015/covalent-core-steps.js +0 -1384
- package/fesm2015/covalent-core-steps.js.map +0 -1
- package/fesm2015/covalent-core-tab-select.js +0 -416
- package/fesm2015/covalent-core-tab-select.js.map +0 -1
- package/fesm2015/covalent-core-virtual-scroll.js +0 -453
- package/fesm2015/covalent-core-virtual-scroll.js.map +0 -1
- package/loading/README.md +0 -180
- package/loading/_loading-theme.scss +0 -10
- package/loading/covalent-core-loading.d.ts +0 -4
- package/loading/covalent-core-loading.metadata.json +0 -1
- package/loading/directives/loading.directive.d.ts +0 -71
- package/loading/index.d.ts +0 -1
- package/loading/loading.component.d.ts +0 -87
- package/loading/loading.component.scss +0 -42
- package/loading/loading.module.d.ts +0 -2
- package/loading/package.json +0 -11
- package/loading/public-api.d.ts +0 -5
- package/loading/services/loading.factory.d.ts +0 -66
- package/loading/services/loading.service.d.ts +0 -118
- package/media/covalent-core-media.d.ts +0 -4
- package/media/covalent-core-media.metadata.json +0 -1
- package/media/directives/media-toggle.directive.d.ts +0 -42
- package/media/index.d.ts +0 -1
- package/media/media.module.d.ts +0 -2
- package/media/package.json +0 -11
- package/media/public-api.d.ts +0 -3
- package/media/services/media.service.d.ts +0 -31
- package/nav-links/README.md +0 -1
- package/nav-links/covalent-core-nav-links.d.ts +0 -4
- package/nav-links/covalent-core-nav-links.metadata.json +0 -1
- package/nav-links/index.d.ts +0 -1
- package/nav-links/nav-links.component.d.ts +0 -51
- package/nav-links/nav-links.component.scss +0 -15
- package/nav-links/nav-links.module.d.ts +0 -2
- package/nav-links/package.json +0 -11
- package/nav-links/public-api.d.ts +0 -2
- package/notifications/README.md +0 -69
- package/notifications/_notification-count-theme.scss +0 -27
- package/notifications/covalent-core-notifications.d.ts +0 -4
- package/notifications/covalent-core-notifications.metadata.json +0 -1
- package/notifications/index.d.ts +0 -1
- package/notifications/notification-count.component.d.ts +0 -74
- package/notifications/notification-count.component.scss +0 -90
- package/notifications/notifications.module.d.ts +0 -2
- package/notifications/package.json +0 -11
- package/notifications/public-api.d.ts +0 -2
- package/paging/README.md +0 -141
- package/paging/_paging-bar-theme.scss +0 -26
- package/paging/covalent-core-paging.d.ts +0 -4
- package/paging/covalent-core-paging.metadata.json +0 -1
- package/paging/index.d.ts +0 -1
- package/paging/package.json +0 -11
- package/paging/paging-bar.component.d.ts +0 -115
- package/paging/paging-bar.component.scss +0 -23
- package/paging/paging.module.d.ts +0 -2
- package/paging/public-api.d.ts +0 -2
- package/sidesheet/README.md +0 -68
- package/sidesheet/covalent-core-sidesheet.d.ts +0 -4
- package/sidesheet/covalent-core-sidesheet.metadata.json +0 -1
- package/sidesheet/index.d.ts +0 -1
- package/sidesheet/package.json +0 -11
- package/sidesheet/public-api.d.ts +0 -2
- package/sidesheet/sidesheet.component.d.ts +0 -13
- package/sidesheet/sidesheet.component.scss +0 -101
- package/sidesheet/sidesheet.module.d.ts +0 -2
- package/steps/README.md +0 -159
- package/steps/_steps-theme.scss +0 -108
- package/steps/covalent-core-steps.d.ts +0 -4
- package/steps/covalent-core-steps.metadata.json +0 -1
- package/steps/index.d.ts +0 -1
- package/steps/nav/README.md +0 -90
- package/steps/nav/nav-step-link/nav-step-link.component.d.ts +0 -42
- package/steps/nav/nav-step-link/nav-step-link.component.scss +0 -17
- package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.d.ts +0 -79
- package/steps/nav/nav-steps-horizontal/nav-steps-horizontal.component.scss +0 -83
- package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.d.ts +0 -18
- package/steps/nav/nav-steps-vertical/nav-steps-vertical.component.scss +0 -18
- package/steps/package.json +0 -11
- package/steps/public-api.d.ts +0 -8
- package/steps/step-body/step-body.component.d.ts +0 -25
- package/steps/step-body/step-body.component.scss +0 -29
- package/steps/step-header/step-header.component.d.ts +0 -35
- package/steps/step-header/step-header.component.scss +0 -90
- package/steps/step.component.d.ts +0 -97
- package/steps/steps.component.d.ts +0 -60
- package/steps/steps.component.scss +0 -55
- package/steps/steps.module.d.ts +0 -2
- package/tab-select/README.md +0 -93
- package/tab-select/covalent-core-tab-select.d.ts +0 -4
- package/tab-select/covalent-core-tab-select.metadata.json +0 -1
- package/tab-select/index.d.ts +0 -1
- package/tab-select/package.json +0 -11
- package/tab-select/public-api.d.ts +0 -3
- package/tab-select/tab-option.component.d.ts +0 -20
- package/tab-select/tab-option.component.scss +0 -0
- package/tab-select/tab-select.component.d.ts +0 -62
- package/tab-select/tab-select.component.scss +0 -3
- package/tab-select/tab-select.module.d.ts +0 -2
- package/virtual-scroll/README.md +0 -68
- package/virtual-scroll/covalent-core-virtual-scroll.d.ts +0 -4
- package/virtual-scroll/covalent-core-virtual-scroll.metadata.json +0 -1
- package/virtual-scroll/index.d.ts +0 -1
- package/virtual-scroll/package.json +0 -11
- package/virtual-scroll/public-api.d.ts +0 -3
- package/virtual-scroll/virtual-scroll-container.component.d.ts +0 -73
- package/virtual-scroll/virtual-scroll-container.component.scss +0 -7
- package/virtual-scroll/virtual-scroll-row.directive.d.ts +0 -5
- package/virtual-scroll/virtual-scroll.module.d.ts +0 -2
@@ -1,193 +0,0 @@
|
|
1
|
-
import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
|
2
|
-
import { CommonModule } from '@angular/common';
|
3
|
-
import { RouterModule } from '@angular/router';
|
4
|
-
import { MatRippleModule } from '@angular/material/core';
|
5
|
-
import { MatListModule } from '@angular/material/list';
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
7
|
-
import { MatDividerModule } from '@angular/material/divider';
|
8
|
-
import { MatMenuModule } from '@angular/material/menu';
|
9
|
-
import { tdCollapseAnimation, tdRotateAnimation, CovalentCommonModule } from '@covalent/core/common';
|
10
|
-
import { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';
|
11
|
-
|
12
|
-
/**
|
13
|
-
* @fileoverview added by tsickle
|
14
|
-
* Generated from: nav-links.component.ts
|
15
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
16
|
-
*/
|
17
|
-
/**
|
18
|
-
* @record
|
19
|
-
*/
|
20
|
-
function ITdNavNode() { }
|
21
|
-
if (false) {
|
22
|
-
/** @type {?} */
|
23
|
-
ITdNavNode.prototype.label;
|
24
|
-
/** @type {?|undefined} */
|
25
|
-
ITdNavNode.prototype.show;
|
26
|
-
}
|
27
|
-
/**
|
28
|
-
* @record
|
29
|
-
*/
|
30
|
-
function ITdNavHeader() { }
|
31
|
-
if (false) {
|
32
|
-
/** @type {?} */
|
33
|
-
ITdNavHeader.prototype.children;
|
34
|
-
}
|
35
|
-
/**
|
36
|
-
* @record
|
37
|
-
*/
|
38
|
-
function ITdNavExpansion() { }
|
39
|
-
if (false) {
|
40
|
-
/** @type {?|undefined} */
|
41
|
-
ITdNavExpansion.prototype.collapsable;
|
42
|
-
}
|
43
|
-
/**
|
44
|
-
* @record
|
45
|
-
*/
|
46
|
-
function ITdLink() { }
|
47
|
-
if (false) {
|
48
|
-
/** @type {?} */
|
49
|
-
ITdLink.prototype.link;
|
50
|
-
/** @type {?} */
|
51
|
-
ITdLink.prototype.icon;
|
52
|
-
}
|
53
|
-
/** @type {?} */
|
54
|
-
let nextUniqueId = 0;
|
55
|
-
class TdNavLinksComponent {
|
56
|
-
constructor() {
|
57
|
-
this._uniqueId = `td-nav-links-${++nextUniqueId}`;
|
58
|
-
this._collapsedSet = new Set();
|
59
|
-
this.id = this._uniqueId;
|
60
|
-
/**
|
61
|
-
* Event trigger after a navigation click
|
62
|
-
*/
|
63
|
-
this.afterNavigation = new EventEmitter();
|
64
|
-
}
|
65
|
-
/**
|
66
|
-
* @param {?} link
|
67
|
-
* @return {?}
|
68
|
-
*/
|
69
|
-
_linkClicked(link) {
|
70
|
-
this.afterNavigation.emit(link);
|
71
|
-
}
|
72
|
-
/**
|
73
|
-
* @param {?} link
|
74
|
-
* @return {?}
|
75
|
-
*/
|
76
|
-
_href(link) {
|
77
|
-
return link.link && ((/** @type {?} */ (link.link))).href;
|
78
|
-
}
|
79
|
-
/**
|
80
|
-
* @param {?} link
|
81
|
-
* @return {?}
|
82
|
-
*/
|
83
|
-
_routerLink(link) {
|
84
|
-
return link.link && ((/** @type {?} */ (link.link))).routerLink;
|
85
|
-
}
|
86
|
-
/**
|
87
|
-
* @param {?} link
|
88
|
-
* Toggles expand/collapse state of expansion link.
|
89
|
-
* Only applied when `collapsable` is true
|
90
|
-
* @return {?}
|
91
|
-
*/
|
92
|
-
_toggle(link) {
|
93
|
-
if (this._isCollapsed(link)) {
|
94
|
-
this._collapsedSet.delete(link);
|
95
|
-
}
|
96
|
-
else {
|
97
|
-
this._collapsedSet.add(link);
|
98
|
-
}
|
99
|
-
}
|
100
|
-
/**
|
101
|
-
* @param {?} link
|
102
|
-
* Returns true if the state of provided expansion link is collapsed.
|
103
|
-
* @return {?}
|
104
|
-
*/
|
105
|
-
_isCollapsed(link) {
|
106
|
-
return this._collapsedSet.has(link);
|
107
|
-
}
|
108
|
-
}
|
109
|
-
TdNavLinksComponent.decorators = [
|
110
|
-
{ type: Component, args: [{
|
111
|
-
selector: 'td-nav-links',
|
112
|
-
template: "<mat-nav-list dense *ngIf=\"links && links.length > 0\">\n <ng-template ngFor [ngForOf]=\"links\" let-link let-linkIndex=\"index\">\n <ng-container *ngIf=\"link.show === undefined || link.show\">\n <ng-container *ngIf=\"link.children?.length && !link.link\">\n <h3\n [class.td-nav-link-cursor]=\"link.collapsable\"\n matSubheader\n matRipple\n [matRippleDisabled]=\"!link.collapsable\"\n (click)=\"link.collapsable && _toggle(link)\"\n >\n <mat-icon *ngIf=\"link.icon\" [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span [style.width.%]=\"100\">{{ link.label }}</span>\n <mat-icon [@tdRotate]=\"!_isCollapsed(link)\" *ngIf=\"link.collapsable\">keyboard_arrow_down</mat-icon>\n </h3>\n <td-nav-links\n [id]=\"id + '-' + linkIndex\"\n [@tdCollapse]=\"!!_isCollapsed(link)\"\n [links]=\"link.children\"\n ></td-nav-links>\n </ng-container>\n <ng-container *ngIf=\"link.link\">\n <a\n mat-list-item\n *ngIf=\"_href(link)\"\n [href]=\"_href(link)\"\n [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n id=\"{{ id }}-{{ linkIndex }}\"\n class=\"td-nav-link\"\n (click)=\"_linkClicked(link)\"\n >\n <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span matLine>{{ link.label }}</span>\n <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n </a>\n <a\n mat-list-item\n *ngIf=\"_routerLink(link)\"\n [routerLink]=\"_routerLink(link)\"\n [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n id=\"{{ id }}-{{ linkIndex }}\"\n class=\"td-nav-link\"\n (click)=\"_linkClicked(link)\"\n >\n <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n <span matLine>{{ link.label }}</span>\n <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n </a>\n </ng-container>\n </ng-container>\n </ng-template>\n</mat-nav-list>\n",
|
113
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
114
|
-
animations: [tdCollapseAnimation, tdRotateAnimation],
|
115
|
-
styles: [":host{display:block}:host .mat-nav-list.mat-list-base{padding-top:2px}:host .mat-nav-list.mat-list-base .td-nav-link-cursor{cursor:pointer}:host .mat-nav-list.mat-list-base .mat-list-item{height:40px}:host .mat-icon{margin-right:0}"]
|
116
|
-
}] }
|
117
|
-
];
|
118
|
-
TdNavLinksComponent.propDecorators = {
|
119
|
-
id: [{ type: Input }],
|
120
|
-
links: [{ type: Input }],
|
121
|
-
afterNavigation: [{ type: Output }]
|
122
|
-
};
|
123
|
-
if (false) {
|
124
|
-
/**
|
125
|
-
* @type {?}
|
126
|
-
* @private
|
127
|
-
*/
|
128
|
-
TdNavLinksComponent.prototype._uniqueId;
|
129
|
-
/**
|
130
|
-
* @type {?}
|
131
|
-
* @private
|
132
|
-
*/
|
133
|
-
TdNavLinksComponent.prototype._collapsedSet;
|
134
|
-
/** @type {?} */
|
135
|
-
TdNavLinksComponent.prototype.id;
|
136
|
-
/**
|
137
|
-
* Links to be rendered by component.
|
138
|
-
* @type {?}
|
139
|
-
*/
|
140
|
-
TdNavLinksComponent.prototype.links;
|
141
|
-
/**
|
142
|
-
* Event trigger after a navigation click
|
143
|
-
* @type {?}
|
144
|
-
*/
|
145
|
-
TdNavLinksComponent.prototype.afterNavigation;
|
146
|
-
}
|
147
|
-
|
148
|
-
/**
|
149
|
-
* @fileoverview added by tsickle
|
150
|
-
* Generated from: nav-links.module.ts
|
151
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
152
|
-
*/
|
153
|
-
class CovalentNavLinksModule {
|
154
|
-
}
|
155
|
-
CovalentNavLinksModule.decorators = [
|
156
|
-
{ type: NgModule, args: [{
|
157
|
-
declarations: [TdNavLinksComponent],
|
158
|
-
// directives, components, and pipes owned by this NgModule
|
159
|
-
exports: [TdNavLinksComponent],
|
160
|
-
imports: [
|
161
|
-
CommonModule,
|
162
|
-
CovalentCommonModule,
|
163
|
-
CovalentExpansionPanelModule,
|
164
|
-
MatRippleModule,
|
165
|
-
MatMenuModule,
|
166
|
-
MatListModule,
|
167
|
-
MatIconModule,
|
168
|
-
MatDividerModule,
|
169
|
-
RouterModule,
|
170
|
-
],
|
171
|
-
},] }
|
172
|
-
];
|
173
|
-
|
174
|
-
/**
|
175
|
-
* @fileoverview added by tsickle
|
176
|
-
* Generated from: public-api.ts
|
177
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
178
|
-
*/
|
179
|
-
|
180
|
-
/**
|
181
|
-
* @fileoverview added by tsickle
|
182
|
-
* Generated from: index.ts
|
183
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
184
|
-
*/
|
185
|
-
|
186
|
-
/**
|
187
|
-
* @fileoverview added by tsickle
|
188
|
-
* Generated from: covalent-core-nav-links.ts
|
189
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
190
|
-
*/
|
191
|
-
|
192
|
-
export { CovalentNavLinksModule, TdNavLinksComponent };
|
193
|
-
//# sourceMappingURL=covalent-core-nav-links.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"covalent-core-nav-links.js","sources":["../../../../src/platform/core/nav-links/nav-links.component.ts","../../../../src/platform/core/nav-links/nav-links.module.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\nimport { tdCollapseAnimation, tdRotateAnimation } from '@covalent/core/common';\n\nexport interface ITdNavNode {\n label: string;\n show?: boolean;\n}\n\nexport interface ITdNavHeader extends ITdNavNode {\n children: ITdLink[];\n}\n\nexport interface ITdNavExpansion extends ITdNavHeader {\n collapsable?: boolean;\n}\n\nexport interface ITdLink extends ITdNavNode {\n link: { href: string; openInNewTab?: boolean } | { routerLink: string | string[]; openInNewTab?: boolean };\n icon: { fontSet?: string; name: string };\n}\n\nlet nextUniqueId: number = 0;\n\n@Component({\n selector: 'td-nav-links',\n templateUrl: './nav-links.component.html',\n styleUrls: ['./nav-links.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [tdCollapseAnimation, tdRotateAnimation],\n})\nexport class TdNavLinksComponent {\n private _uniqueId: string = `td-nav-links-${++nextUniqueId}`;\n\n private _collapsedSet: Set<ITdNavExpansion> = new Set<ITdNavExpansion>();\n\n @Input() id: string = this._uniqueId;\n\n /**\n * Links to be rendered by component.\n */\n /* tslint:disable-next-line */\n @Input() links: Array<ITdNavExpansion | ITdNavHeader | ITdLink>;\n\n /**\n * Event trigger after a navigation click\n */\n @Output() afterNavigation: EventEmitter<ITdLink> = new EventEmitter<ITdLink>();\n\n _linkClicked(link: ITdLink): void {\n this.afterNavigation.emit(link);\n }\n\n _href(link: ITdLink): string {\n return link.link && (<{ href?: string }>link.link).href;\n }\n\n _routerLink(link: ITdLink): string | string[] {\n return link.link && (<{ routerLink?: string | string[] }>link.link).routerLink;\n }\n\n /**\n * @param link\n * Toggles expand/collapse state of expansion link.\n * Only applied when `collapsable` is true\n */\n _toggle(link: ITdNavExpansion): void {\n if (this._isCollapsed(link)) {\n this._collapsedSet.delete(link);\n } else {\n this._collapsedSet.add(link);\n }\n }\n\n /**\n * @param link\n * Returns true if the state of provided expansion link is collapsed.\n */\n _isCollapsed(link: ITdNavExpansion): boolean {\n return this._collapsedSet.has(link);\n }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { CovalentCommonModule } from '@covalent/core/common';\nimport { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';\n\nimport { TdNavLinksComponent } from './nav-links.component';\n\n@NgModule({\n declarations: [TdNavLinksComponent], // directives, components, and pipes owned by this NgModule\n exports: [TdNavLinksComponent],\n imports: [\n CommonModule,\n CovalentCommonModule,\n CovalentExpansionPanelModule,\n MatRippleModule,\n MatMenuModule,\n MatListModule,\n MatIconModule,\n MatDividerModule,\n RouterModule,\n ], // modules needed to run this module\n})\nexport class CovalentNavLinksModule {}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;yBAOC;;;IAFC,2BAAc;;IACd,0BAAe;;;;;2BAKhB;;;IADC,gCAAoB;;;;;8BAKrB;;;IADC,sCAAsB;;;;;sBAMvB;;;IAFC,uBAA2G;;IAC3G,uBAAyC;;;IAGvC,YAAY,GAAW,CAAC;MASf,mBAAmB;IAPhC;QAQU,cAAS,GAAW,gBAAgB,EAAE,YAAY,EAAE,CAAC;QAErD,kBAAa,GAAyB,IAAI,GAAG,EAAmB,CAAC;QAEhE,OAAE,GAAW,IAAI,CAAC,SAAS,CAAC;;;;QAW3B,oBAAe,GAA0B,IAAI,YAAY,EAAW,CAAC;KAkChF;;;;;IAhCC,YAAY,CAAC,IAAa;QACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACjC;;;;;IAED,KAAK,CAAC,IAAa;QACjB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAoB,IAAI,CAAC,IAAI,IAAE,IAAI,CAAC;KACzD;;;;;IAED,WAAW,CAAC,IAAa;QACvB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAqC,IAAI,CAAC,IAAI,IAAE,UAAU,CAAC;KAChF;;;;;;;IAOD,OAAO,CAAC,IAAqB;QAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;;;;;;IAMD,YAAY,CAAC,IAAqB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACrC;;;YAxDF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;gBACxB,0rEAAyC;gBAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,UAAU,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;aACrD;;;iBAME,KAAK;oBAML,KAAK;8BAKL,MAAM;;;;;;;IAfP,wCAA6D;;;;;IAE7D,4CAAyE;;IAEzE,iCAAqC;;;;;IAMrC,oCAAgE;;;;;IAKhE,8CAA+E;;;;;;;;MChBpE,sBAAsB;;;YAflC,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;;gBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;gBAC9B,OAAO,EAAE;oBACP,YAAY;oBACZ,oBAAoB;oBACpB,4BAA4B;oBAC5B,eAAe;oBACf,aAAa;oBACb,aAAa;oBACb,aAAa;oBACb,gBAAgB;oBAChB,YAAY;iBACb;aACF;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -1,228 +0,0 @@
|
|
1
|
-
import { Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
|
2
|
-
import { CommonModule } from '@angular/common';
|
3
|
-
|
4
|
-
/**
|
5
|
-
* @fileoverview added by tsickle
|
6
|
-
* Generated from: notification-count.component.ts
|
7
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
8
|
-
*/
|
9
|
-
/** @enum {string} */
|
10
|
-
const TdNotificationCountPositionY = {
|
11
|
-
Top: "top",
|
12
|
-
Bottom: "bottom",
|
13
|
-
Center: "center",
|
14
|
-
};
|
15
|
-
/** @enum {string} */
|
16
|
-
const TdNotificationCountPositionX = {
|
17
|
-
Before: "before",
|
18
|
-
After: "after",
|
19
|
-
Center: "center",
|
20
|
-
};
|
21
|
-
/** @type {?} */
|
22
|
-
const DEFAULT_NOTIFICATION_LIMIT = 99;
|
23
|
-
class TdNotificationCountComponent {
|
24
|
-
constructor() {
|
25
|
-
this._notifications = 0;
|
26
|
-
this._limit = DEFAULT_NOTIFICATION_LIMIT;
|
27
|
-
/**
|
28
|
-
* color?: "primary" | "accent" | "warn"
|
29
|
-
* Sets the theme color of the notification tip. Defaults to "warn"
|
30
|
-
*/
|
31
|
-
this.color = 'warn';
|
32
|
-
}
|
33
|
-
/**
|
34
|
-
* positionX?: TdNotificationCountPositionX or "before" | "after" | "center"
|
35
|
-
* Sets the X position of the notification tip.
|
36
|
-
* Defaults to "after" if it has content, else 'center'.
|
37
|
-
* @param {?} positionX
|
38
|
-
* @return {?}
|
39
|
-
*/
|
40
|
-
set positionX(positionX) {
|
41
|
-
this._positionX = positionX;
|
42
|
-
}
|
43
|
-
/**
|
44
|
-
* @return {?}
|
45
|
-
*/
|
46
|
-
get positionX() {
|
47
|
-
return this._positionX;
|
48
|
-
}
|
49
|
-
/**
|
50
|
-
* positionY?: TdNotificationCountPositionY or "top" | "bottom" | "center"
|
51
|
-
* Sets the Y position of the notification tip.
|
52
|
-
* Defaults to "top" if it has content, else 'center'.
|
53
|
-
* @param {?} positionY
|
54
|
-
* @return {?}
|
55
|
-
*/
|
56
|
-
set positionY(positionY) {
|
57
|
-
this._positionY = positionY;
|
58
|
-
}
|
59
|
-
/**
|
60
|
-
* @return {?}
|
61
|
-
*/
|
62
|
-
get positionY() {
|
63
|
-
return this._positionY;
|
64
|
-
}
|
65
|
-
/**
|
66
|
-
* notifications?: number | boolean
|
67
|
-
* Number for the notification count. Shows component only if the input is a positive number or 'true'
|
68
|
-
* @param {?} notifications
|
69
|
-
* @return {?}
|
70
|
-
*/
|
71
|
-
set notifications(notifications) {
|
72
|
-
this._notifications = notifications;
|
73
|
-
}
|
74
|
-
/**
|
75
|
-
* limit?: number
|
76
|
-
* Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.
|
77
|
-
* @param {?} limit
|
78
|
-
* @return {?}
|
79
|
-
*/
|
80
|
-
set limit(limit) {
|
81
|
-
this._limit = limit;
|
82
|
-
}
|
83
|
-
/**
|
84
|
-
* @return {?}
|
85
|
-
*/
|
86
|
-
get hideHost() {
|
87
|
-
return !this.show && !this._hasContent();
|
88
|
-
}
|
89
|
-
/**
|
90
|
-
* Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
|
91
|
-
* Makes the notification tip show without a count.
|
92
|
-
* @return {?}
|
93
|
-
*/
|
94
|
-
get noCount() {
|
95
|
-
return this._notifications === true;
|
96
|
-
}
|
97
|
-
/**
|
98
|
-
* Notification display string when a count is available.
|
99
|
-
* Anything over 99 gets set as 99+
|
100
|
-
* @return {?}
|
101
|
-
*/
|
102
|
-
get notificationsDisplay() {
|
103
|
-
if (this._notifications > this._limit) {
|
104
|
-
return `${this._limit}+`;
|
105
|
-
}
|
106
|
-
return this._notifications.toString();
|
107
|
-
}
|
108
|
-
/**
|
109
|
-
* Shows notification tip only when [notifications] is true or a positive integer.
|
110
|
-
* @return {?}
|
111
|
-
*/
|
112
|
-
get show() {
|
113
|
-
return this._notifications === true || (!isNaN((/** @type {?} */ (this._notifications))) && this._notifications > 0);
|
114
|
-
}
|
115
|
-
/**
|
116
|
-
* Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
|
117
|
-
* @return {?}
|
118
|
-
*/
|
119
|
-
ngAfterContentInit() {
|
120
|
-
if (!this._positionX) {
|
121
|
-
this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;
|
122
|
-
}
|
123
|
-
if (!this._positionY) {
|
124
|
-
this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;
|
125
|
-
}
|
126
|
-
}
|
127
|
-
/**
|
128
|
-
* Method to check if element has any kind of content (elements or text)
|
129
|
-
* @private
|
130
|
-
* @return {?}
|
131
|
-
*/
|
132
|
-
_hasContent() {
|
133
|
-
if (this.content) {
|
134
|
-
/** @type {?} */
|
135
|
-
const contentElement = this.content.nativeElement;
|
136
|
-
return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());
|
137
|
-
}
|
138
|
-
return false;
|
139
|
-
}
|
140
|
-
}
|
141
|
-
TdNotificationCountComponent.decorators = [
|
142
|
-
{ type: Component, args: [{
|
143
|
-
selector: 'td-notification-count',
|
144
|
-
template: "<div #content class=\"td-notification-content\">\n <ng-content></ng-content>\n</div>\n<div\n *ngIf=\"show\"\n class=\"td-notification-count mat-{{ color }}\"\n [class.td-notification-top]=\"positionY === 'top'\"\n [class.td-notification-bottom]=\"positionY === 'bottom'\"\n [class.td-notification-before]=\"positionX === 'before'\"\n [class.td-notification-after]=\"positionX === 'after'\"\n [class.td-notification-center-y]=\"positionY === 'center'\"\n [class.td-notification-center-x]=\"positionX === 'center'\"\n [class.td-notification-no-count]=\"noCount\"\n>\n {{ noCount ? '' : notificationsDisplay }}\n</div>\n",
|
145
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
146
|
-
styles: [":host{display:block;height:40px;min-width:40px;position:relative;text-align:center}:host.td-notification-hidden{min-width:0}.td-notification-count{border-radius:50%;font-size:10px;font-weight:600;height:20px;line-height:21px;position:absolute;width:20px;z-index:1}.td-notification-count.td-notification-center-x{left:0;margin-left:auto;margin-right:auto;right:0}.td-notification-count.td-notification-center-y{bottom:0;margin-bottom:auto;margin-top:auto;top:0}.td-notification-count.td-notification-top{top:0}.td-notification-count.td-notification-bottom{bottom:0}.td-notification-count.td-notification-before{left:0}.td-notification-count.td-notification-after{right:0}.td-notification-count.td-notification-no-count{height:8px;width:8px}.td-notification-count.td-notification-no-count.td-notification-top{top:8px}.td-notification-count.td-notification-no-count.td-notification-bottom{bottom:8px}.td-notification-count.td-notification-no-count.td-notification-before{left:8px}.td-notification-count.td-notification-no-count.td-notification-after{right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-before{left:auto;right:0}::ng-deep [dir=rtl] .td-notification-count.td-notification-after{left:0;right:auto}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-before{left:auto;right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-after{left:8px;right:auto}.td-notification-content,.td-notification-content ::ng-deep>*{line-height:40px}"]
|
147
|
-
}] }
|
148
|
-
];
|
149
|
-
TdNotificationCountComponent.propDecorators = {
|
150
|
-
content: [{ type: ViewChild, args: ['content', { static: true },] }],
|
151
|
-
color: [{ type: Input }],
|
152
|
-
positionX: [{ type: Input }],
|
153
|
-
positionY: [{ type: Input }],
|
154
|
-
notifications: [{ type: Input }],
|
155
|
-
limit: [{ type: Input }],
|
156
|
-
hideHost: [{ type: HostBinding, args: ['class.td-notification-hidden',] }]
|
157
|
-
};
|
158
|
-
if (false) {
|
159
|
-
/**
|
160
|
-
* @type {?}
|
161
|
-
* @private
|
162
|
-
*/
|
163
|
-
TdNotificationCountComponent.prototype._notifications;
|
164
|
-
/**
|
165
|
-
* @type {?}
|
166
|
-
* @private
|
167
|
-
*/
|
168
|
-
TdNotificationCountComponent.prototype._positionY;
|
169
|
-
/**
|
170
|
-
* @type {?}
|
171
|
-
* @private
|
172
|
-
*/
|
173
|
-
TdNotificationCountComponent.prototype._positionX;
|
174
|
-
/**
|
175
|
-
* @type {?}
|
176
|
-
* @private
|
177
|
-
*/
|
178
|
-
TdNotificationCountComponent.prototype._limit;
|
179
|
-
/**
|
180
|
-
* Div content wrapper of `ng-content`.
|
181
|
-
* @type {?}
|
182
|
-
*/
|
183
|
-
TdNotificationCountComponent.prototype.content;
|
184
|
-
/**
|
185
|
-
* color?: "primary" | "accent" | "warn"
|
186
|
-
* Sets the theme color of the notification tip. Defaults to "warn"
|
187
|
-
* @type {?}
|
188
|
-
*/
|
189
|
-
TdNotificationCountComponent.prototype.color;
|
190
|
-
}
|
191
|
-
|
192
|
-
/**
|
193
|
-
* @fileoverview added by tsickle
|
194
|
-
* Generated from: notifications.module.ts
|
195
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
196
|
-
*/
|
197
|
-
/** @type {?} */
|
198
|
-
const TD_NOTIFICATIONS = [TdNotificationCountComponent];
|
199
|
-
class CovalentNotificationsModule {
|
200
|
-
}
|
201
|
-
CovalentNotificationsModule.decorators = [
|
202
|
-
{ type: NgModule, args: [{
|
203
|
-
imports: [CommonModule],
|
204
|
-
declarations: [TD_NOTIFICATIONS],
|
205
|
-
exports: [TD_NOTIFICATIONS],
|
206
|
-
},] }
|
207
|
-
];
|
208
|
-
|
209
|
-
/**
|
210
|
-
* @fileoverview added by tsickle
|
211
|
-
* Generated from: public-api.ts
|
212
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
213
|
-
*/
|
214
|
-
|
215
|
-
/**
|
216
|
-
* @fileoverview added by tsickle
|
217
|
-
* Generated from: index.ts
|
218
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
219
|
-
*/
|
220
|
-
|
221
|
-
/**
|
222
|
-
* @fileoverview added by tsickle
|
223
|
-
* Generated from: covalent-core-notifications.ts
|
224
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
225
|
-
*/
|
226
|
-
|
227
|
-
export { CovalentNotificationsModule, DEFAULT_NOTIFICATION_LIMIT, TdNotificationCountComponent, TdNotificationCountPositionX, TdNotificationCountPositionY };
|
228
|
-
//# sourceMappingURL=covalent-core-notifications.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"covalent-core-notifications.js","sources":["../../../../src/platform/core/notifications/notification-count.component.ts","../../../../src/platform/core/notifications/notifications.module.ts"],"sourcesContent":["import {\n Component,\n Input,\n HostBinding,\n ChangeDetectionStrategy,\n ViewChild,\n ElementRef,\n AfterContentInit,\n} from '@angular/core';\n\nexport enum TdNotificationCountPositionY {\n Top = 'top',\n Bottom = 'bottom',\n Center = 'center',\n}\n\nexport enum TdNotificationCountPositionX {\n Before = 'before',\n After = 'after',\n Center = 'center',\n}\n\nexport const DEFAULT_NOTIFICATION_LIMIT: number = 99;\n\n@Component({\n selector: 'td-notification-count',\n styleUrls: ['./notification-count.component.scss'],\n templateUrl: './notification-count.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdNotificationCountComponent implements AfterContentInit {\n private _notifications: number | boolean = 0;\n private _positionY: TdNotificationCountPositionY;\n private _positionX: TdNotificationCountPositionX;\n private _limit: number = DEFAULT_NOTIFICATION_LIMIT;\n\n /**\n * Div content wrapper of `ng-content`.\n */\n @ViewChild('content', { static: true }) content: ElementRef;\n\n /**\n * color?: \"primary\" | \"accent\" | \"warn\"\n * Sets the theme color of the notification tip. Defaults to \"warn\"\n */\n @Input() color: 'primary' | 'accent' | 'warn' = 'warn';\n\n /**\n * positionX?: TdNotificationCountPositionX or \"before\" | \"after\" | \"center\"\n * Sets the X position of the notification tip.\n * Defaults to \"after\" if it has content, else 'center'.\n */\n @Input()\n set positionX(positionX: TdNotificationCountPositionX) {\n this._positionX = positionX;\n }\n get positionX(): TdNotificationCountPositionX {\n return this._positionX;\n }\n\n /**\n * positionY?: TdNotificationCountPositionY or \"top\" | \"bottom\" | \"center\"\n * Sets the Y position of the notification tip.\n * Defaults to \"top\" if it has content, else 'center'.\n */\n @Input()\n set positionY(positionY: TdNotificationCountPositionY) {\n this._positionY = positionY;\n }\n get positionY(): TdNotificationCountPositionY {\n return this._positionY;\n }\n\n /**\n * notifications?: number | boolean\n * Number for the notification count. Shows component only if the input is a positive number or 'true'\n */\n @Input()\n set notifications(notifications: number | boolean) {\n this._notifications = notifications;\n }\n\n /**\n * limit?: number\n * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.\n */\n @Input()\n set limit(limit: number) {\n this._limit = limit;\n }\n\n @HostBinding('class.td-notification-hidden')\n get hideHost(): boolean {\n return !this.show && !this._hasContent();\n }\n\n /**\n * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.\n * Makes the notification tip show without a count.\n */\n get noCount(): string | boolean {\n return this._notifications === true;\n }\n\n /**\n * Notification display string when a count is available.\n * Anything over 99 gets set as 99+\n */\n get notificationsDisplay(): string {\n if (this._notifications > this._limit) {\n return `${this._limit}+`;\n }\n return this._notifications.toString();\n }\n\n /**\n * Shows notification tip only when [notifications] is true or a positive integer.\n */\n get show(): boolean {\n return this._notifications === true || (!isNaN(<any>this._notifications) && this._notifications > 0);\n }\n\n /**\n * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.\n */\n ngAfterContentInit(): void {\n if (!this._positionX) {\n this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;\n }\n if (!this._positionY) {\n this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;\n }\n }\n\n /**\n * Method to check if element has any kind of content (elements or text)\n */\n private _hasContent(): boolean {\n if (this.content) {\n const contentElement: HTMLElement = this.content.nativeElement;\n return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());\n }\n return false;\n }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdNotificationCountComponent } from './notification-count.component';\n\nconst TD_NOTIFICATIONS: Type<any>[] = [TdNotificationCountComponent];\n\n@NgModule({\n imports: [CommonModule],\n declarations: [TD_NOTIFICATIONS],\n exports: [TD_NOTIFICATIONS],\n})\nexport class CovalentNotificationsModule {}\n"],"names":[],"mappings":"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"}
|