@progress-chef/platform-shared-components 0.0.56 → 0.0.57
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.
|
@@ -16,13 +16,15 @@ export class ChipListComponent {
|
|
|
16
16
|
this.plusChipWidth = 35;
|
|
17
17
|
this.marginRight = 4;
|
|
18
18
|
this.width = 150;
|
|
19
|
+
this.showFullList = false;
|
|
20
|
+
this.numChipTheme = {};
|
|
19
21
|
}
|
|
20
22
|
ngOnInit() {
|
|
21
23
|
this._list = [...this.list];
|
|
22
24
|
}
|
|
23
25
|
ngOnChanges(changes) {
|
|
24
26
|
console.log(changes);
|
|
25
|
-
if (!changes['width']
|
|
27
|
+
if (!changes['width']?.firstChange) {
|
|
26
28
|
this._list = [...this.list];
|
|
27
29
|
this.totalChipWidth = 0;
|
|
28
30
|
this.calculateWidthAndRender();
|
|
@@ -35,20 +37,22 @@ export class ChipListComponent {
|
|
|
35
37
|
this.calculateWidthAndRender();
|
|
36
38
|
}
|
|
37
39
|
calculateWidthAndRender() {
|
|
40
|
+
if (this.showFullList)
|
|
41
|
+
return;
|
|
38
42
|
this.chipWidthList.some((chipWidth, index) => {
|
|
39
43
|
this.totalChipWidth += chipWidth;
|
|
40
44
|
if (this.totalChipWidth > this.width) {
|
|
41
45
|
const totalWidth = index && (this.totalChipWidth - chipWidth) + this.plusChipWidth;
|
|
42
46
|
const remaining = this.chipWidthList.length - index + (totalWidth > this.width ? 1 : 0);
|
|
43
47
|
this._list.splice(-remaining);
|
|
44
|
-
this._list.push({ label: '+' + remaining });
|
|
48
|
+
this._list.push({ label: '+' + remaining, ...this.numChipTheme });
|
|
45
49
|
return true;
|
|
46
50
|
}
|
|
47
51
|
return false;
|
|
48
52
|
});
|
|
49
53
|
}
|
|
50
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
51
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width" }, 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</div>\n", styles: [".chip-list-wrapper lib-chip{margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }] }); }
|
|
55
|
+
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" }, 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</div>\n", styles: [".chip-list-wrapper lib-chip{margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }] }); }
|
|
52
56
|
}
|
|
53
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
54
58
|
type: Component,
|
|
@@ -63,5 +67,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
63
67
|
args: ['wrapper']
|
|
64
68
|
}], width: [{
|
|
65
69
|
type: Input
|
|
70
|
+
}], showFullList: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], numChipTheme: [{
|
|
73
|
+
type: Input
|
|
66
74
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2NoaXAtbGlzdC9jaGlwLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvY2hpcC1saXN0L2NoaXAtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBNEIsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFoSCxNQUFNLE9BQU8saUJBQWlCO0lBTDlCO1FBTVcsU0FBSSxHQUFRLEVBQUUsQ0FBQztRQUd4QixTQUFJLEdBQUcsT0FBTyxDQUFDO1FBQ2YsWUFBTyxHQUFHLE1BQU0sQ0FBQztRQUNqQixhQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ25CLGVBQVUsR0FBRyxNQUFNLENBQUM7UUFDcEIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixtQkFBYyxHQUFHLENBQUMsQ0FBQztRQUNuQixVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLGtCQUFhLEdBQWEsRUFBRSxDQUFDO1FBQzdCLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsQ0FBQyxDQUFDO1FBQ1AsVUFBSyxHQUFXLEdBQUcsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztLQW9DNUI7SUFsQ0MsUUFBUTtRQUNOLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxXQUFXLEVBQUU7WUFDbEMsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQzVCLElBQUksQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDO1lBQ3hCLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFO1lBQy9CLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQzFGLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLHVCQUF1QixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELHVCQUF1QjtRQUNyQixJQUFJLElBQUksQ0FBQyxZQUFZO1lBQUUsT0FBTztRQUM5QixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLFNBQWlCLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDM0QsSUFBSSxDQUFDLGNBQWMsSUFBSSxTQUFTLENBQUM7WUFDakMsSUFBSSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ3BDLE1BQU0sVUFBVSxHQUFHLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDbkYsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLEdBQUcsS0FBSyxHQUFHLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ3hGLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsR0FBRyxTQUFTLEVBQUUsR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUMsQ0FBQztnQkFDbEUsT0FBTyxJQUFJLENBQUM7YUFDYjtZQUNELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOytHQW5EVSxpQkFBaUI7bUdBQWpCLGlCQUFpQix1VkNSOUIsc1ZBS0E7OzRGREdhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxlQUFlOzhCQUtoQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ2dCLEtBQUs7c0JBQTFCLFlBQVk7dUJBQUMsTUFBTTtnQkFDRSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBV1gsS0FBSztzQkFBYixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIFF1ZXJ5TGlzdCwgU2ltcGxlQ2hhbmdlcywgVmlld0NoaWxkLCBWaWV3Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblJvdW5kZWQsIEJ1dHRvblNpemUsIENoaXBDb21wb25lbnQsIENoaXBGaWxsTW9kZSwgQ2hpcFRoZW1lQ29sb3IgfSBmcm9tICdAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1idXR0b25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWNoaXAtbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwLWxpc3QuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDaGlwTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxpc3Q6IGFueSA9IFtdO1xuICBAVmlld0NoaWxkcmVuKCdjaGlwJykgY2hpcHMhOiBRdWVyeUxpc3Q8Q2hpcENvbXBvbmVudD47XG4gIEBWaWV3Q2hpbGQoJ3dyYXBwZXInKSB3cmFwcGVyITogRWxlbWVudFJlZjtcbiAgc2l6ZSA9ICdzbWFsbCc7XG4gIHJvdW5kZWQgPSAnZnVsbCc7XG4gIGZpbGxNb2RlID0gJ3NvbGlkJztcbiAgdGhlbWVDb2xvciA9ICdub25lJztcbiAgcmVtb3ZhYmxlID0gZmFsc2U7XG4gIHRvdGFsQ2hpcFdpZHRoID0gMDtcbiAgX2xpc3Q6IGFueSA9IFtdO1xuICBjaGlwV2lkdGhMaXN0OiBudW1iZXJbXSA9IFtdO1xuICBwbHVzQ2hpcFdpZHRoID0gMzU7XG4gIG1hcmdpblJpZ2h0ID0gNDtcbiAgQElucHV0KCkgd2lkdGg6IG51bWJlciA9IDE1MDtcbiAgQElucHV0KCkgc2hvd0Z1bGxMaXN0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIG51bUNoaXBUaGVtZSA9IHt9O1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuX2xpc3QgPSBbLi4udGhpcy5saXN0XTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBjb25zb2xlLmxvZyhjaGFuZ2VzKTtcbiAgICBpZiAoIWNoYW5nZXNbJ3dpZHRoJ10/LmZpcnN0Q2hhbmdlKSB7XG4gICAgICB0aGlzLl9saXN0ID0gWy4uLnRoaXMubGlzdF07XG4gICAgICB0aGlzLnRvdGFsQ2hpcFdpZHRoID0gMDtcbiAgICAgIHRoaXMuY2FsY3VsYXRlV2lkdGhBbmRSZW5kZXIoKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5jaGlwcy5mb3JFYWNoKChlYWNoOiBhbnkpID0+IHtcbiAgICAgIHRoaXMuY2hpcFdpZHRoTGlzdC5wdXNoKGVhY2guY2hpcC5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggKyB0aGlzLm1hcmdpblJpZ2h0KTtcbiAgICB9KTtcbiAgICB0aGlzLmNhbGN1bGF0ZVdpZHRoQW5kUmVuZGVyKCk7XG4gIH1cblxuICBjYWxjdWxhdGVXaWR0aEFuZFJlbmRlcigpIHtcbiAgICBpZiAodGhpcy5zaG93RnVsbExpc3QpIHJldHVybjtcbiAgICB0aGlzLmNoaXBXaWR0aExpc3Quc29tZSgoY2hpcFdpZHRoOiBudW1iZXIsIGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgIHRoaXMudG90YWxDaGlwV2lkdGggKz0gY2hpcFdpZHRoO1xuICAgICAgaWYgKHRoaXMudG90YWxDaGlwV2lkdGggPiB0aGlzLndpZHRoKSB7XG4gICAgICAgIGNvbnN0IHRvdGFsV2lkdGggPSBpbmRleCAmJiAodGhpcy50b3RhbENoaXBXaWR0aCAtIGNoaXBXaWR0aCkgKyB0aGlzLnBsdXNDaGlwV2lkdGg7XG4gICAgICAgIGNvbnN0IHJlbWFpbmluZyA9IHRoaXMuY2hpcFdpZHRoTGlzdC5sZW5ndGggLSBpbmRleCArICh0b3RhbFdpZHRoID4gdGhpcy53aWR0aCA/IDEgOiAwKTtcbiAgICAgICAgdGhpcy5fbGlzdC5zcGxpY2UoLXJlbWFpbmluZyk7XG4gICAgICAgIHRoaXMuX2xpc3QucHVzaCh7IGxhYmVsOiAnKycgKyByZW1haW5pbmcsIC4uLnRoaXMubnVtQ2hpcFRoZW1lIH0pO1xuICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNoaXAtbGlzdC13cmFwcGVyXCIgI3dyYXBwZXI+XG4gIDxsaWItY2hpcCAjY2hpcCAqbmdGb3I9XCJsZXQgaXRlbSBvZiBfbGlzdFwiIFtzaXplXT1cIml0ZW0/LnNpemUgfHwgc2l6ZVwiIFtyb3VuZGVkXT1cIml0ZW0/LnJvdW5kZWQgfHwgcm91bmRlZFwiXG4gICAgW2ZpbGxNb2RlXT1cIml0ZW0/LmZpbGxNb2RlIHx8IGZpbGxNb2RlXCIgW3RoZW1lQ29sb3JdPVwiaXRlbT8udGhlbWVDb2xvciB8fCB0aGVtZUNvbG9yXCJcbiAgICBbcmVtb3ZhYmxlXT1cIml0ZW0/LnJlbW92YWJsZSB8fCByZW1vdmFibGVcIj57e2l0ZW0ubGFiZWx9fTwvbGliLWNoaXA+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3049,13 +3049,15 @@ class ChipListComponent {
|
|
|
3049
3049
|
this.plusChipWidth = 35;
|
|
3050
3050
|
this.marginRight = 4;
|
|
3051
3051
|
this.width = 150;
|
|
3052
|
+
this.showFullList = false;
|
|
3053
|
+
this.numChipTheme = {};
|
|
3052
3054
|
}
|
|
3053
3055
|
ngOnInit() {
|
|
3054
3056
|
this._list = [...this.list];
|
|
3055
3057
|
}
|
|
3056
3058
|
ngOnChanges(changes) {
|
|
3057
3059
|
console.log(changes);
|
|
3058
|
-
if (!changes['width']
|
|
3060
|
+
if (!changes['width']?.firstChange) {
|
|
3059
3061
|
this._list = [...this.list];
|
|
3060
3062
|
this.totalChipWidth = 0;
|
|
3061
3063
|
this.calculateWidthAndRender();
|
|
@@ -3068,20 +3070,22 @@ class ChipListComponent {
|
|
|
3068
3070
|
this.calculateWidthAndRender();
|
|
3069
3071
|
}
|
|
3070
3072
|
calculateWidthAndRender() {
|
|
3073
|
+
if (this.showFullList)
|
|
3074
|
+
return;
|
|
3071
3075
|
this.chipWidthList.some((chipWidth, index) => {
|
|
3072
3076
|
this.totalChipWidth += chipWidth;
|
|
3073
3077
|
if (this.totalChipWidth > this.width) {
|
|
3074
3078
|
const totalWidth = index && (this.totalChipWidth - chipWidth) + this.plusChipWidth;
|
|
3075
3079
|
const remaining = this.chipWidthList.length - index + (totalWidth > this.width ? 1 : 0);
|
|
3076
3080
|
this._list.splice(-remaining);
|
|
3077
|
-
this._list.push({ label: '+' + remaining });
|
|
3081
|
+
this._list.push({ label: '+' + remaining, ...this.numChipTheme });
|
|
3078
3082
|
return true;
|
|
3079
3083
|
}
|
|
3080
3084
|
return false;
|
|
3081
3085
|
});
|
|
3082
3086
|
}
|
|
3083
3087
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3084
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipListComponent, selector: "lib-chip-list", inputs: { list: "list", width: "width" }, 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</div>\n", styles: [".chip-list-wrapper lib-chip{margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }] }); }
|
|
3088
|
+
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" }, 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</div>\n", styles: [".chip-list-wrapper lib-chip{margin-right:.25rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ChipComponent, selector: "lib-chip", inputs: ["size", "rounded", "fillMode", "themeColor", "removable"] }] }); }
|
|
3085
3089
|
}
|
|
3086
3090
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChipListComponent, decorators: [{
|
|
3087
3091
|
type: Component,
|
|
@@ -3096,6 +3100,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3096
3100
|
args: ['wrapper']
|
|
3097
3101
|
}], width: [{
|
|
3098
3102
|
type: Input
|
|
3103
|
+
}], showFullList: [{
|
|
3104
|
+
type: Input
|
|
3105
|
+
}], numChipTheme: [{
|
|
3106
|
+
type: Input
|
|
3099
3107
|
}] } });
|
|
3100
3108
|
|
|
3101
3109
|
class ChipListModule {
|