@progress-chef/platform-shared-components 0.0.103 → 0.0.104
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.
|
@@ -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,
|