@sarasanalytics-com/design-system 0.0.97 → 0.0.99

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

@@ -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/esm2022/lib/header/header.component.mjs

@@ -12,6 +12,23 @@ export class HeaderComponent {
         this.info = [];
         this.buttonClick = new EventEmitter();
     }
+    ngOnChanges(changes) {
+        if (changes['header']) {
+            this.header = changes['header'].currentValue;
+        }
+        else if (changes['chipConfig']) {
+            this.chipConfig = changes['chipConfig'].currentValue;
+        }
+        else if (changes['info']) {
+            this.info = changes['info'].currentValue;
+        }
+        else if (changes['buttonHelper']) {
+            this.buttonHelper = changes['buttonHelper'].currentValue;
+        }
+        else if (changes['buttonMain']) {
+            this.buttonMain = changes['buttonMain'].currentValue;
+        }
+    }
     onButtonClick(type, event) {
         const button = type === 'secondary' ? this.buttonHelper : this.buttonMain;
         if (button) {
@@ -19,7 +36,7 @@ export class HeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], ngImport: i0, template: "<div class=\"header\">\n  <div class=\"header-content\">\n    @if (header?.text || header?.html || header.icon?.iconUrl) {\n      <div class=\"heading\">\n        <div class=\"header-name-container\">\n          @if (header.icon?.iconUrl) {\n            <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n          }\n          <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n        </div>\n        @for(chip of chipConfig; track chip.text) {\n          <div>\n            <sa-chip \n              [id]=\"chip.id\"\n              [type]=\"chip.type\"\n              [state]=\"chip.state\"\n              [filling]=\"chip.filling\"\n              [text]=\"chip.text\"\n              [iconPosition]=\"chip.iconPosition\"\n              [iconPath]=\"chip.iconPath\"\n              [largeStateIcon]=\"chip.largeStateIcon\"\n              [largeStateText]=\"chip.largeStateText\"\n            ></sa-chip>\n          </div>\n        }\n      </div>\n    }\n    <div class=\"header-info\">\n      @for(item of info; track item.text) {\n        <div class=\"info-item\">\n          @if(item.icon) {\n            <img [src]=\"item.icon\" alt=\"\">\n          }\n          {{item.text}}\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"actions\">\n    @if(buttonHelper) {\n      <sa-button \n        (onClickEvent)=\"onButtonClick('secondary', $event)\"\n        [id]=\"buttonHelper.id\"\n        [text]=\"buttonHelper.text\"\n        [type]=\"buttonHelper.type\"\n        [size]=\"buttonHelper.size\"\n        [state]=\"buttonHelper.state\"\n        [ImagePath]=\"buttonHelper.imagePath\"\n        [iconPosition]=\"buttonHelper.iconPosition\"\n        [href]=\"buttonHelper.href\"\n        [hrefTarget]=\"buttonHelper.hrefTarget\"\n        [isSubmit]=\"buttonHelper.isSubmit\">\n      </sa-button>\n    }\n    @if(buttonMain) {\n      <sa-button\n        (onClickEvent)=\"onButtonClick('primary', $event)\"\n        [id]=\"buttonMain.id\"\n        [text]=\"buttonMain.text\"\n        [type]=\"buttonMain.type\"\n        [size]=\"buttonMain.size\"\n        [state]=\"buttonMain.state\"\n        [ImagePath]=\"buttonMain.imagePath\"\n        [iconPosition]=\"buttonMain.iconPosition\"\n        [href]=\"buttonMain.href\"\n        [hrefTarget]=\"buttonMain.hrefTarget\"\n        [isSubmit]=\"buttonMain.isSubmit\">\n      </sa-button>\n    }\n  </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"header\">\n  <div class=\"header-content\">\n    @if (header?.text || header?.html || header.icon?.iconUrl) {\n      <div class=\"heading\">\n        <div class=\"header-name-container\">\n          @if (header.icon?.iconUrl) {\n            <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n          }\n          <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n        </div>\n        @for(chip of chipConfig; track chip.text) {\n          <div>\n            <sa-chip \n              [id]=\"chip.id\"\n              [type]=\"chip.type\"\n              [state]=\"chip.state\"\n              [filling]=\"chip.filling\"\n              [text]=\"chip.text\"\n              [iconPosition]=\"chip.iconPosition\"\n              [iconPath]=\"chip.iconPath\"\n              [largeStateIcon]=\"chip.largeStateIcon\"\n              [largeStateText]=\"chip.largeStateText\"\n            ></sa-chip>\n          </div>\n        }\n      </div>\n    }\n    <div class=\"header-info\">\n      @for(item of info; track item.text) {\n        <div class=\"info-item\">\n          @if(item.icon) {\n            <img [src]=\"item.icon\" alt=\"\">\n          }\n          {{item.text}}\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"actions\">\n    @if(buttonHelper) {\n      <sa-button \n        (onClickEvent)=\"onButtonClick('secondary', $event)\"\n        [id]=\"buttonHelper.id\"\n        [text]=\"buttonHelper.text\"\n        [type]=\"buttonHelper.type\"\n        [size]=\"buttonHelper.size\"\n        [state]=\"buttonHelper.state\"\n        [ImagePath]=\"buttonHelper.imagePath\"\n        [iconPosition]=\"buttonHelper.iconPosition\"\n        [href]=\"buttonHelper.href\"\n        [hrefTarget]=\"buttonHelper.hrefTarget\"\n        [isSubmit]=\"buttonHelper.isSubmit\">\n      </sa-button>\n    }\n    @if(buttonMain) {\n      <sa-button\n        (onClickEvent)=\"onButtonClick('primary', $event)\"\n        [id]=\"buttonMain.id\"\n        [text]=\"buttonMain.text\"\n        [type]=\"buttonMain.type\"\n        [size]=\"buttonMain.size\"\n        [state]=\"buttonMain.state\"\n        [ImagePath]=\"buttonMain.imagePath\"\n        [iconPosition]=\"buttonMain.iconPosition\"\n        [href]=\"buttonMain.href\"\n        [hrefTarget]=\"buttonMain.hrefTarget\"\n        [isSubmit]=\"buttonMain.isSubmit\">\n      </sa-button>\n    }\n  </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
@@ -37,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImpor
             }], buttonClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2hlYWRlci9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBWW5ELE1BQU0sT0FBTyxlQUFlO0lBUzFCO1FBUlMsV0FBTSxHQUFpQixFQUFFLENBQUM7UUFDMUIsZUFBVSxHQUF1QixFQUFFLENBQUM7UUFDcEMsU0FBSSxHQUFxQixFQUFFLENBQUM7UUFJM0IsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztJQUU3QyxDQUFDO0lBRWpCLGFBQWEsQ0FBQyxJQUE2QixFQUFFLEtBQVk7UUFDdkQsTUFBTSxNQUFNLEdBQUcsSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUMxRSxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ2hFLENBQUM7SUFDSCxDQUFDOzhHQWhCVSxlQUFlO2tHQUFmLGVBQWUsK05BRmYsQ0FBQyxXQUFXLENBQUMsMEJDakIxQixvNEVBdUVBLHEwQ0R2RFksYUFBYSxvSUFBRSxjQUFjLDhNQUFFLGVBQWUsdVJBQUUsZ0JBQWdCOzsyRkFHL0QsZUFBZTtrQkFSM0IsU0FBUzsrQkFDRSxXQUFXLGNBR1QsSUFBSSxXQUNQLENBQUMsYUFBYSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUMsYUFDaEUsQ0FBQyxXQUFXLENBQUM7d0RBR2YsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNsaWNrRXZlbnQsIEJ1dHRvbkludGVyZmFjZSwgQnV0dG9uU2l6ZSwgQnV0dG9uVHlwZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvYnV0dG9uLWludGVyZmFjZSc7XG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGlwc0NvbXBvbmVudCB9IGZyb20gJy4uL2NoaXBzL2NoaXBzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgSWNvblNlcnZpY2UgfSBmcm9tICcuLi9pY29uL2ljb24uc2VydmljZSc7XG5pbXBvcnQgeyBDaGlwSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZSc7XG5pbXBvcnQgeyBIZWFkZXJDaGlwQ29uZmlnLCBIZWFkZXJDb25maWcsIEhlYWRlckluZm9JdGVtIH0gZnJvbSAnLi4vLi4vaW50ZXJmYWNlcy9oZWFkZXItaW50ZXJmYWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtaGVhZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2hlYWRlci5jb21wb25lbnQuY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtJY29uQ29tcG9uZW50LCBDaGlwc0NvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBIdHRwQ2xpZW50TW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbSWNvblNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhlYWRlcjogSGVhZGVyQ29uZmlnID0ge307XG4gIEBJbnB1dCgpIGNoaXBDb25maWc6IEhlYWRlckNoaXBDb25maWdbXSA9IFtdO1xuICBASW5wdXQoKSBpbmZvOiBIZWFkZXJJbmZvSXRlbVtdID0gW107XG4gIEBJbnB1dCgpIGJ1dHRvbkhlbHBlcj86IEJ1dHRvbkludGVyZmFjZTtcbiAgQElucHV0KCkgYnV0dG9uTWFpbj86IEJ1dHRvbkludGVyZmFjZTtcblxuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPEJ1dHRvbkNsaWNrRXZlbnQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBvbkJ1dHRvbkNsaWNrKHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknLCBldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBidXR0b24gPSB0eXBlID09PSAnc2Vjb25kYXJ5JyA/IHRoaXMuYnV0dG9uSGVscGVyIDogdGhpcy5idXR0b25NYWluO1xuICAgIGlmIChidXR0b24pIHtcbiAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdCh7IHR5cGUsIGJ1dHRvbiwgb3JpZ2luYWxFdmVudDogZXZlbnQgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaGVhZGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJoZWFkZXItY29udGVudFwiPlxuICAgIEBpZiAoaGVhZGVyPy50ZXh0IHx8IGhlYWRlcj8uaHRtbCB8fCBoZWFkZXIuaWNvbj8uaWNvblVybCkge1xuICAgICAgPGRpdiBjbGFzcz1cImhlYWRpbmdcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1uYW1lLWNvbnRhaW5lclwiPlxuICAgICAgICAgIEBpZiAoaGVhZGVyLmljb24/Lmljb25VcmwpIHtcbiAgICAgICAgICAgIDxzYS1pY29uIFtpY29uVXJsXT1cImhlYWRlcj8uaWNvbj8uaWNvblVybFwiIFtzaXplXT1cImhlYWRlcj8uaWNvbj8uc2l6ZSB8fCAnMjRweCdcIiAvPlxuICAgICAgICAgIH1cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLW5hbWVcIiBbaW5uZXJIVE1MXT1cImhlYWRlcj8uaHRtbCB8fCBoZWFkZXI/LnRleHRcIj48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIEBmb3IoY2hpcCBvZiBjaGlwQ29uZmlnOyB0cmFjayBjaGlwLnRleHQpIHtcbiAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgPHNhLWNoaXAgXG4gICAgICAgICAgICAgIFtpZF09XCJjaGlwLmlkXCJcbiAgICAgICAgICAgICAgW3R5cGVdPVwiY2hpcC50eXBlXCJcbiAgICAgICAgICAgICAgW3N0YXRlXT1cImNoaXAuc3RhdGVcIlxuICAgICAgICAgICAgICBbZmlsbGluZ109XCJjaGlwLmZpbGxpbmdcIlxuICAgICAgICAgICAgICBbdGV4dF09XCJjaGlwLnRleHRcIlxuICAgICAgICAgICAgICBbaWNvblBvc2l0aW9uXT1cImNoaXAuaWNvblBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgW2ljb25QYXRoXT1cImNoaXAuaWNvblBhdGhcIlxuICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZUljb25dPVwiY2hpcC5sYXJnZVN0YXRlSWNvblwiXG4gICAgICAgICAgICAgIFtsYXJnZVN0YXRlVGV4dF09XCJjaGlwLmxhcmdlU3RhdGVUZXh0XCJcbiAgICAgICAgICAgID48L3NhLWNoaXA+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIH1cbiAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWluZm9cIj5cbiAgICAgIEBmb3IoaXRlbSBvZiBpbmZvOyB0cmFjayBpdGVtLnRleHQpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImluZm8taXRlbVwiPlxuICAgICAgICAgIEBpZihpdGVtLmljb24pIHtcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJpdGVtLmljb25cIiBhbHQ9XCJcIj5cbiAgICAgICAgICB9XG4gICAgICAgICAge3tpdGVtLnRleHR9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XG4gICAgQGlmKGJ1dHRvbkhlbHBlcikge1xuICAgICAgPHNhLWJ1dHRvbiBcbiAgICAgICAgKG9uQ2xpY2tFdmVudCk9XCJvbkJ1dHRvbkNsaWNrKCdzZWNvbmRhcnknLCAkZXZlbnQpXCJcbiAgICAgICAgW2lkXT1cImJ1dHRvbkhlbHBlci5pZFwiXG4gICAgICAgIFt0ZXh0XT1cImJ1dHRvbkhlbHBlci50ZXh0XCJcbiAgICAgICAgW3R5cGVdPVwiYnV0dG9uSGVscGVyLnR5cGVcIlxuICAgICAgICBbc2l6ZV09XCJidXR0b25IZWxwZXIuc2l6ZVwiXG4gICAgICAgIFtzdGF0ZV09XCJidXR0b25IZWxwZXIuc3RhdGVcIlxuICAgICAgICBbSW1hZ2VQYXRoXT1cImJ1dHRvbkhlbHBlci5pbWFnZVBhdGhcIlxuICAgICAgICBbaWNvblBvc2l0aW9uXT1cImJ1dHRvbkhlbHBlci5pY29uUG9zaXRpb25cIlxuICAgICAgICBbaHJlZl09XCJidXR0b25IZWxwZXIuaHJlZlwiXG4gICAgICAgIFtocmVmVGFyZ2V0XT1cImJ1dHRvbkhlbHBlci5ocmVmVGFyZ2V0XCJcbiAgICAgICAgW2lzU3VibWl0XT1cImJ1dHRvbkhlbHBlci5pc1N1Ym1pdFwiPlxuICAgICAgPC9zYS1idXR0b24+XG4gICAgfVxuICAgIEBpZihidXR0b25NYWluKSB7XG4gICAgICA8c2EtYnV0dG9uXG4gICAgICAgIChvbkNsaWNrRXZlbnQpPVwib25CdXR0b25DbGljaygncHJpbWFyeScsICRldmVudClcIlxuICAgICAgICBbaWRdPVwiYnV0dG9uTWFpbi5pZFwiXG4gICAgICAgIFt0ZXh0XT1cImJ1dHRvbk1haW4udGV4dFwiXG4gICAgICAgIFt0eXBlXT1cImJ1dHRvbk1haW4udHlwZVwiXG4gICAgICAgIFtzaXplXT1cImJ1dHRvbk1haW4uc2l6ZVwiXG4gICAgICAgIFtzdGF0ZV09XCJidXR0b25NYWluLnN0YXRlXCJcbiAgICAgICAgW0ltYWdlUGF0aF09XCJidXR0b25NYWluLmltYWdlUGF0aFwiXG4gICAgICAgIFtpY29uUG9zaXRpb25dPVwiYnV0dG9uTWFpbi5pY29uUG9zaXRpb25cIlxuICAgICAgICBbaHJlZl09XCJidXR0b25NYWluLmhyZWZcIlxuICAgICAgICBbaHJlZlRhcmdldF09XCJidXR0b25NYWluLmhyZWZUYXJnZXRcIlxuICAgICAgICBbaXNTdWJtaXRdPVwiYnV0dG9uTWFpbi5pc1N1Ym1pdFwiPlxuICAgICAgPC9zYS1idXR0b24+XG4gICAgfVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvaGVhZGVyL2hlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2hlYWRlci9oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFFakcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQVluRCxNQUFNLE9BQU8sZUFBZTtJQVMxQjtRQVJTLFdBQU0sR0FBaUIsRUFBRSxDQUFDO1FBQzFCLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBQ3BDLFNBQUksR0FBcUIsRUFBRSxDQUFDO1FBSTNCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQW9CLENBQUM7SUFFN0MsQ0FBQztJQUVqQixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDL0MsQ0FBQzthQUFNLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUMsWUFBWSxDQUFDO1FBQ3ZELENBQUM7YUFBTSxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxJQUFJLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFlBQVksQ0FBQztRQUMzQyxDQUFDO2FBQU0sSUFBSSxPQUFPLENBQUMsY0FBYyxDQUFDLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDM0QsQ0FBQzthQUFNLElBQUksT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUM7WUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxPQUFPLENBQUMsWUFBWSxDQUFDLENBQUMsWUFBWSxDQUFDO1FBQ3ZELENBQUM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLElBQTZCLEVBQUUsS0FBWTtRQUN2RCxNQUFNLE1BQU0sR0FBRyxJQUFJLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQzFFLElBQUksTUFBTSxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7UUFDaEUsQ0FBQztJQUNILENBQUM7OEdBOUJVLGVBQWU7a0dBQWYsZUFBZSwrTkFGZixDQUFDLFdBQVcsQ0FBQywrQ0NqQjFCLG80RUF1RUEscTBDRHZEWSxhQUFhLG9JQUFFLGNBQWMsOE1BQUUsZUFBZSx1UkFBRSxnQkFBZ0I7OzJGQUcvRCxlQUFlO2tCQVIzQixTQUFTOytCQUNFLFdBQVcsY0FHVCxJQUFJLFdBQ1AsQ0FBQyxhQUFhLEVBQUUsY0FBYyxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQyxhQUNoRSxDQUFDLFdBQVcsQ0FBQzt3REFHZixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25DbGlja0V2ZW50LCBCdXR0b25JbnRlcmZhY2UsIEJ1dHRvblNpemUsIEJ1dHRvblR5cGUgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ2hpcHNDb21wb25lbnQgfSBmcm9tICcuLi9jaGlwcy9jaGlwcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL2ljb24vaWNvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IEljb25TZXJ2aWNlIH0gZnJvbSAnLi4vaWNvbi9pY29uLnNlcnZpY2UnO1xuaW1wb3J0IHsgQ2hpcEludGVyZmFjZSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvY2hpcC1pbnRlcmZhY2UnO1xuaW1wb3J0IHsgSGVhZGVyQ2hpcENvbmZpZywgSGVhZGVyQ29uZmlnLCBIZWFkZXJJbmZvSXRlbSB9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvaGVhZGVyLWludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LmNzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbSWNvbkNvbXBvbmVudCwgQ2hpcHNDb21wb25lbnQsIEJ1dHRvbkNvbXBvbmVudCwgSHR0cENsaWVudE1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0ljb25TZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKSBoZWFkZXI6IEhlYWRlckNvbmZpZyA9IHt9O1xuICBASW5wdXQoKSBjaGlwQ29uZmlnOiBIZWFkZXJDaGlwQ29uZmlnW10gPSBbXTtcbiAgQElucHV0KCkgaW5mbzogSGVhZGVySW5mb0l0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSBidXR0b25IZWxwZXI/OiBCdXR0b25JbnRlcmZhY2U7XG4gIEBJbnB1dCgpIGJ1dHRvbk1haW4/OiBCdXR0b25JbnRlcmZhY2U7XG5cbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxCdXR0b25DbGlja0V2ZW50PigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydoZWFkZXInXSkge1xuICAgICAgdGhpcy5oZWFkZXIgPSBjaGFuZ2VzWydoZWFkZXInXS5jdXJyZW50VmFsdWU7XG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWydjaGlwQ29uZmlnJ10pIHtcbiAgICAgIHRoaXMuY2hpcENvbmZpZyA9IGNoYW5nZXNbJ2NoaXBDb25maWcnXS5jdXJyZW50VmFsdWU7XG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWydpbmZvJ10pIHtcbiAgICAgIHRoaXMuaW5mbyA9IGNoYW5nZXNbJ2luZm8nXS5jdXJyZW50VmFsdWU7XG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWydidXR0b25IZWxwZXInXSkge1xuICAgICAgdGhpcy5idXR0b25IZWxwZXIgPSBjaGFuZ2VzWydidXR0b25IZWxwZXInXS5jdXJyZW50VmFsdWU7XG4gICAgfSBlbHNlIGlmIChjaGFuZ2VzWydidXR0b25NYWluJ10pIHtcbiAgICAgIHRoaXMuYnV0dG9uTWFpbiA9IGNoYW5nZXNbJ2J1dHRvbk1haW4nXS5jdXJyZW50VmFsdWU7XG4gICAgfVxuICB9XG5cbiAgb25CdXR0b25DbGljayh0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JywgZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgYnV0dG9uID0gdHlwZSA9PT0gJ3NlY29uZGFyeScgPyB0aGlzLmJ1dHRvbkhlbHBlciA6IHRoaXMuYnV0dG9uTWFpbjtcbiAgICBpZiAoYnV0dG9uKSB7XG4gICAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoeyB0eXBlLCBidXR0b24sIG9yaWdpbmFsRXZlbnQ6IGV2ZW50IH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImhlYWRlclwiPlxuICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRlbnRcIj5cbiAgICBAaWYgKGhlYWRlcj8udGV4dCB8fCBoZWFkZXI/Lmh0bWwgfHwgaGVhZGVyLmljb24/Lmljb25VcmwpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJoZWFkaW5nXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXItbmFtZS1jb250YWluZXJcIj5cbiAgICAgICAgICBAaWYgKGhlYWRlci5pY29uPy5pY29uVXJsKSB7XG4gICAgICAgICAgICA8c2EtaWNvbiBbaWNvblVybF09XCJoZWFkZXI/Lmljb24/Lmljb25VcmxcIiBbc2l6ZV09XCJoZWFkZXI/Lmljb24/LnNpemUgfHwgJzI0cHgnXCIgLz5cbiAgICAgICAgICB9XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImhlYWRlci1uYW1lXCIgW2lubmVySFRNTF09XCJoZWFkZXI/Lmh0bWwgfHwgaGVhZGVyPy50ZXh0XCI+PC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICBAZm9yKGNoaXAgb2YgY2hpcENvbmZpZzsgdHJhY2sgY2hpcC50ZXh0KSB7XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxzYS1jaGlwIFxuICAgICAgICAgICAgICBbaWRdPVwiY2hpcC5pZFwiXG4gICAgICAgICAgICAgIFt0eXBlXT1cImNoaXAudHlwZVwiXG4gICAgICAgICAgICAgIFtzdGF0ZV09XCJjaGlwLnN0YXRlXCJcbiAgICAgICAgICAgICAgW2ZpbGxpbmddPVwiY2hpcC5maWxsaW5nXCJcbiAgICAgICAgICAgICAgW3RleHRdPVwiY2hpcC50ZXh0XCJcbiAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJjaGlwLmljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgIFtpY29uUGF0aF09XCJjaGlwLmljb25QYXRoXCJcbiAgICAgICAgICAgICAgW2xhcmdlU3RhdGVJY29uXT1cImNoaXAubGFyZ2VTdGF0ZUljb25cIlxuICAgICAgICAgICAgICBbbGFyZ2VTdGF0ZVRleHRdPVwiY2hpcC5sYXJnZVN0YXRlVGV4dFwiXG4gICAgICAgICAgICA+PC9zYS1jaGlwPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICB9XG4gICAgPGRpdiBjbGFzcz1cImhlYWRlci1pbmZvXCI+XG4gICAgICBAZm9yKGl0ZW0gb2YgaW5mbzsgdHJhY2sgaXRlbS50ZXh0KSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpbmZvLWl0ZW1cIj5cbiAgICAgICAgICBAaWYoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICA8aW1nIFtzcmNdPVwiaXRlbS5pY29uXCIgYWx0PVwiXCI+XG4gICAgICAgICAgfVxuICAgICAgICAgIHt7aXRlbS50ZXh0fX1cbiAgICAgICAgPC9kaXY+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYWN0aW9uc1wiPlxuICAgIEBpZihidXR0b25IZWxwZXIpIHtcbiAgICAgIDxzYS1idXR0b24gXG4gICAgICAgIChvbkNsaWNrRXZlbnQpPVwib25CdXR0b25DbGljaygnc2Vjb25kYXJ5JywgJGV2ZW50KVwiXG4gICAgICAgIFtpZF09XCJidXR0b25IZWxwZXIuaWRcIlxuICAgICAgICBbdGV4dF09XCJidXR0b25IZWxwZXIudGV4dFwiXG4gICAgICAgIFt0eXBlXT1cImJ1dHRvbkhlbHBlci50eXBlXCJcbiAgICAgICAgW3NpemVdPVwiYnV0dG9uSGVscGVyLnNpemVcIlxuICAgICAgICBbc3RhdGVdPVwiYnV0dG9uSGVscGVyLnN0YXRlXCJcbiAgICAgICAgW0ltYWdlUGF0aF09XCJidXR0b25IZWxwZXIuaW1hZ2VQYXRoXCJcbiAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJidXR0b25IZWxwZXIuaWNvblBvc2l0aW9uXCJcbiAgICAgICAgW2hyZWZdPVwiYnV0dG9uSGVscGVyLmhyZWZcIlxuICAgICAgICBbaHJlZlRhcmdldF09XCJidXR0b25IZWxwZXIuaHJlZlRhcmdldFwiXG4gICAgICAgIFtpc1N1Ym1pdF09XCJidXR0b25IZWxwZXIuaXNTdWJtaXRcIj5cbiAgICAgIDwvc2EtYnV0dG9uPlxuICAgIH1cbiAgICBAaWYoYnV0dG9uTWFpbikge1xuICAgICAgPHNhLWJ1dHRvblxuICAgICAgICAob25DbGlja0V2ZW50KT1cIm9uQnV0dG9uQ2xpY2soJ3ByaW1hcnknLCAkZXZlbnQpXCJcbiAgICAgICAgW2lkXT1cImJ1dHRvbk1haW4uaWRcIlxuICAgICAgICBbdGV4dF09XCJidXR0b25NYWluLnRleHRcIlxuICAgICAgICBbdHlwZV09XCJidXR0b25NYWluLnR5cGVcIlxuICAgICAgICBbc2l6ZV09XCJidXR0b25NYWluLnNpemVcIlxuICAgICAgICBbc3RhdGVdPVwiYnV0dG9uTWFpbi5zdGF0ZVwiXG4gICAgICAgIFtJbWFnZVBhdGhdPVwiYnV0dG9uTWFpbi5pbWFnZVBhdGhcIlxuICAgICAgICBbaWNvblBvc2l0aW9uXT1cImJ1dHRvbk1haW4uaWNvblBvc2l0aW9uXCJcbiAgICAgICAgW2hyZWZdPVwiYnV0dG9uTWFpbi5ocmVmXCJcbiAgICAgICAgW2hyZWZUYXJnZXRdPVwiYnV0dG9uTWFpbi5ocmVmVGFyZ2V0XCJcbiAgICAgICAgW2lzU3VibWl0XT1cImJ1dHRvbk1haW4uaXNTdWJtaXRcIj5cbiAgICAgIDwvc2EtYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -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,
@@ -1907,6 +1927,23 @@ class HeaderComponent {
         this.info = [];
         this.buttonClick = new EventEmitter();
     }
+    ngOnChanges(changes) {
+        if (changes['header']) {
+            this.header = changes['header'].currentValue;
+        }
+        else if (changes['chipConfig']) {
+            this.chipConfig = changes['chipConfig'].currentValue;
+        }
+        else if (changes['info']) {
+            this.info = changes['info'].currentValue;
+        }
+        else if (changes['buttonHelper']) {
+            this.buttonHelper = changes['buttonHelper'].currentValue;
+        }
+        else if (changes['buttonMain']) {
+            this.buttonMain = changes['buttonMain'].currentValue;
+        }
+    }
     onButtonClick(type, event) {
         const button = type === 'secondary' ? this.buttonHelper : this.buttonMain;
         if (button) {
@@ -1914,7 +1951,7 @@ class HeaderComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], ngImport: i0, template: "<div class=\"header\">\n  <div class=\"header-content\">\n    @if (header?.text || header?.html || header.icon?.iconUrl) {\n      <div class=\"heading\">\n        <div class=\"header-name-container\">\n          @if (header.icon?.iconUrl) {\n            <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n          }\n          <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n        </div>\n        @for(chip of chipConfig; track chip.text) {\n          <div>\n            <sa-chip \n              [id]=\"chip.id\"\n              [type]=\"chip.type\"\n              [state]=\"chip.state\"\n              [filling]=\"chip.filling\"\n              [text]=\"chip.text\"\n              [iconPosition]=\"chip.iconPosition\"\n              [iconPath]=\"chip.iconPath\"\n              [largeStateIcon]=\"chip.largeStateIcon\"\n              [largeStateText]=\"chip.largeStateText\"\n            ></sa-chip>\n          </div>\n        }\n      </div>\n    }\n    <div class=\"header-info\">\n      @for(item of info; track item.text) {\n        <div class=\"info-item\">\n          @if(item.icon) {\n            <img [src]=\"item.icon\" alt=\"\">\n          }\n          {{item.text}}\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"actions\">\n    @if(buttonHelper) {\n      <sa-button \n        (onClickEvent)=\"onButtonClick('secondary', $event)\"\n        [id]=\"buttonHelper.id\"\n        [text]=\"buttonHelper.text\"\n        [type]=\"buttonHelper.type\"\n        [size]=\"buttonHelper.size\"\n        [state]=\"buttonHelper.state\"\n        [ImagePath]=\"buttonHelper.imagePath\"\n        [iconPosition]=\"buttonHelper.iconPosition\"\n        [href]=\"buttonHelper.href\"\n        [hrefTarget]=\"buttonHelper.hrefTarget\"\n        [isSubmit]=\"buttonHelper.isSubmit\">\n      </sa-button>\n    }\n    @if(buttonMain) {\n      <sa-button\n        (onClickEvent)=\"onButtonClick('primary', $event)\"\n        [id]=\"buttonMain.id\"\n        [text]=\"buttonMain.text\"\n        [type]=\"buttonMain.type\"\n        [size]=\"buttonMain.size\"\n        [state]=\"buttonMain.state\"\n        [ImagePath]=\"buttonMain.imagePath\"\n        [iconPosition]=\"buttonMain.iconPosition\"\n        [href]=\"buttonMain.href\"\n        [hrefTarget]=\"buttonMain.hrefTarget\"\n        [isSubmit]=\"buttonMain.isSubmit\">\n      </sa-button>\n    }\n  </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: HeaderComponent, isStandalone: true, selector: "sa-header", inputs: { header: "header", chipConfig: "chipConfig", info: "info", buttonHelper: "buttonHelper", buttonMain: "buttonMain" }, outputs: { buttonClick: "buttonClick" }, providers: [IconService], usesOnChanges: true, ngImport: i0, template: "<div class=\"header\">\n  <div class=\"header-content\">\n    @if (header?.text || header?.html || header.icon?.iconUrl) {\n      <div class=\"heading\">\n        <div class=\"header-name-container\">\n          @if (header.icon?.iconUrl) {\n            <sa-icon [iconUrl]=\"header?.icon?.iconUrl\" [size]=\"header?.icon?.size || '24px'\" />\n          }\n          <div class=\"header-name\" [innerHTML]=\"header?.html || header?.text\"></div>\n        </div>\n        @for(chip of chipConfig; track chip.text) {\n          <div>\n            <sa-chip \n              [id]=\"chip.id\"\n              [type]=\"chip.type\"\n              [state]=\"chip.state\"\n              [filling]=\"chip.filling\"\n              [text]=\"chip.text\"\n              [iconPosition]=\"chip.iconPosition\"\n              [iconPath]=\"chip.iconPath\"\n              [largeStateIcon]=\"chip.largeStateIcon\"\n              [largeStateText]=\"chip.largeStateText\"\n            ></sa-chip>\n          </div>\n        }\n      </div>\n    }\n    <div class=\"header-info\">\n      @for(item of info; track item.text) {\n        <div class=\"info-item\">\n          @if(item.icon) {\n            <img [src]=\"item.icon\" alt=\"\">\n          }\n          {{item.text}}\n        </div>\n      }\n    </div>\n  </div>\n  <div class=\"actions\">\n    @if(buttonHelper) {\n      <sa-button \n        (onClickEvent)=\"onButtonClick('secondary', $event)\"\n        [id]=\"buttonHelper.id\"\n        [text]=\"buttonHelper.text\"\n        [type]=\"buttonHelper.type\"\n        [size]=\"buttonHelper.size\"\n        [state]=\"buttonHelper.state\"\n        [ImagePath]=\"buttonHelper.imagePath\"\n        [iconPosition]=\"buttonHelper.iconPosition\"\n        [href]=\"buttonHelper.href\"\n        [hrefTarget]=\"buttonHelper.hrefTarget\"\n        [isSubmit]=\"buttonHelper.isSubmit\">\n      </sa-button>\n    }\n    @if(buttonMain) {\n      <sa-button\n        (onClickEvent)=\"onButtonClick('primary', $event)\"\n        [id]=\"buttonMain.id\"\n        [text]=\"buttonMain.text\"\n        [type]=\"buttonMain.type\"\n        [size]=\"buttonMain.size\"\n        [state]=\"buttonMain.state\"\n        [ImagePath]=\"buttonMain.imagePath\"\n        [iconPosition]=\"buttonMain.iconPosition\"\n        [href]=\"buttonMain.href\"\n        [hrefTarget]=\"buttonMain.hrefTarget\"\n        [isSubmit]=\"buttonMain.isSubmit\">\n      </sa-button>\n    }\n  </div>\n</div>\n", styles: [".header{width:100%;height:96px;font-family:var(--font);padding:var(--medium-20px, 20px) var(--medium-32px, 32px);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--small-8px, 8px);border:1px solid var(--grey-50, #E9EAEB);background:var(--Structural-White, #FFF)}.header-content{display:flex;flex-direction:column;gap:var(--small-8px, 8px)}.heading{display:flex;justify-content:flex-start;align-items:center;gap:var(--small-8px, 8px)}.header-name-container{display:flex;flex-direction:row;gap:var(--small-8px, 8px);font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px);align-items:center}.header-name-container sa-icon{line-height:0}.header-name{font-size:var(--medium-22px, 22px);font-style:normal;font-weight:500;line-height:var(--medium-28px, 28px)}::ng-deep .header-name span{color:var(--primary-500)}.header-info{display:flex;gap:var(--small-12px, 12px)}.info-item{display:flex;justify-content:center;align-items:center;gap:var(--small-4px, 4px);font-size:12px;font-style:normal;font-weight:400;line-height:16px;color:var(--text-mediumemphasis)}.info-item img{width:20px;height:20px}.actions{display:flex;gap:var(--small-12px, 12px)}::ng-deep .header-name .custom-header{margin:0}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["img", "icon", "size", "color", "iconPath", "iconUrl", "customClass"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText", "tooltip"], outputs: ["onClickEvent"] }, { kind: "component", type: ButtonComponent, selector: "sa-button", inputs: ["id", "type", "state", "size", "text", "ImagePath", "icon", "iconPosition", "href", "hrefTarget", "width", "isSubmit", "buttonIconSize", "showSpinner"], outputs: ["onClickEvent", "onMouseInEvent", "onMouseOutEvent"] }, { kind: "ngmodule", type: HttpClientModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,