@covalent/core 3.1.2 → 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-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/esm2015/user-profile/user-profile.module.js +3 -11
- 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/theming/_all-theme.scss +0 -14
- package/theming/prebuilt/blue-grey-deep-orange.css +0 -248
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -1
- package/theming/prebuilt/blue-orange.css +0 -248
- package/theming/prebuilt/blue-orange.css.map +1 -1
- package/theming/prebuilt/indigo-pink.css +0 -248
- package/theming/prebuilt/indigo-pink.css.map +1 -1
- package/theming/prebuilt/orange-light-blue.css +0 -248
- package/theming/prebuilt/orange-light-blue.css.map +1 -1
- package/theming/prebuilt/teal-orange.css +0 -248
- 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/index.d.ts +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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"}
|