@progress-chef/platform-shared-components 0.0.103 → 0.0.105
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/assets/IconFont.css +66 -65
- package/assets/IconFont.scss +4 -3
- package/assets/IconFont.ttf +0 -0
- package/assets/IconFont.woff +0 -0
- package/assets/IconFont.woff2 +0 -0
- package/esm2022/lib/atoms/chip-list/chip-list.component.mjs +6 -4
- package/fesm2022/progress-chef-platform-shared-components.mjs +5 -3
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/chip-list/chip-list.component.d.ts +3 -1
- package/package.json +1 -1
package/assets/IconFont.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "IconFont";
|
|
3
|
-
src: url('IconFont.woff2?t=
|
|
4
|
-
url('IconFont.woff?t=
|
|
5
|
-
url('IconFont.ttf?t=
|
|
3
|
+
src: url('IconFont.woff2?t=1730198875206') format('woff2'),
|
|
4
|
+
url('IconFont.woff?t=1730198875206') format('woff'),
|
|
5
|
+
url('IconFont.ttf?t=1730198875206') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -13,85 +13,86 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.icon-
|
|
17
|
-
.icon-
|
|
16
|
+
.icon-scan:before { content: "\e900"; }
|
|
17
|
+
.icon-data:before { content: "\e901"; }
|
|
18
|
+
.icon-tasks:before { content: "\e902"; }
|
|
19
|
+
.icon-information:before { content: "\e903"; }
|
|
20
|
+
.icon-search:before { content: "\e904"; }
|
|
21
|
+
.icon-home:before { content: "\e905"; }
|
|
22
|
+
.icon-close:before { content: "\e906"; }
|
|
23
|
+
.icon-launch:before { content: "\e907"; }
|
|
18
24
|
.icon-arrow-right:before { content: "\e908"; }
|
|
19
|
-
.icon-
|
|
20
|
-
.icon-
|
|
21
|
-
.icon-
|
|
22
|
-
.icon-
|
|
23
|
-
.icon-checkbox:before { content: "\e915"; }
|
|
25
|
+
.icon-menu:before { content: "\e909"; }
|
|
26
|
+
.icon-idea:before { content: "\e90a"; }
|
|
27
|
+
.icon-chevron-up:before { content: "\e90b"; }
|
|
28
|
+
.icon-chevron-right:before { content: "\e90c"; }
|
|
24
29
|
.icon-chevron-down:before { content: "\e90d"; }
|
|
25
30
|
.icon-chevron-left:before { content: "\e90e"; }
|
|
26
|
-
.icon-chevron-right:before { content: "\e90c"; }
|
|
27
|
-
.icon-chevron-up:before { content: "\e90b"; }
|
|
28
31
|
.icon-circle-checked:before { content: "\e90f"; }
|
|
29
|
-
.icon-close:before { content: "\e906"; }
|
|
30
|
-
.icon-copy:before { content: "\e923"; }
|
|
31
|
-
.icon-courier:before { content: "\e930"; }
|
|
32
|
-
.icon-courier-global-exceptions:before { content: "\e940"; }
|
|
33
|
-
.icon-courier-job-instances:before { content: "\e93f"; }
|
|
34
|
-
.icon-courier-jobs:before { content: "\e941"; }
|
|
35
|
-
.icon-cross-filled:before { content: "\e91a"; }
|
|
36
|
-
.icon-dashboard:before { content: "\e929"; }
|
|
37
|
-
.icon-data:before { content: "\e901"; }
|
|
38
|
-
.icon-data-diagram:before { content: "\e916"; }
|
|
39
32
|
.icon-delete:before { content: "\e910"; }
|
|
40
|
-
.icon-
|
|
41
|
-
.icon-
|
|
42
|
-
.icon-download-center:before { content: "\e932"; }
|
|
43
|
-
.icon-edit:before { content: "\e926"; }
|
|
33
|
+
.icon-caret-down:before { content: "\e911"; }
|
|
34
|
+
.icon-upload:before { content: "\e912"; }
|
|
44
35
|
.icon-edit-filter:before { content: "\e913"; }
|
|
36
|
+
.icon-overflow-menu-vertical:before { content: "\e914"; }
|
|
37
|
+
.icon-checkbox:before { content: "\e915"; }
|
|
38
|
+
.icon-data-diagram:before { content: "\e916"; }
|
|
45
39
|
.icon-error-filled:before { content: "\e917"; }
|
|
46
|
-
.icon-
|
|
47
|
-
.icon-
|
|
48
|
-
.icon-
|
|
40
|
+
.icon-warning-filled:before { content: "\e918"; }
|
|
41
|
+
.icon-notification-filled:before { content: "\e919"; }
|
|
42
|
+
.icon-cross-filled:before { content: "\e91a"; }
|
|
49
43
|
.icon-filter:before { content: "\e91b"; }
|
|
44
|
+
.icon-reset:before { content: "\e91c"; }
|
|
50
45
|
.icon-GCP:before { content: "\e91d"; }
|
|
51
|
-
.icon-
|
|
52
|
-
.icon-
|
|
46
|
+
.icon-Azure:before { content: "\e91e"; }
|
|
47
|
+
.icon-aws:before { content: "\e91f"; }
|
|
48
|
+
.icon-kubernates:before { content: "\e920"; }
|
|
49
|
+
.icon-docker:before { content: "\e921"; }
|
|
50
|
+
.icon-add:before { content: "\e922"; }
|
|
51
|
+
.icon-copy:before { content: "\e923"; }
|
|
52
|
+
.icon-eye-closed:before { content: "\e924"; }
|
|
53
|
+
.icon-eye-open:before { content: "\e925"; }
|
|
54
|
+
.icon-edit:before { content: "\e926"; }
|
|
55
|
+
.icon-logout:before { content: "\e927"; }
|
|
56
|
+
.icon-settings:before { content: "\e928"; }
|
|
57
|
+
.icon-dashboard:before { content: "\e929"; }
|
|
58
|
+
.icon-event-center:before { content: "\e92a"; }
|
|
59
|
+
.icon-news-feed:before { content: "\e92b"; }
|
|
60
|
+
.icon-user-identification:before { content: "\e92c"; }
|
|
53
61
|
.icon-info:before { content: "\e92d"; }
|
|
54
|
-
.icon-
|
|
55
|
-
.icon-
|
|
62
|
+
.icon-warning:before { content: "\e92e"; }
|
|
63
|
+
.icon-app-switcher:before { content: "\e92f"; }
|
|
64
|
+
.icon-courier:before { content: "\e930"; }
|
|
65
|
+
.icon-org-management:before { content: "\e931"; }
|
|
66
|
+
.icon-download-center:before { content: "\e932"; }
|
|
56
67
|
.icon-infra-cookbooks:before { content: "\e933"; }
|
|
57
|
-
.icon-infra-
|
|
68
|
+
.icon-infra-roles:before { content: "\e934"; }
|
|
58
69
|
.icon-infra-env:before { content: "\e935"; }
|
|
70
|
+
.icon-infra-data-bags:before { content: "\e936"; }
|
|
71
|
+
.icon-infra-clients:before { content: "\e937"; }
|
|
59
72
|
.icon-infra-policy-groups:before { content: "\e938"; }
|
|
60
|
-
.icon-
|
|
61
|
-
.icon-
|
|
62
|
-
.icon-
|
|
63
|
-
.icon-
|
|
64
|
-
.icon-laptop:before { content: "\e947"; }
|
|
65
|
-
.icon-logout:before { content: "\e927"; }
|
|
66
|
-
.icon-menu:before { content: "\e909"; }
|
|
67
|
-
.icon-news-feed:before { content: "\e92b"; }
|
|
68
|
-
.icon-node-cohort:before { content: "\e94b"; }
|
|
69
|
-
.icon-node-management:before { content: "\e945"; }
|
|
70
|
-
.icon-nm-agent:before { content: "\e949"; }
|
|
71
|
-
.icon-nm-discovery:before { content: "\e942"; }
|
|
72
|
-
.icon-nm-enrolment:before { content: "\e943"; }
|
|
73
|
+
.icon-user-management:before { content: "\e939"; }
|
|
74
|
+
.icon-om-linked-system:before { content: "\e93a"; }
|
|
75
|
+
.icon-tm-infra-server:before { content: "\e93b"; }
|
|
76
|
+
.icon-tm-org-units:before { content: "\e93c"; }
|
|
73
77
|
.icon-nm-node-collection:before { content: "\e93d"; }
|
|
74
78
|
.icon-nm-node-view:before { content: "\e93e"; }
|
|
75
|
-
.icon-
|
|
76
|
-
.icon-
|
|
77
|
-
.icon-
|
|
78
|
-
.icon-
|
|
79
|
+
.icon-courier-job-instances:before { content: "\e93f"; }
|
|
80
|
+
.icon-courier-global-exceptions:before { content: "\e940"; }
|
|
81
|
+
.icon-courier-jobs:before { content: "\e941"; }
|
|
82
|
+
.icon-nm-discovery:before { content: "\e942"; }
|
|
83
|
+
.icon-nm-enrolment:before { content: "\e943"; }
|
|
79
84
|
.icon-play-filled:before { content: "\e944"; }
|
|
80
|
-
.icon-
|
|
81
|
-
.icon-
|
|
82
|
-
.icon-
|
|
83
|
-
.icon-settings:before { content: "\e928"; }
|
|
84
|
-
.icon-skill-assembly:before { content: "\e94c"; }
|
|
85
|
-
.icon-skill-definition:before { content: "\e94a"; }
|
|
86
|
-
.icon-tasks:before { content: "\e902"; }
|
|
85
|
+
.icon-node-management:before { content: "\e945"; }
|
|
86
|
+
.icon-infra-server-management:before { content: "\e946"; }
|
|
87
|
+
.icon-laptop:before { content: "\e947"; }
|
|
87
88
|
.icon-tenant-management:before { content: "\e948"; }
|
|
88
|
-
.icon-
|
|
89
|
-
.icon-
|
|
90
|
-
.icon-
|
|
91
|
-
.icon-
|
|
92
|
-
.icon-
|
|
93
|
-
.icon-
|
|
94
|
-
.icon-
|
|
89
|
+
.icon-nm-agent:before { content: "\e949"; }
|
|
90
|
+
.icon-skill-definition:before { content: "\e94a"; }
|
|
91
|
+
.icon-node-cohort:before { content: "\e94b"; }
|
|
92
|
+
.icon-skill-assembly:before { content: "\e94c"; }
|
|
93
|
+
.icon-caret-right:before { content: "\e94d"; }
|
|
94
|
+
.icon-download:before { content: "\e94e"; }
|
|
95
|
+
.icon-draggable:before { content: "\e94f"; }
|
|
95
96
|
|
|
96
97
|
|
|
97
98
|
/**
|
package/assets/IconFont.scss
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "IconFont";
|
|
3
|
-
src: url('IconFont.woff2?t=
|
|
4
|
-
url('IconFont.woff?t=
|
|
5
|
-
url('IconFont.ttf?t=
|
|
3
|
+
src: url('IconFont.woff2?t=1730198875206') format('woff2'),
|
|
4
|
+
url('IconFont.woff?t=1730198875206') format('woff'),
|
|
5
|
+
url('IconFont.ttf?t=1730198875206') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -92,6 +92,7 @@
|
|
|
92
92
|
.icon-skill-assembly:before { content: "\e94c"; }
|
|
93
93
|
.icon-caret-right:before { content: "\e94d"; }
|
|
94
94
|
.icon-download:before { content: "\e94e"; }
|
|
95
|
+
.icon-draggable:before { content: "\e94f"; }
|
|
95
96
|
|
|
96
97
|
|
|
97
98
|
/**
|
package/assets/IconFont.ttf
CHANGED
|
Binary file
|
package/assets/IconFont.woff
CHANGED
|
Binary file
|
package/assets/IconFont.woff2
CHANGED
|
Binary file
|
|
@@ -5,7 +5,8 @@ import * as i2 from "../chip/chip.component";
|
|
|
5
5
|
import * as i3 from "../tooltip/tooltip.component";
|
|
6
6
|
import * as i4 from "../typography/typography.component";
|
|
7
7
|
export class ChipListComponent {
|
|
8
|
-
constructor() {
|
|
8
|
+
constructor(cdr) {
|
|
9
|
+
this.cdr = cdr;
|
|
9
10
|
this.list = [];
|
|
10
11
|
this.size = 'small';
|
|
11
12
|
this.rounded = 'full';
|
|
@@ -38,6 +39,7 @@ export class ChipListComponent {
|
|
|
38
39
|
this.chipWidthList.push(each.chip.element.nativeElement.offsetWidth + this.marginRight);
|
|
39
40
|
});
|
|
40
41
|
this.calculateWidthAndRender();
|
|
42
|
+
this.cdr.detectChanges();
|
|
41
43
|
}
|
|
42
44
|
calculateWidthAndRender() {
|
|
43
45
|
if (this.showFullList)
|
|
@@ -59,13 +61,13 @@ export class ChipListComponent {
|
|
|
59
61
|
return false;
|
|
60
62
|
});
|
|
61
63
|
}
|
|
62
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
65
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width", showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: i3.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: i4.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
64
66
|
}
|
|
65
67
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
66
68
|
type: Component,
|
|
67
69
|
args: [{ selector: 'lib-chip-list', template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"] }]
|
|
68
|
-
}], propDecorators: { list: [{
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { list: [{
|
|
69
71
|
type: Input
|
|
70
72
|
}], chips: [{
|
|
71
73
|
type: ViewChildren,
|
|
@@ -82,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
82
84
|
}], showTruncatedItemAsTooltip: [{
|
|
83
85
|
type: Input
|
|
84
86
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NoaXAtbGlzdC9jaGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY2hpcC1saXN0L2NoaXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBYyxLQUFLLEVBQTRCLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVFuSSxNQUFNLE9BQU8saUJBQWlCO0lBcUI1QixZQUFvQixHQUFzQjtRQUF0QixRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXBCakMsU0FBSSxHQUFRLEVBQUUsQ0FBQztRQUd4QixTQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ2YsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUNqQixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ25CLGVBQVUsR0FBRyxNQUFNLENBQUM7UUFDcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUNuQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBQzdCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBRWhCLGtCQUFhLEdBQVEsRUFBRSxDQUFDO1FBQ2YsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUNsQiwrQkFBMEIsR0FBRyxLQUFLLENBQUM7SUFFRSxDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFdBQVcsRUFBRTtZQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDNUIsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLENBQUM7WUFDeEIsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUU7WUFDL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDMUYsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsdUJBQXVCLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsR0FBRyxDQUFDLGFBQWEsRUFBRSxDQUFBO0lBQzFCLENBQUM7SUFFRCx1QkFBdUI7UUFDckIsSUFBSSxJQUFJLENBQUMsWUFBWTtZQUFFLE9BQU87UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFpQixFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQzNELElBQUksQ0FBQyxjQUFjLElBQUksU0FBUyxDQUFDO1lBQ2pDLElBQUksSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFO2dCQUNwQyxNQUFNLFVBQVUsR0FBRyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxHQUFHLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7Z0JBQ25GLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxHQUFHLEtBQUssR0FBRyxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN4RixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQ25ELElBQUksSUFBSSxDQUFDLDBCQUEwQixFQUFFO29CQUNuQyxJQUFJLENBQUMsWUFBWSxHQUFHLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUE7aUJBQ3JFO3FCQUFNO29CQUNMLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztpQkFDbkU7Z0JBQ0QsT0FBTyxJQUFJLENBQUM7YUFDYjtZQUNELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQTVEVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixpWkNSOUIsNDZCQWFBOzs0RkRMYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsZUFBZTt3R0FLaEIsSUFBSTtzQkFBWixLQUFLO2dCQUNnQixLQUFLO3NCQUExQixZQUFZO3VCQUFDLE1BQU07Z0JBQ0UsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQWFYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csMEJBQTBCO3NCQUFsQyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkLCBWaWV3Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblJvdW5kZWQsIEJ1dHRvblNpemUsIENoaXBDb21wb25lbnQsIENoaXBGaWxsTW9kZSwgQ2hpcFRoZW1lQ29sb3IgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1idXR0b25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNoaXAtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwLWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxpc3Q6IGFueSA9IFtdO1xuICBAVmlld0NoaWxkcmVuKCdjaGlwJykgY2hpcHMhOiBRdWVyeUxpc3Q8Q2hpcENvbXBvbmVudD47XG4gIEBWaWV3Q2hpbGQoJ3dyYXBwZXInKSB3cmFwcGVyITogRWxlbWVudFJlZjtcbiAgc2l6ZSA9ICdzbWFsbCc7XG4gIHJvdW5kZWQgPSAnZnVsbCc7XG4gIGZpbGxNb2RlID0gJ3NvbGlkJztcbiAgdGhlbWVDb2xvciA9ICdub25lJztcbiAgcmVtb3ZhYmxlID0gZmFsc2U7XG4gIHRvdGFsQ2hpcFdpZHRoID0gMDtcbiAgX2xpc3Q6IGFueSA9IFtdO1xuICBjaGlwV2lkdGhMaXN0OiBudW1iZXJbXSA9IFtdO1xuICBwbHVzQ2hpcFdpZHRoID0gMzU7XG4gIG1hcmdpblJpZ2h0ID0gNDtcbiAgbnVtQ2hpcFZhbHVlOiBhbnk7XG4gIHJlbWFpbmluZ0xpc3Q6IGFueSA9IFtdO1xuICBASW5wdXQoKSB3aWR0aDogbnVtYmVyID0gMTUwO1xuICBASW5wdXQoKSBzaG93RnVsbExpc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgbnVtQ2hpcFRoZW1lID0ge307XG4gIEBJbnB1dCgpIHNob3dUcnVuY2F0ZWRJdGVtQXNUb29sdGlwID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl9saXN0ID0gWy4uLnRoaXMubGlzdF07XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKCFjaGFuZ2VzWyd3aWR0aCddPy5maXJzdENoYW5nZSkge1xuICAgICAgdGhpcy5fbGlzdCA9IFsuLi50aGlzLmxpc3RdO1xuICAgICAgdGhpcy50b3RhbENoaXBXaWR0aCA9IDA7XG4gICAgICB0aGlzLmNhbGN1bGF0ZVdpZHRoQW5kUmVuZGVyKCk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuY2hpcHMuZm9yRWFjaCgoZWFjaDogYW55KSA9PiB7XG4gICAgICB0aGlzLmNoaXBXaWR0aExpc3QucHVzaChlYWNoLmNoaXAuZWxlbWVudC5uYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoICsgdGhpcy5tYXJnaW5SaWdodCk7XG4gICAgfSk7XG4gICAgdGhpcy5jYWxjdWxhdGVXaWR0aEFuZFJlbmRlcigpO1xuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbiAgY2FsY3VsYXRlV2lkdGhBbmRSZW5kZXIoKSB7XG4gICAgaWYgKHRoaXMuc2hvd0Z1bGxMaXN0KSByZXR1cm47XG4gICAgdGhpcy5jaGlwV2lkdGhMaXN0LnNvbWUoKGNoaXBXaWR0aDogbnVtYmVyLCBpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICB0aGlzLnRvdGFsQ2hpcFdpZHRoICs9IGNoaXBXaWR0aDtcbiAgICAgIGlmICh0aGlzLnRvdGFsQ2hpcFdpZHRoID4gdGhpcy53aWR0aCkge1xuICAgICAgICBjb25zdCB0b3RhbFdpZHRoID0gaW5kZXggJiYgKHRoaXMudG90YWxDaGlwV2lkdGggLSBjaGlwV2lkdGgpICsgdGhpcy5wbHVzQ2hpcFdpZHRoO1xuICAgICAgICBjb25zdCByZW1haW5pbmcgPSB0aGlzLmNoaXBXaWR0aExpc3QubGVuZ3RoIC0gaW5kZXggKyAodG90YWxXaWR0aCA+IHRoaXMud2lkdGggPyAxIDogMCk7XG4gICAgICAgIHRoaXMucmVtYWluaW5nTGlzdCA9IHRoaXMuX2xpc3Quc3BsaWNlKC1yZW1haW5pbmcpO1xuICAgICAgICBpZiAodGhpcy5zaG93VHJ1bmNhdGVkSXRlbUFzVG9vbHRpcCkge1xuICAgICAgICAgIHRoaXMubnVtQ2hpcFZhbHVlID0geyBsYWJlbDogJysnICsgcmVtYWluaW5nLCAuLi50aGlzLm51bUNoaXBUaGVtZSB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5fbGlzdC5wdXNoKHsgbGFiZWw6ICcrJyArIHJlbWFpbmluZywgLi4udGhpcy5udW1DaGlwVGhlbWUgfSk7XG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICB9XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjaGlwLWxpc3Qtd3JhcHBlclwiICN3cmFwcGVyPlxuICA8bGliLWNoaXAgI2NoaXAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgX2xpc3RcIiBbc2l6ZV09XCJpdGVtPy5zaXplIHx8IHNpemVcIiBbcm91bmRlZF09XCJpdGVtPy5yb3VuZGVkIHx8IHJvdW5kZWRcIlxuICAgIFtmaWxsTW9kZV09XCJpdGVtPy5maWxsTW9kZSB8fCBmaWxsTW9kZVwiIFt0aGVtZUNvbG9yXT1cIml0ZW0/LnRoZW1lQ29sb3IgfHwgdGhlbWVDb2xvclwiXG4gICAgW3JlbW92YWJsZV09XCJpdGVtPy5yZW1vdmFibGUgfHwgcmVtb3ZhYmxlXCI+e3tpdGVtLmxhYmVsfX08L2xpYi1jaGlwPlxuICA8bGliLXRvb2x0aXAgKm5nSWY9XCJzaG93VHJ1bmNhdGVkSXRlbUFzVG9vbHRpcCAmJiBudW1DaGlwVmFsdWU/LmxhYmVsXCIgW2NhbGxvdXRdPVwidHJ1ZVwiPlxuICAgIDxsaWItY2hpcCBbc2l6ZV09XCJudW1DaGlwVmFsdWU/LnNpemUgfHwgc2l6ZVwiIFtyb3VuZGVkXT1cIm51bUNoaXBWYWx1ZT8ucm91bmRlZCB8fCByb3VuZGVkXCJcbiAgICAgIFtmaWxsTW9kZV09XCJudW1DaGlwVmFsdWU/LmZpbGxNb2RlIHx8IGZpbGxNb2RlXCIgW3RoZW1lQ29sb3JdPVwibnVtQ2hpcFZhbHVlPy50aGVtZUNvbG9yIHx8IHRoZW1lQ29sb3JcIlxuICAgICAgW3JlbW92YWJsZV09XCJudW1DaGlwVmFsdWU/LnJlbW92YWJsZSB8fCByZW1vdmFibGVcIj57e251bUNoaXBWYWx1ZT8ubGFiZWx9fTwvbGliLWNoaXA+XG4gICAgICA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jb250ZW50XCI+XG4gICAgICAgIDxsaWItdHlwb2dyYXBoeSAqbmdGb3I9XCJsZXQgdGV4dEl0ZW0gb2YgcmVtYWluaW5nTGlzdFwiIFtkZWZhdWx0VGV4dF09XCJ0ZXh0SXRlbT8ubGFiZWxcIiB0eXBlPVwiQk9EWV9NRURJVU1cIi8+XG4gICAgICA8L2Rpdj5cbiAgPC9saWItdG9vbHRpcD5cbjwvZGl2PlxuIl19
|
|
@@ -3209,7 +3209,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3209
3209
|
}] });
|
|
3210
3210
|
|
|
3211
3211
|
class ChipListComponent {
|
|
3212
|
-
constructor() {
|
|
3212
|
+
constructor(cdr) {
|
|
3213
|
+
this.cdr = cdr;
|
|
3213
3214
|
this.list = [];
|
|
3214
3215
|
this.size = 'small';
|
|
3215
3216
|
this.rounded = 'full';
|
|
@@ -3242,6 +3243,7 @@ class ChipListComponent {
|
|
|
3242
3243
|
this.chipWidthList.push(each.chip.element.nativeElement.offsetWidth + this.marginRight);
|
|
3243
3244
|
});
|
|
3244
3245
|
this.calculateWidthAndRender();
|
|
3246
|
+
this.cdr.detectChanges();
|
|
3245
3247
|
}
|
|
3246
3248
|
calculateWidthAndRender() {
|
|
3247
3249
|
if (this.showFullList)
|
|
@@ -3263,13 +3265,13 @@ class ChipListComponent {
|
|
|
3263
3265
|
return false;
|
|
3264
3266
|
});
|
|
3265
3267
|
}
|
|
3266
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3267
3269
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width", showFullList: "showFullList", numChipTheme: "numChipTheme", showTruncatedItemAsTooltip: "showTruncatedItemAsTooltip" }, viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true }, { propertyName: "chips", predicate: ["chip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3268
3270
|
}
|
|
3269
3271
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
3270
3272
|
type: Component,
|
|
3271
3273
|
args: [{ selector: 'lib-chip-list', template: "<div class=\"chip-list-wrapper\" #wrapper>\n <lib-chip #chip *ngFor=\"let item of _list\" [size]=\"item?.size || size\" [rounded]=\"item?.rounded || rounded\"\n [fillMode]=\"item?.fillMode || fillMode\" [themeColor]=\"item?.themeColor || themeColor\"\n [removable]=\"item?.removable || removable\">{{item.label}}</lib-chip>\n <lib-tooltip *ngIf=\"showTruncatedItemAsTooltip && numChipValue?.label\" [callout]=\"true\">\n <lib-chip [size]=\"numChipValue?.size || size\" [rounded]=\"numChipValue?.rounded || rounded\"\n [fillMode]=\"numChipValue?.fillMode || fillMode\" [themeColor]=\"numChipValue?.themeColor || themeColor\"\n [removable]=\"numChipValue?.removable || removable\">{{numChipValue?.label}}</lib-chip>\n <div class=\"tooltip-content\">\n <lib-typography *ngFor=\"let textItem of remainingList\" [defaultText]=\"textItem?.label\" type=\"BODY_MEDIUM\"/>\n </div>\n </lib-tooltip>\n</div>\n", styles: [".chip-list-wrapper{display:flex;flex-wrap:wrap}.chip-list-wrapper lib-chip{margin-right:.25rem}.tooltip-content lib-typography{display:block}\n"] }]
|
|
3272
|
-
}], propDecorators: { list: [{
|
|
3274
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { list: [{
|
|
3273
3275
|
type: Input
|
|
3274
3276
|
}], chips: [{
|
|
3275
3277
|
type: ViewChildren,
|