npm - @sarasanalytics-com/design-system - Versions diffs - 0.0.98 → 0.0.100 - Mend

@sarasanalytics-com/design-system 0.0.98 → 0.0.100

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.

Files changed (5) hide show

package/esm2022/lib/card/thumbnail-card/thumbnail-card.component.mjs CHANGED Viewed

@@ -14,10 +14,24 @@ export class ThumbnailCardComponent {
         this.size = 'medium';
         this.cardClick = new EventEmitter();
     }
-    ngOnInit() {
-        //console.log(this.data.title);
-        if (!isUndefined(get(this.data, 'descriptionTooltip'))) {
-            this.data.descriptionTooltip = this.formattedTooltip(this.data.descriptionTooltip);
+    /**
+     * Handles changes to component inputs
+     * @param changes SimpleChanges object containing changed properties
+     */
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.data = changes['data'].currentValue;
+            this.updateDescriptionTooltip();
+        }
+    }
+    /**
+     * Updates the description tooltip if it exists
+     * @private
+     */
+    updateDescriptionTooltip() {
+        const tooltip = get(this.data, 'descriptionTooltip');
+        if (!isUndefined(tooltip)) {
+            this.data.descriptionTooltip = this.formattedTooltip(tooltip);
         }
     }
     onCardClick() {
@@ -69,7 +83,7 @@ export class ThumbnailCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ThumbnailCardComponent, isStandalone: true, selector: "sa-thumbnail-card", inputs: { data: "data", size: "size" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n  [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"thumbnail-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n        </div>\n        <div class=\"thumbnail-info\">\n          <div class=\"thumbnail-header\">\n            <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              @for (status of data?.statuses; track status.text) {\n              <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\" [matTooltip]=\"status?.tooltip\" matTooltipClass=\"custom-status-tooltip\">\n              </sa-chip>\n              }\n            </div>\n          </div>\n          <div class=\"thumbnail-metadata\">\n            <span class=\"thumbnail-description\" [matTooltip]=\"data?.descriptionTooltip\" matTooltipClass=\"custom-description-tooltip\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}::ng-deep .custom-description-tooltip .mdc-tooltip__surface.mdc-tooltip__surface-animation{white-space:pre-line;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ThumbnailCardComponent, isStandalone: true, selector: "sa-thumbnail-card", inputs: { data: "data", size: "size" }, outputs: { cardClick: "cardClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n  [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"thumbnail-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n        </div>\n        <div class=\"thumbnail-info\">\n          <div class=\"thumbnail-header\">\n            <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              @for (status of data?.statuses; track status.text) {\n              <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\" [matTooltip]=\"status?.tooltip\" matTooltipClass=\"custom-status-tooltip\">\n              </sa-chip>\n              }\n            </div>\n          </div>\n          <div class=\"thumbnail-metadata\">\n            <span class=\"thumbnail-description\" [matTooltip]=\"data?.descriptionTooltip\" matTooltipClass=\"custom-description-tooltip\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}::ng-deep .custom-description-tooltip .mdc-tooltip__surface.mdc-tooltip__surface-animation{white-space:pre-line;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, decorators: [{
             type: Component,
@@ -89,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
             }], cardClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC90aHVtYm5haWwtY2FyZC90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7O0FBdUN6RixNQUFNLE9BQU8sc0JBQXNCO0lBZm5DO1FBaUJXLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzdDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztLQWdFekQ7SUE5REMsUUFBUTtRQUNOLCtCQUErQjtRQUMvQixJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLG9CQUFvQixDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUNsRCxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUM3QixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxhQUFhLENBQUMsTUFBYztRQUMxQixRQUFRLE1BQU0sRUFBRSxDQUFDO1lBQ2YsS0FBSyxRQUFRO2dCQUNYLE9BQU87b0JBQ0wsSUFBSSxFQUFFLE9BQU87b0JBQ2IsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2lCQUNsQixDQUFDO1lBQ0o7Z0JBQ0UsT0FBTztvQkFDTCxJQUFJLEVBQUUsT0FBTztvQkFDYixLQUFLLEVBQUUsU0FBUztvQkFDaEIsT0FBTyxFQUFFLFNBQVM7aUJBQ25CLENBQUM7UUFDTixDQUFDO0lBQ0gsQ0FBQztJQUVELGdCQUFnQixDQUFDLE9BQVk7UUFDM0IsSUFBSSxDQUFDO1lBQ0gsd0JBQXdCO1lBQ3hCLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDdkMsa0NBQWtDO1lBQ2xDLElBQUksT0FBTyxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7Z0JBQ3hCLDZDQUE2QztnQkFDN0MsSUFDRSxLQUFLLENBQ0gsVUFBVSxFQUNWLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLElBQUksT0FBTyxJQUFJLEtBQUssUUFBUSxJQUFJLE1BQU0sSUFBSSxJQUFJLENBQzdELEVBQ0QsQ0FBQztvQkFDRCxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsVUFBVSxFQUFFLENBQUMsSUFBUyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQy9ELENBQUM7Z0JBQ0QsNkNBQTZDO2dCQUM3QyxJQUFJLEtBQUssQ0FBQyxVQUFVLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUM7b0JBQ2hELE9BQU8sSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFDaEMsQ0FBQztnQkFDRCxNQUFNLElBQUksS0FBSyxDQUFDLHlCQUF5QixDQUFDLENBQUM7WUFDN0MsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLE1BQU0sSUFBSSxLQUFLLENBQUMsNkJBQTZCLENBQUMsQ0FBQztZQUNqRCxDQUFDO1FBQ0gsQ0FBQztRQUFDLE9BQU8sS0FBSyxFQUFFLENBQUM7WUFDZixJQUFJLFFBQVEsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQztnQkFDNUIsT0FBTyxPQUFPLENBQUMsQ0FBQyw0Q0FBNEM7WUFDOUQsQ0FBQztZQUNELE9BQU8sQ0FBQyxLQUFLLENBQUMsNkJBQTZCLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDcEQsZ0RBQWdEO1lBQ2hELE9BQU8sRUFBRSxDQUFDO1FBQ1osQ0FBQztJQUNILENBQUM7OEdBbEVVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDBKQy9DbkMsOHFEQThCQSx1dURETUksWUFBWSwrQkFDWixjQUFjLDhNQUNkLGFBQWEsNFVBRWIsaUJBQWlCLCtEQUVqQixnQkFBZ0I7OzJGQUtQLHNCQUFzQjtrQkFmbEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLGdCQUFnQjtxQkFDakI7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FyZEJvZHlDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLWJvZHkvY2FyZC1ib2R5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC1jdXN0b20taGVhZGVyL2NhcmQtY3VzdG9tLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgaXNBcnJheSwgaXNTdHJpbmcsIG1hcCwgam9pbiwgZXZlcnksIGdldCwgaXNVbmRlZmluZWQsIGluY2x1ZGVzIH0gZnJvbSAnbG9kYXNoJztcblxuZXhwb3J0IGludGVyZmFjZSBUaHVtYm5haWxTdGF0dXMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6ICdyZWd1bGFyJyB8ICdzbWFsbCcgfCAnbGFyZ2UnO1xuICBzdGF0ZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnbmV1dHJhbCcgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBmaWxsaW5nOiAnb3V0bGluZScgfCAnZmlsbGVkJztcbiAgaWNvblBhdGg/OiBzdHJpbmc7XG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcgfCAnJztcbiAgbGFyZ2VTdGF0ZUljb24/OiBzdHJpbmc7XG4gIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbERhdGEge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvblRvb2x0aXA/OiBzdHJpbmc7XG4gIHRodW1ibmFpbFVybDogc3RyaW5nO1xuICBzdGF0dXNlczogVGh1bWJuYWlsU3RhdHVzW107XG4gIFtrZXk6IHN0cmluZ106IGFueVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS10aHVtYm5haWwtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ2hpcHNDb21wb25lbnQsXG4gICAgQ2FyZENvbXBvbmVudCxcbiAgICBJY29uQ29tcG9uZW50LFxuICAgIENhcmRCb2R5Q29tcG9uZW50LFxuICAgIENhcmRDdXN0b21IZWFkZXJDb21wb25lbnQsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRodW1ibmFpbENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBUaHVtYm5haWxEYXRhO1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFRodW1ibmFpbERhdGE+KCk7XG4gIFxuICBuZ09uSW5pdCgpIHtcbiAgICAvL2NvbnNvbGUubG9nKHRoaXMuZGF0YS50aXRsZSk7XG4gICAgaWYgKCFpc1VuZGVmaW5lZChnZXQodGhpcy5kYXRhLCAnZGVzY3JpcHRpb25Ub29sdGlwJykpKSB7XG4gICAgICB0aGlzLmRhdGEuZGVzY3JpcHRpb25Ub29sdGlwID0gdGhpcy5mb3JtYXR0ZWRUb29sdGlwKFxuICAgICAgICB0aGlzLmRhdGEuZGVzY3JpcHRpb25Ub29sdGlwLFxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBvbkNhcmRDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNhcmRDbGljay5lbWl0KHRoaXMuZGF0YSk7XG4gIH1cblxuICBnZXRDaGlwQ29uZmlnKHN0YXR1czogc3RyaW5nKTogUGFydGlhbDxUaHVtYm5haWxTdGF0dXM+IHtcbiAgICBzd2l0Y2ggKHN0YXR1cykge1xuICAgICAgY2FzZSAnYWN0aXZlJzpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICB0eXBlOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAnc3VjY2VzcycsXG4gICAgICAgICAgZmlsbGluZzogJ2ZpbGxlZCdcbiAgICAgICAgfTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgdHlwZTogJ3NtYWxsJyxcbiAgICAgICAgICBzdGF0ZTogJ25ldXRyYWwnLFxuICAgICAgICAgIGZpbGxpbmc6ICdvdXRsaW5lJ1xuICAgICAgICB9O1xuICAgIH1cbiAgfVxuXG4gIGZvcm1hdHRlZFRvb2x0aXAodG9vbHRpcDogYW55KTogc3RyaW5nIHtcbiAgICB0cnkge1xuICAgICAgLy8gUGFyc2UgdGhlIEpTT04gc3RyaW5nXG4gICAgICBjb25zdCBwYXJzZWREYXRhID0gSlNPTi5wYXJzZSh0b29sdGlwKTtcbiAgICAgIC8vIENoZWNrIGlmIHBhcnNlZERhdGEgaXMgYW4gYXJyYXlcbiAgICAgIGlmIChpc0FycmF5KHBhcnNlZERhdGEpKSB7XG4gICAgICAgIC8vIEhhbmRsZSBjYXNlIHdoZXJlIGl0J3MgYW4gYXJyYXkgb2Ygb2JqZWN0c1xuICAgICAgICBpZiAoXG4gICAgICAgICAgZXZlcnkoXG4gICAgICAgICAgICBwYXJzZWREYXRhLFxuICAgICAgICAgICAgKGl0ZW0pID0+IGl0ZW0gJiYgdHlwZW9mIGl0ZW0gPT09ICdvYmplY3QnICYmICduYW1lJyBpbiBpdGVtLFxuICAgICAgICAgIClcbiAgICAgICAgKSB7XG4gICAgICAgICAgcmV0dXJuIGpvaW4obWFwKHBhcnNlZERhdGEsIChpdGVtOiBhbnkpID0+IGl0ZW0ubmFtZSksICdcXG4nKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBIYW5kbGUgY2FzZSB3aGVyZSBpdCdzIGFuIGFycmF5IG9mIHN0cmluZ3NcbiAgICAgICAgaWYgKGV2ZXJ5KHBhcnNlZERhdGEsIChpdGVtKSA9PiBpc1N0cmluZyhpdGVtKSkpIHtcbiAgICAgICAgICByZXR1cm4gam9pbihwYXJzZWREYXRhLCAnXFxuJyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJbnZhbGlkIGFycmF5IHN0cnVjdHVyZScpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdQYXJzZWQgZGF0YSBpcyBub3QgYW4gYXJyYXknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgaWYgKGluY2x1ZGVzKHRvb2x0aXAsICdcXG4nKSkge1xuICAgICAgICByZXR1cm4gdG9vbHRpcDsgLy8gQXNzdW1pbmcgaXQncyBhbHJlYWR5IGZvcm1hdHRlZCBjb3JyZWN0bHlcbiAgICAgIH1cbiAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yIHBhcnNpbmcgdG9vbHRpcCBkYXRhOicsIGVycm9yKTtcbiAgICAgIC8vIFJldHVybiBhIGZhbGxiYWNrIG1lc3NhZ2UgaW4gY2FzZSBvZiBhbiBlcnJvclxuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jYXJkXCIgW2NsYXNzLnNtYWxsXT1cInNpemUgPT09ICdzbWFsbCdcIiBbY2xhc3MubWVkaXVtXT1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgW2NsYXNzLmxhcmdlXT1cInNpemUgPT09ICdsYXJnZSdcIiAoY2xpY2spPVwib25DYXJkQ2xpY2soKVwiIHJvbGU9XCJidXR0b25cIiB0YWJpbmRleD1cIjBcIiAoa2V5ZG93bi5lbnRlcik9XCJvbkNhcmRDbGljaygpXCI+XG4gIDxzYS1jYXJkIFtzaG93Q3VzdG9tQ2FyZEJvZHldPVwidHJ1ZVwiIFtjdXN0b21XcmFwcGVyQ2xhc3NdPVwiJ3NhLWNhcmQtY3VzdG9tLXdyYXBwZXInXCI+XG4gICAgPHNhLWNhcmQtY3VzdG9tLWJvZHk+XG4gICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIFtzcmNdPVwiZGF0YT8udGh1bWJuYWlsVXJsXCIgW2FsdF09XCJkYXRhPy50aXRsZVwiIGNsYXNzPVwidGh1bWJuYWlsXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWluZm9cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWhlYWRlclwiPlxuICAgICAgICAgICAgPGgzIGNsYXNzPVwidGh1bWJuYWlsLXRpdGxlXCI+e3sgZGF0YT8udGl0bGUgfX08L2gzPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXR1cy1jaGlwc1wiPlxuICAgICAgICAgICAgICBAZm9yIChzdGF0dXMgb2YgZGF0YT8uc3RhdHVzZXM7IHRyYWNrIHN0YXR1cy50ZXh0KSB7XG4gICAgICAgICAgICAgIDxzYS1jaGlwIFt0ZXh0XT1cInN0YXR1cy50ZXh0XCIgW3R5cGVdPVwiJ3NtYWxsJ1wiIFtzdGF0ZV09XCJzdGF0dXMuc3RhdGVcIiBbZmlsbGluZ109XCJzdGF0dXMuZmlsbGluZ1wiXG4gICAgICAgICAgICAgICAgW2ljb25QYXRoXT1cInN0YXR1cy5pY29uUGF0aFwiIFtpY29uUG9zaXRpb25dPVwic3RhdHVzLmljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgW2xhcmdlU3RhdGVJY29uXT1cInN0YXR1cy5sYXJnZVN0YXRlSWNvblwiIFtsYXJnZVN0YXRlVGV4dF09XCJzdGF0dXMubGFyZ2VTdGF0ZVRleHRcIiBbbWF0VG9vbHRpcF09XCJzdGF0dXM/LnRvb2x0aXBcIiBtYXRUb29sdGlwQ2xhc3M9XCJjdXN0b20tc3RhdHVzLXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgPC9zYS1jaGlwPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLW1ldGFkYXRhXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRodW1ibmFpbC1kZXNjcmlwdGlvblwiIFttYXRUb29sdGlwXT1cImRhdGE/LmRlc2NyaXB0aW9uVG9vbHRpcFwiIG1hdFRvb2x0aXBDbGFzcz1cImN1c3RvbS1kZXNjcmlwdGlvbi10b29sdGlwXCI+e3sgZGF0YT8uZGVzY3JpcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcGFyYXRvclwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGh1bWJuYWlsLXN1YnRpdGxlXCI+e3sgZGF0YT8uc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9zYS1jYXJkLWN1c3RvbS1ib2R5PlxuICA8L3NhLWNhcmQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC90aHVtYm5haWwtY2FyZC90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxRQUFRLENBQUM7OztBQXVDekYsTUFBTSxPQUFPLHNCQUFzQjtJQWZuQztRQWlCVyxTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUM3QyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7S0E2RXpE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QUFnQjs7MkZBS1Asc0JBQXNCO2tCQWZsQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixpQkFBaUI7d0JBQ2pCLHlCQUF5Qjt3QkFDekIsZ0JBQWdCO3FCQUNqQjs4QkFLUSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQm9keUNvbXBvbmVudCB9IGZyb20gJy4uL2NhcmQtYm9keS9jYXJkLWJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7IENhcmRDdXN0b21IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLWN1c3RvbS1oZWFkZXIvY2FyZC1jdXN0b20taGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRUb29sdGlwTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcCc7XG5pbXBvcnQgeyBpc0FycmF5LCBpc1N0cmluZywgbWFwLCBqb2luLCBldmVyeSwgZ2V0LCBpc1VuZGVmaW5lZCwgaW5jbHVkZXMgfSBmcm9tICdsb2Rhc2gnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbFN0YXR1cyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdHlwZTogJ3JlZ3VsYXInIHwgJ3NtYWxsJyB8ICdsYXJnZSc7XG4gIHN0YXRlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICduZXV0cmFsJyB8ICdlcnJvcicgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG4gIGZpbGxpbmc6ICdvdXRsaW5lJyB8ICdmaWxsZWQnO1xuICBpY29uUGF0aD86IHN0cmluZztcbiAgaWNvblBvc2l0aW9uPzogJ2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3RoJyB8ICcnO1xuICBsYXJnZVN0YXRlSWNvbj86IHN0cmluZztcbiAgbGFyZ2VTdGF0ZVRleHQ/OiBzdHJpbmc7XG4gIHRvb2x0aXA/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsRGF0YSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHN1YnRpdGxlOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uVG9vbHRpcD86IHN0cmluZztcbiAgdGh1bWJuYWlsVXJsOiBzdHJpbmc7XG4gIHN0YXR1c2VzOiBUaHVtYm5haWxTdGF0dXNbXTtcbiAgW2tleTogc3RyaW5nXTogYW55XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLXRodW1ibmFpbC1jYXJkJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBDaGlwc0NvbXBvbmVudCxcbiAgICBDYXJkQ29tcG9uZW50LFxuICAgIEljb25Db21wb25lbnQsXG4gICAgQ2FyZEJvZHlDb21wb25lbnQsXG4gICAgQ2FyZEN1c3RvbUhlYWRlckNvbXBvbmVudCxcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGh1bWJuYWlsLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGh1bWJuYWlsQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRhdGE6IFRodW1ibmFpbERhdGE7XG4gIEBJbnB1dCgpIHNpemU6ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbiAgQE91dHB1dCgpIGNhcmRDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8VGh1bWJuYWlsRGF0YT4oKTtcblxuICAvKipcbiAgICogSGFuZGxlcyBjaGFuZ2VzIHRvIGNvbXBvbmVudCBpbnB1dHNcbiAgICogQHBhcmFtIGNoYW5nZXMgU2ltcGxlQ2hhbmdlcyBvYmplY3QgY29udGFpbmluZyBjaGFuZ2VkIHByb3BlcnRpZXNcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlc1snZGF0YSddKSB7XG4gICAgICB0aGlzLmRhdGEgPSBjaGFuZ2VzWydkYXRhJ10uY3VycmVudFZhbHVlO1xuICAgICAgdGhpcy51cGRhdGVEZXNjcmlwdGlvblRvb2x0aXAoKTtcbiAgICB9XG4gIH1cbiAgXG4gIC8qKlxuICAgKiBVcGRhdGVzIHRoZSBkZXNjcmlwdGlvbiB0b29sdGlwIGlmIGl0IGV4aXN0c1xuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSB1cGRhdGVEZXNjcmlwdGlvblRvb2x0aXAoKTogdm9pZCB7XG4gICAgY29uc3QgdG9vbHRpcCA9IGdldCh0aGlzLmRhdGEsICdkZXNjcmlwdGlvblRvb2x0aXAnKTtcbiAgICBpZiAoIWlzVW5kZWZpbmVkKHRvb2x0aXApKSB7XG4gICAgICB0aGlzLmRhdGEuZGVzY3JpcHRpb25Ub29sdGlwID0gdGhpcy5mb3JtYXR0ZWRUb29sdGlwKHRvb2x0aXApO1xuICAgIH1cbiAgfVxuXG4gIG9uQ2FyZENsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuY2FyZENsaWNrLmVtaXQodGhpcy5kYXRhKTtcbiAgfVxuXG4gIGdldENoaXBDb25maWcoc3RhdHVzOiBzdHJpbmcpOiBQYXJ0aWFsPFRodW1ibmFpbFN0YXR1cz4ge1xuICAgIHN3aXRjaCAoc3RhdHVzKSB7XG4gICAgICBjYXNlICdhY3RpdmUnOlxuICAgICAgICByZXR1cm4ge1xuICAgICAgICAgIHR5cGU6ICdzbWFsbCcsXG4gICAgICAgICAgc3RhdGU6ICdzdWNjZXNzJyxcbiAgICAgICAgICBmaWxsaW5nOiAnZmlsbGVkJ1xuICAgICAgICB9O1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICB0eXBlOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAnbmV1dHJhbCcsXG4gICAgICAgICAgZmlsbGluZzogJ291dGxpbmUnXG4gICAgICAgIH07XG4gICAgfVxuICB9XG5cbiAgZm9ybWF0dGVkVG9vbHRpcCh0b29sdGlwOiBhbnkpOiBzdHJpbmcge1xuICAgIHRyeSB7XG4gICAgICAvLyBQYXJzZSB0aGUgSlNPTiBzdHJpbmdcbiAgICAgIGNvbnN0IHBhcnNlZERhdGEgPSBKU09OLnBhcnNlKHRvb2x0aXApO1xuICAgICAgLy8gQ2hlY2sgaWYgcGFyc2VkRGF0YSBpcyBhbiBhcnJheVxuICAgICAgaWYgKGlzQXJyYXkocGFyc2VkRGF0YSkpIHtcbiAgICAgICAgLy8gSGFuZGxlIGNhc2Ugd2hlcmUgaXQncyBhbiBhcnJheSBvZiBvYmplY3RzXG4gICAgICAgIGlmIChcbiAgICAgICAgICBldmVyeShcbiAgICAgICAgICAgIHBhcnNlZERhdGEsXG4gICAgICAgICAgICAoaXRlbSkgPT4gaXRlbSAmJiB0eXBlb2YgaXRlbSA9PT0gJ29iamVjdCcgJiYgJ25hbWUnIGluIGl0ZW0sXG4gICAgICAgICAgKVxuICAgICAgICApIHtcbiAgICAgICAgICByZXR1cm4gam9pbihtYXAocGFyc2VkRGF0YSwgKGl0ZW06IGFueSkgPT4gaXRlbS5uYW1lKSwgJ1xcbicpO1xuICAgICAgICB9XG4gICAgICAgIC8vIEhhbmRsZSBjYXNlIHdoZXJlIGl0J3MgYW4gYXJyYXkgb2Ygc3RyaW5nc1xuICAgICAgICBpZiAoZXZlcnkocGFyc2VkRGF0YSwgKGl0ZW0pID0+IGlzU3RyaW5nKGl0ZW0pKSkge1xuICAgICAgICAgIHJldHVybiBqb2luKHBhcnNlZERhdGEsICdcXG4nKTtcbiAgICAgICAgfVxuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ0ludmFsaWQgYXJyYXkgc3RydWN0dXJlJyk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1BhcnNlZCBkYXRhIGlzIG5vdCBhbiBhcnJheScpO1xuICAgICAgfVxuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBpZiAoaW5jbHVkZXModG9vbHRpcCwgJ1xcbicpKSB7XG4gICAgICAgIHJldHVybiB0b29sdGlwOyAvLyBBc3N1bWluZyBpdCdzIGFscmVhZHkgZm9ybWF0dGVkIGNvcnJlY3RseVxuICAgICAgfVxuICAgICAgY29uc29sZS5lcnJvcignRXJyb3IgcGFyc2luZyB0b29sdGlwIGRhdGE6JywgZXJyb3IpO1xuICAgICAgLy8gUmV0dXJuIGEgZmFsbGJhY2sgbWVzc2FnZSBpbiBjYXNlIG9mIGFuIGVycm9yXG4gICAgICByZXR1cm4gJyc7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNhcmRcIiBbY2xhc3Muc21hbGxdPVwic2l6ZSA9PT0gJ3NtYWxsJ1wiIFtjbGFzcy5tZWRpdW1dPVwic2l6ZSA9PT0gJ21lZGl1bSdcIlxuICBbY2xhc3MubGFyZ2VdPVwic2l6ZSA9PT0gJ2xhcmdlJ1wiIChjbGljayk9XCJvbkNhcmRDbGljaygpXCIgcm9sZT1cImJ1dHRvblwiIHRhYmluZGV4PVwiMFwiIChrZXlkb3duLmVudGVyKT1cIm9uQ2FyZENsaWNrKClcIj5cbiAgPHNhLWNhcmQgW3Nob3dDdXN0b21DYXJkQm9keV09XCJ0cnVlXCIgW2N1c3RvbVdyYXBwZXJDbGFzc109XCInc2EtY2FyZC1jdXN0b20td3JhcHBlcidcIj5cbiAgICA8c2EtY2FyZC1jdXN0b20tYm9keT5cbiAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtY29udGVudFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNvbnRhaW5lclwiPlxuICAgICAgICAgIDxpbWcgW3NyY109XCJkYXRhPy50aHVtYm5haWxVcmxcIiBbYWx0XT1cImRhdGE/LnRpdGxlXCIgY2xhc3M9XCJ0aHVtYm5haWxcIj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaW5mb1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaGVhZGVyXCI+XG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJ0aHVtYm5haWwtdGl0bGVcIj57eyBkYXRhPy50aXRsZSB9fTwvaDM+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzLWNoaXBzXCI+XG4gICAgICAgICAgICAgIEBmb3IgKHN0YXR1cyBvZiBkYXRhPy5zdGF0dXNlczsgdHJhY2sgc3RhdHVzLnRleHQpIHtcbiAgICAgICAgICAgICAgPHNhLWNoaXAgW3RleHRdPVwic3RhdHVzLnRleHRcIiBbdHlwZV09XCInc21hbGwnXCIgW3N0YXRlXT1cInN0YXR1cy5zdGF0ZVwiIFtmaWxsaW5nXT1cInN0YXR1cy5maWxsaW5nXCJcbiAgICAgICAgICAgICAgICBbaWNvblBhdGhdPVwic3RhdHVzLmljb25QYXRoXCIgW2ljb25Qb3NpdGlvbl09XCJzdGF0dXMuaWNvblBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZUljb25dPVwic3RhdHVzLmxhcmdlU3RhdGVJY29uXCIgW2xhcmdlU3RhdGVUZXh0XT1cInN0YXR1cy5sYXJnZVN0YXRlVGV4dFwiIFttYXRUb29sdGlwXT1cInN0YXR1cz8udG9vbHRpcFwiIG1hdFRvb2x0aXBDbGFzcz1cImN1c3RvbS1zdGF0dXMtdG9vbHRpcFwiPlxuICAgICAgICAgICAgICA8L3NhLWNoaXA+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtbWV0YWRhdGFcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGh1bWJuYWlsLWRlc2NyaXB0aW9uXCIgW21hdFRvb2x0aXBdPVwiZGF0YT8uZGVzY3JpcHRpb25Ub29sdGlwXCIgbWF0VG9vbHRpcENsYXNzPVwiY3VzdG9tLWRlc2NyaXB0aW9uLXRvb2x0aXBcIj57eyBkYXRhPy5kZXNjcmlwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2VwYXJhdG9yXCI+PC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0aHVtYm5haWwtc3VidGl0bGVcIj57eyBkYXRhPy5zdWJ0aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L3NhLWNhcmQtY3VzdG9tLWJvZHk+XG4gIDwvc2EtY2FyZD5cbjwvZGl2PlxuIl19

package/fesm2022/sarasanalytics-com-design-system.mjs CHANGED Viewed

@@ -961,10 +961,24 @@ class ThumbnailCardComponent {
         this.size = 'medium';
         this.cardClick = new EventEmitter();
     }
-    ngOnInit() {
-        //console.log(this.data.title);
-        if (!isUndefined(get(this.data, 'descriptionTooltip'))) {
-            this.data.descriptionTooltip = this.formattedTooltip(this.data.descriptionTooltip);
+    /**
+     * Handles changes to component inputs
+     * @param changes SimpleChanges object containing changed properties
+     */
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.data = changes['data'].currentValue;
+            this.updateDescriptionTooltip();
+        }
+    }
+    /**
+     * Updates the description tooltip if it exists
+     * @private
+     */
+    updateDescriptionTooltip() {
+        const tooltip = get(this.data, 'descriptionTooltip');
+        if (!isUndefined(tooltip)) {
+            this.data.descriptionTooltip = this.formattedTooltip(tooltip);
         }
     }
     onCardClick() {
@@ -1016,7 +1030,7 @@ class ThumbnailCardComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ThumbnailCardComponent, isStandalone: true, selector: "sa-thumbnail-card", inputs: { data: "data", size: "size" }, outputs: { cardClick: "cardClick" }, ngImport: i0, template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n  [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"thumbnail-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n        </div>\n        <div class=\"thumbnail-info\">\n          <div class=\"thumbnail-header\">\n            <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              @for (status of data?.statuses; track status.text) {\n              <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\" [matTooltip]=\"status?.tooltip\" matTooltipClass=\"custom-status-tooltip\">\n              </sa-chip>\n              }\n            </div>\n          </div>\n          <div class=\"thumbnail-metadata\">\n            <span class=\"thumbnail-description\" [matTooltip]=\"data?.descriptionTooltip\" matTooltipClass=\"custom-description-tooltip\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}::ng-deep .custom-description-tooltip .mdc-tooltip__surface.mdc-tooltip__surface-animation{white-space:pre-line;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: ThumbnailCardComponent, isStandalone: true, selector: "sa-thumbnail-card", inputs: { data: "data", size: "size" }, outputs: { cardClick: "cardClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"thumbnail-card\" [class.small]=\"size === 'small'\" [class.medium]=\"size === 'medium'\"\n  [class.large]=\"size === 'large'\" (click)=\"onCardClick()\" role=\"button\" tabindex=\"0\" (keydown.enter)=\"onCardClick()\">\n  <sa-card [showCustomCardBody]=\"true\" [customWrapperClass]=\"'sa-card-custom-wrapper'\">\n    <sa-card-custom-body>\n      <div class=\"thumbnail-content\">\n        <div class=\"thumbnail-container\">\n          <img [src]=\"data?.thumbnailUrl\" [alt]=\"data?.title\" class=\"thumbnail\">\n        </div>\n        <div class=\"thumbnail-info\">\n          <div class=\"thumbnail-header\">\n            <h3 class=\"thumbnail-title\">{{ data?.title }}</h3>\n            <div class=\"status-chips\">\n              @for (status of data?.statuses; track status.text) {\n              <sa-chip [text]=\"status.text\" [type]=\"'small'\" [state]=\"status.state\" [filling]=\"status.filling\"\n                [iconPath]=\"status.iconPath\" [iconPosition]=\"status.iconPosition\"\n                [largeStateIcon]=\"status.largeStateIcon\" [largeStateText]=\"status.largeStateText\" [matTooltip]=\"status?.tooltip\" matTooltipClass=\"custom-status-tooltip\">\n              </sa-chip>\n              }\n            </div>\n          </div>\n          <div class=\"thumbnail-metadata\">\n            <span class=\"thumbnail-description\" [matTooltip]=\"data?.descriptionTooltip\" matTooltipClass=\"custom-description-tooltip\">{{ data?.description }}</span>\n            <span class=\"separator\"></span>\n            <span class=\"thumbnail-subtitle\">{{ data?.subtitle }}</span>\n          </div>\n        </div>\n      </div>\n    </sa-card-custom-body>\n  </sa-card>\n</div>\n", styles: [".thumbnail-card{display:block;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.thumbnail-card:hover{transform:translateY(-.2px);background-color:var(--structural-neutral3, #fafafa)}.thumbnail-card:focus{outline-offset:2px}.thumbnail-content{display:flex;flex-direction:column}.thumbnail-container{width:100%;position:relative;overflow:hidden}.thumbnail{width:100%;display:block}.thumbnail-info{padding:var(--small-16px, 16px) var(--small-16px, 16px) var(--small-16px, 16px);display:flex;flex-direction:column;gap:var(--small-8px, 8px);border-top:1px solid var(--grey-100, #EAECF0)}.thumbnail-header{display:flex;justify-content:space-between;align-items:center}.thumbnail-title{color:var(--text-highemphasis, #1C1B20);font-family:var(--font-roboto, Roboto);font-size:var(--small-14px, 14px);font-style:normal;font-weight:500;line-height:var(--small-20px, 20px);letter-spacing:.1px;margin:0}.status-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-left:auto}.thumbnail-metadata{display:flex;align-items:center;gap:var(--small-8px, 8px)}.thumbnail-description,.thumbnail-subtitle{font-size:var(--small-12px, 12px);color:var(--text-mediumemphasis, #6D6979);line-height:var(--small-16px, 16px);font-style:normal;font-weight:400}.separator{border-radius:var(--small-3px, 3px);background:var(--grey-100, #EAECF0);width:1px;align-self:stretch}::ng-deep .thumbnail-card .sa-card-wrapper.sa-card-custom-wrapper{border-radius:var(--small-4px, 4px);border:1px solid var(--grey-100, #EAECF0);background:var(--structural-white, #FFF);padding:0;overflow:hidden}::ng-deep .custom-description-tooltip .mdc-tooltip__surface.mdc-tooltip__surface-animation{white-space:pre-line;text-align:left}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: CardComponent, selector: "sa-card", inputs: ["title", "showCardHeader", "showCardBody", "showHeaderBodyDivider", "showCustomCardBody", "customWrapperClass", "chip", "body", "avatar", "image", "imageWidth", "avatarSize", "href", "hrefTarget", "icon", "iconSize", "subtitle", "logoIcon", "width", "height", "column"] }, { kind: "component", type: CardBodyComponent, selector: "sa-card-custom-body" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ThumbnailCardComponent, decorators: [{
             type: Component,