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

@sarasanalytics-com/design-system 0.0.98 → 0.0.99

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,30 @@ export class ThumbnailCardComponent {
         this.size = 'medium';
         this.cardClick = new EventEmitter();
     }
+    /**
+     * Handles changes to component inputs
+     * @param changes SimpleChanges object containing changed properties
+     */
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.data = changes['data'].currentValue;
+            this.updateDescriptionTooltip();
+        }
+    }
+    /**
+     * Initializes the component
+     */
     ngOnInit() {
-        //console.log(this.data.title);
-        if (!isUndefined(get(this.data, 'descriptionTooltip'))) {
-            this.data.descriptionTooltip = this.formattedTooltip(this.data.descriptionTooltip);
+        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 +89,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 +109,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
             }], cardClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC90aHVtYm5haWwtY2FyZC90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7O0FBdUN6RixNQUFNLE9BQU8sc0JBQXNCO0lBZm5DO1FBaUJXLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzdDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBaUIsQ0FBQztLQWdFekQ7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SSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FyZEJvZHlDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLWJvZHkvY2FyZC1ib2R5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC1jdXN0b20taGVhZGVyL2NhcmQtY3VzdG9tLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgaXNBcnJheSwgaXNTdHJpbmcsIG1hcCwgam9pbiwgZXZlcnksIGdldCwgaXNVbmRlZmluZWQsIGluY2x1ZGVzIH0gZnJvbSAnbG9kYXNoJztcblxuZXhwb3J0IGludGVyZmFjZSBUaHVtYm5haWxTdGF0dXMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6ICdyZWd1bGFyJyB8ICdzbWFsbCcgfCAnbGFyZ2UnO1xuICBzdGF0ZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnbmV1dHJhbCcgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBmaWxsaW5nOiAnb3V0bGluZScgfCAnZmlsbGVkJztcbiAgaWNvblBhdGg/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9jYXJkL3RodW1ibmFpbC1jYXJkL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC90aHVtYm5haWwtY2FyZC90aHVtYm5haWwtY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsTUFBTSxRQUFRLENBQUM7OztBQXVDekYsTUFBTSxPQUFPLHNCQUFzQjtJQWZuQztRQWlCVyxTQUFJLEdBQWlDLFFBQVEsQ0FBQztRQUM3QyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUM7S0FvRnpE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OHFEQThCQSx1dURETUksWUFBWSwrQkFDWixjQUFjLDhNQUNkLGFBQWEsNFVBRWIsaUJBQWlCLCtEQUVqQixnQkFBZ0I7OzJGQUtQLHNCQUFzQjtrQkFmbEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsaUJBQWlCO3dCQUNqQix5QkFBeUI7d0JBQ3pCLGdCQUFnQjtxQkFDakI7OEJBS1EsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2FyZEJvZHlDb21wb25lbnQgfSBmcm9tICcuLi9jYXJkLWJvZHkvY2FyZC1ib2R5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDYXJkQ3VzdG9tSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY2FyZC1jdXN0b20taGVhZGVyL2NhcmQtY3VzdG9tLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgaXNBcnJheSwgaXNTdHJpbmcsIG1hcCwgam9pbiwgZXZlcnksIGdldCwgaXNVbmRlZmluZWQsIGluY2x1ZGVzIH0gZnJvbSAnbG9kYXNoJztcblxuZXhwb3J0IGludGVyZmFjZSBUaHVtYm5haWxTdGF0dXMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHR5cGU6ICdyZWd1bGFyJyB8ICdzbWFsbCcgfCAnbGFyZ2UnO1xuICBzdGF0ZTogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnbmV1dHJhbCcgfCAnZXJyb3InIHwgJ3dhcm5pbmcnIHwgJ3N1Y2Nlc3MnO1xuICBmaWxsaW5nOiAnb3V0bGluZScgfCAnZmlsbGVkJztcbiAgaWNvblBhdGg/OiBzdHJpbmc7XG4gIGljb25Qb3NpdGlvbj86ICdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCcgfCAnJztcbiAgbGFyZ2VTdGF0ZUljb24/OiBzdHJpbmc7XG4gIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nO1xuICB0b29sdGlwPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIFRodW1ibmFpbERhdGEge1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbjogc3RyaW5nO1xuICBkZXNjcmlwdGlvblRvb2x0aXA/OiBzdHJpbmc7XG4gIHRodW1ibmFpbFVybDogc3RyaW5nO1xuICBzdGF0dXNlczogVGh1bWJuYWlsU3RhdHVzW107XG4gIFtrZXk6IHN0cmluZ106IGFueVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS10aHVtYm5haWwtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQ2hpcHNDb21wb25lbnQsXG4gICAgQ2FyZENvbXBvbmVudCxcbiAgICBJY29uQ29tcG9uZW50LFxuICAgIENhcmRCb2R5Q29tcG9uZW50LFxuICAgIENhcmRDdXN0b21IZWFkZXJDb21wb25lbnQsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RodW1ibmFpbC1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGh1bWJuYWlsLWNhcmQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRodW1ibmFpbENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBkYXRhOiBUaHVtYm5haWxEYXRhO1xuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBPdXRwdXQoKSBjYXJkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPFRodW1ibmFpbERhdGE+KCk7XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgY2hhbmdlcyB0byBjb21wb25lbnQgaW5wdXRzXG4gICAqIEBwYXJhbSBjaGFuZ2VzIFNpbXBsZUNoYW5nZXMgb2JqZWN0IGNvbnRhaW5pbmcgY2hhbmdlZCBwcm9wZXJ0aWVzXG4gICAqL1xuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgaWYgKGNoYW5nZXNbJ2RhdGEnXSkge1xuICAgICAgdGhpcy5kYXRhID0gY2hhbmdlc1snZGF0YSddLmN1cnJlbnRWYWx1ZTtcbiAgICAgIHRoaXMudXBkYXRlRGVzY3JpcHRpb25Ub29sdGlwKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEluaXRpYWxpemVzIHRoZSBjb21wb25lbnRcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlRGVzY3JpcHRpb25Ub29sdGlwKCk7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlcyB0aGUgZGVzY3JpcHRpb24gdG9vbHRpcCBpZiBpdCBleGlzdHNcbiAgICogQHByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgdXBkYXRlRGVzY3JpcHRpb25Ub29sdGlwKCk6IHZvaWQge1xuICAgIGNvbnN0IHRvb2x0aXAgPSBnZXQodGhpcy5kYXRhLCAnZGVzY3JpcHRpb25Ub29sdGlwJyk7XG4gICAgaWYgKCFpc1VuZGVmaW5lZCh0b29sdGlwKSkge1xuICAgICAgdGhpcy5kYXRhLmRlc2NyaXB0aW9uVG9vbHRpcCA9IHRoaXMuZm9ybWF0dGVkVG9vbHRpcCh0b29sdGlwKTtcbiAgICB9XG4gIH1cblxuICBvbkNhcmRDbGljaygpOiB2b2lkIHtcbiAgICB0aGlzLmNhcmRDbGljay5lbWl0KHRoaXMuZGF0YSk7XG4gIH1cblxuICBnZXRDaGlwQ29uZmlnKHN0YXR1czogc3RyaW5nKTogUGFydGlhbDxUaHVtYm5haWxTdGF0dXM+IHtcbiAgICBzd2l0Y2ggKHN0YXR1cykge1xuICAgICAgY2FzZSAnYWN0aXZlJzpcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICB0eXBlOiAnc21hbGwnLFxuICAgICAgICAgIHN0YXRlOiAnc3VjY2VzcycsXG4gICAgICAgICAgZmlsbGluZzogJ2ZpbGxlZCdcbiAgICAgICAgfTtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgdHlwZTogJ3NtYWxsJyxcbiAgICAgICAgICBzdGF0ZTogJ25ldXRyYWwnLFxuICAgICAgICAgIGZpbGxpbmc6ICdvdXRsaW5lJ1xuICAgICAgICB9O1xuICAgIH1cbiAgfVxuXG4gIGZvcm1hdHRlZFRvb2x0aXAodG9vbHRpcDogYW55KTogc3RyaW5nIHtcbiAgICB0cnkge1xuICAgICAgLy8gUGFyc2UgdGhlIEpTT04gc3RyaW5nXG4gICAgICBjb25zdCBwYXJzZWREYXRhID0gSlNPTi5wYXJzZSh0b29sdGlwKTtcbiAgICAgIC8vIENoZWNrIGlmIHBhcnNlZERhdGEgaXMgYW4gYXJyYXlcbiAgICAgIGlmIChpc0FycmF5KHBhcnNlZERhdGEpKSB7XG4gICAgICAgIC8vIEhhbmRsZSBjYXNlIHdoZXJlIGl0J3MgYW4gYXJyYXkgb2Ygb2JqZWN0c1xuICAgICAgICBpZiAoXG4gICAgICAgICAgZXZlcnkoXG4gICAgICAgICAgICBwYXJzZWREYXRhLFxuICAgICAgICAgICAgKGl0ZW0pID0+IGl0ZW0gJiYgdHlwZW9mIGl0ZW0gPT09ICdvYmplY3QnICYmICduYW1lJyBpbiBpdGVtLFxuICAgICAgICAgIClcbiAgICAgICAgKSB7XG4gICAgICAgICAgcmV0dXJuIGpvaW4obWFwKHBhcnNlZERhdGEsIChpdGVtOiBhbnkpID0+IGl0ZW0ubmFtZSksICdcXG4nKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBIYW5kbGUgY2FzZSB3aGVyZSBpdCdzIGFuIGFycmF5IG9mIHN0cmluZ3NcbiAgICAgICAgaWYgKGV2ZXJ5KHBhcnNlZERhdGEsIChpdGVtKSA9PiBpc1N0cmluZyhpdGVtKSkpIHtcbiAgICAgICAgICByZXR1cm4gam9pbihwYXJzZWREYXRhLCAnXFxuJyk7XG4gICAgICAgIH1cbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdJbnZhbGlkIGFycmF5IHN0cnVjdHVyZScpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdQYXJzZWQgZGF0YSBpcyBub3QgYW4gYXJyYXknKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnJvcikge1xuICAgICAgaWYgKGluY2x1ZGVzKHRvb2x0aXAsICdcXG4nKSkge1xuICAgICAgICByZXR1cm4gdG9vbHRpcDsgLy8gQXNzdW1pbmcgaXQncyBhbHJlYWR5IGZvcm1hdHRlZCBjb3JyZWN0bHlcbiAgICAgIH1cbiAgICAgIGNvbnNvbGUuZXJyb3IoJ0Vycm9yIHBhcnNpbmcgdG9vbHRpcCBkYXRhOicsIGVycm9yKTtcbiAgICAgIC8vIFJldHVybiBhIGZhbGxiYWNrIG1lc3NhZ2UgaW4gY2FzZSBvZiBhbiBlcnJvclxuICAgICAgcmV0dXJuICcnO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jYXJkXCIgW2NsYXNzLnNtYWxsXT1cInNpemUgPT09ICdzbWFsbCdcIiBbY2xhc3MubWVkaXVtXT1cInNpemUgPT09ICdtZWRpdW0nXCJcbiAgW2NsYXNzLmxhcmdlXT1cInNpemUgPT09ICdsYXJnZSdcIiAoY2xpY2spPVwib25DYXJkQ2xpY2soKVwiIHJvbGU9XCJidXR0b25cIiB0YWJpbmRleD1cIjBcIiAoa2V5ZG93bi5lbnRlcik9XCJvbkNhcmRDbGljaygpXCI+XG4gIDxzYS1jYXJkIFtzaG93Q3VzdG9tQ2FyZEJvZHldPVwidHJ1ZVwiIFtjdXN0b21XcmFwcGVyQ2xhc3NdPVwiJ3NhLWNhcmQtY3VzdG9tLXdyYXBwZXInXCI+XG4gICAgPHNhLWNhcmQtY3VzdG9tLWJvZHk+XG4gICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRodW1ibmFpbC1jb250YWluZXJcIj5cbiAgICAgICAgICA8aW1nIFtzcmNdPVwiZGF0YT8udGh1bWJuYWlsVXJsXCIgW2FsdF09XCJkYXRhPy50aXRsZVwiIGNsYXNzPVwidGh1bWJuYWlsXCI+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWluZm9cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWhlYWRlclwiPlxuICAgICAgICAgICAgPGgzIGNsYXNzPVwidGh1bWJuYWlsLXRpdGxlXCI+e3sgZGF0YT8udGl0bGUgfX08L2gzPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXR1cy1jaGlwc1wiPlxuICAgICAgICAgICAgICBAZm9yIChzdGF0dXMgb2YgZGF0YT8uc3RhdHVzZXM7IHRyYWNrIHN0YXR1cy50ZXh0KSB7XG4gICAgICAgICAgICAgIDxzYS1jaGlwIFt0ZXh0XT1cInN0YXR1cy50ZXh0XCIgW3R5cGVdPVwiJ3NtYWxsJ1wiIFtzdGF0ZV09XCJzdGF0dXMuc3RhdGVcIiBbZmlsbGluZ109XCJzdGF0dXMuZmlsbGluZ1wiXG4gICAgICAgICAgICAgICAgW2ljb25QYXRoXT1cInN0YXR1cy5pY29uUGF0aFwiIFtpY29uUG9zaXRpb25dPVwic3RhdHVzLmljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgW2xhcmdlU3RhdGVJY29uXT1cInN0YXR1cy5sYXJnZVN0YXRlSWNvblwiIFtsYXJnZVN0YXRlVGV4dF09XCJzdGF0dXMubGFyZ2VTdGF0ZVRleHRcIiBbbWF0VG9vbHRpcF09XCJzdGF0dXM/LnRvb2x0aXBcIiBtYXRUb29sdGlwQ2xhc3M9XCJjdXN0b20tc3RhdHVzLXRvb2x0aXBcIj5cbiAgICAgICAgICAgICAgPC9zYS1jaGlwPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLW1ldGFkYXRhXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRodW1ibmFpbC1kZXNjcmlwdGlvblwiIFttYXRUb29sdGlwXT1cImRhdGE/LmRlc2NyaXB0aW9uVG9vbHRpcFwiIG1hdFRvb2x0aXBDbGFzcz1cImN1c3RvbS1kZXNjcmlwdGlvbi10b29sdGlwXCI+e3sgZGF0YT8uZGVzY3JpcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNlcGFyYXRvclwiPjwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGh1bWJuYWlsLXN1YnRpdGxlXCI+e3sgZGF0YT8uc3VidGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9zYS1jYXJkLWN1c3RvbS1ib2R5PlxuICA8L3NhLWNhcmQ+XG48L2Rpdj5cbiJdfQ==

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

@@ -961,10 +961,30 @@ class ThumbnailCardComponent {
         this.size = 'medium';
         this.cardClick = new EventEmitter();
     }
+    /**
+     * Handles changes to component inputs
+     * @param changes SimpleChanges object containing changed properties
+     */
+    ngOnChanges(changes) {
+        if (changes['data']) {
+            this.data = changes['data'].currentValue;
+            this.updateDescriptionTooltip();
+        }
+    }
+    /**
+     * Initializes the component
+     */
     ngOnInit() {
-        //console.log(this.data.title);
-        if (!isUndefined(get(this.data, 'descriptionTooltip'))) {
-            this.data.descriptionTooltip = this.formattedTooltip(this.data.descriptionTooltip);
+        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 +1036,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,