@unifylib/ui-lib 1.0.3 → 1.1.4

package/esm2022/lib/components/search-bar/search-bar.component.mjs

@@ -0,0 +1,62 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatFormField } from "@angular/material/form-field";
+import { MatOption, MatSelect } from "@angular/material/select";
+import { FormsModule } from "@angular/forms";
+import { MatIcon } from "@angular/material/icon";
+import { MatInput } from "@angular/material/input";
+import { MatIconButton } from "@angular/material/button";
+import { NgForOf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@ngx-translate/core";
+export class SearchBarComponent {
+    constructor() {
+        this.defaultSortKey = '';
+        this.searchValue = '';
+        this.searchType = 'like';
+        this.selectedSortKey = '';
+        this.selectedSortType = 'ASC';
+        this.searchTriggered = new EventEmitter();
+    }
+    onSearch() {
+        this.selectedSortKey ||= this.defaultSortKey || this.columns[0]?.property;
+        this.searchTriggered.emit({
+            searchValue: this.searchValue,
+            searchType: this.searchType,
+            sortKey: this.selectedSortKey,
+            sortType: this.selectedSortType
+        });
+    }
+    labelKey(column) {
+        return column.label || column.property;
+    }
+    ngOnInit() {
+    }
+    getColumns() {
+        return this.columns.filter((column) => ['text', 'date', 'localDateTime'].includes(column.type));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SearchBarComponent, isStandalone: true, selector: "ag-search-bar", inputs: { columns: "columns", defaultSortKey: "defaultSortKey" }, outputs: { searchTriggered: "searchTriggered" }, ngImport: i0, template: "<div class=\"mainSearchBar\">\r\n  <div class=\"search row align-start-center gap-16\">\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-50\">\r\n      <input\r\n        matInput\r\n        class=\"search__input\"\r\n        placeholder=\"Search...\"\r\n        (keydown.enter)=\"onSearch()\"\r\n        [(ngModel)]=\"searchValue\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-15\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"searchType\"\r\n        placeholder=\"Type\">\r\n        <mat-option value=\"exact\">Exact</mat-option>\r\n        <mat-option value=\"like\">Like</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-15\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"selectedSortKey\"\r\n        placeholder=\"Sort By\">\r\n        <mat-option *ngFor=\"let col of getColumns()\" [value]=\"col.property\">\r\n          {{ labelKey(col) | translate }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-10\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"selectedSortType\"\r\n        placeholder=\"Type\">\r\n        <mat-option value=\"ASC\">ASC</mat-option>\r\n        <mat-option value=\"DESC\">DESC</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <div class=\"search__button row align-center-center\">\r\n      <div class=\"icon-design\" (click)=\"onSearch()\">\r\n        <mat-icon class=\"icon-search\" color=\"primary\">search</mat-icon>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .search__button{display:flex;align-items:center;justify-content:center;height:56px;margin-top:-6px}.row{display:flex;flex-direction:row;width:100%}.column{display:flex;flex-direction:column;width:100%}.align-start-center{align-items:center;justify-content:flex-start}.align-center-center{align-items:center;justify-content:center}.gap-16>*+*{margin-left:16px}.flex-50{flex:0 0 50%}.flex-15{flex:0 0 15%}.flex-10{flex:0 0 10%}.search{width:100%;padding:0 16px;margin-bottom:16px}.search__button{margin-bottom:6px}.icon-search{height:30px;width:30px;font-size:30px;margin-bottom:15px;cursor:pointer}\n"], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SearchBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ag-search-bar', standalone: true, imports: [
+                        MatFormField,
+                        MatSelect,
+                        MatOption,
+                        FormsModule,
+                        MatIcon,
+                        MatInput,
+                        MatIconButton,
+                        NgForOf,
+                        TranslateModule
+                    ], template: "<div class=\"mainSearchBar\">\r\n  <div class=\"search row align-start-center gap-16\">\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-50\">\r\n      <input\r\n        matInput\r\n        class=\"search__input\"\r\n        placeholder=\"Search...\"\r\n        (keydown.enter)=\"onSearch()\"\r\n        [(ngModel)]=\"searchValue\" />\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-15\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"searchType\"\r\n        placeholder=\"Type\">\r\n        <mat-option value=\"exact\">Exact</mat-option>\r\n        <mat-option value=\"like\">Like</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-15\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"selectedSortKey\"\r\n        placeholder=\"Sort By\">\r\n        <mat-option *ngFor=\"let col of getColumns()\" [value]=\"col.property\">\r\n          {{ labelKey(col) | translate }}\r\n        </mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"search__field flex-10\">\r\n      <mat-select\r\n        class=\"search__toggle\"\r\n        [(ngModel)]=\"selectedSortType\"\r\n        placeholder=\"Type\">\r\n        <mat-option value=\"ASC\">ASC</mat-option>\r\n        <mat-option value=\"DESC\">DESC</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <div class=\"search__button row align-center-center\">\r\n      <div class=\"icon-design\" (click)=\"onSearch()\">\r\n        <mat-icon class=\"icon-search\" color=\"primary\">search</mat-icon>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .search__button{display:flex;align-items:center;justify-content:center;height:56px;margin-top:-6px}.row{display:flex;flex-direction:row;width:100%}.column{display:flex;flex-direction:column;width:100%}.align-start-center{align-items:center;justify-content:flex-start}.align-center-center{align-items:center;justify-content:center}.gap-16>*+*{margin-left:16px}.flex-50{flex:0 0 50%}.flex-15{flex:0 0 15%}.flex-10{flex:0 0 10%}.search{width:100%;padding:0 16px;margin-bottom:16px}.search__button{margin-bottom:6px}.icon-search{height:30px;width:30px;font-size:30px;margin-bottom:15px;cursor:pointer}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], defaultSortKey: [{
+                type: Input
+            }], searchTriggered: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyxZQUFZLEVBQVcsTUFBTSw4QkFBOEIsQ0FBQztBQUNwRSxPQUFPLEVBQUMsU0FBUyxFQUFFLFNBQVMsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQzlELE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDL0MsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sRUFBQyxhQUFhLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsT0FBTyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFFeEMsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDOzs7O0FBb0JwRCxNQUFNLE9BQU8sa0JBQWtCO0lBakIvQjtRQW1CVyxtQkFBYyxHQUFXLEVBQUUsQ0FBQztRQUVyQyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixlQUFVLEdBQWUsTUFBTSxDQUFDO1FBQ2hDLG9CQUFlLEdBQVcsRUFBRSxDQUFDO1FBQzdCLHFCQUFnQixHQUFhLEtBQUssQ0FBQztRQUN6QixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUt4QyxDQUFDO0tBeUJOO0lBdkJDLFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxLQUFLLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxRQUFRLENBQUM7UUFFMUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDeEIsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO1lBQzdCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtZQUMzQixPQUFPLEVBQUUsSUFBSSxDQUFDLGVBQWU7WUFDN0IsUUFBUSxFQUFFLElBQUksQ0FBQyxnQkFBZ0I7U0FDaEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVEsQ0FBQyxNQUE0QztRQUNuRCxPQUFPLE1BQU0sQ0FBQyxLQUFLLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQztJQUN6QyxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxVQUFVO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FDeEIsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLE1BQU0sRUFBRSxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUNwRSxDQUFDO0lBQ0osQ0FBQzsrR0FyQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsNExDN0IvQiwreERBbURBLDJwQkRsQ0ksWUFBWSw0TEFDWixTQUFTLHdlQUNULFNBQVMsb0pBQ1QsV0FBVywrbUJBQ1gsT0FBTywySUFDUCxRQUFRLGlVQUVSLE9BQU8sa0hBQ1AsZUFBZTs7NEZBSU4sa0JBQWtCO2tCQWpCOUIsU0FBUzsrQkFDRSxlQUFlLGNBRWIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osU0FBUzt3QkFDVCxTQUFTO3dCQUNULFdBQVc7d0JBQ1gsT0FBTzt3QkFDUCxRQUFRO3dCQUNSLGFBQWE7d0JBQ2IsT0FBTzt3QkFDUCxlQUFlO3FCQUNoQjs4QkFJUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFNSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNYXRGb3JtRmllbGQsIE1hdExhYmVsfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZFwiO1xyXG5pbXBvcnQge01hdE9wdGlvbiwgTWF0U2VsZWN0fSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc2VsZWN0XCI7XHJcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQge01hdEljb259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XHJcbmltcG9ydCB7TWF0SW5wdXR9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pbnB1dFwiO1xyXG5pbXBvcnQge01hdEljb25CdXR0b259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcclxuaW1wb3J0IHtOZ0Zvck9mfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XHJcbmltcG9ydCB7VGFibGVDb2x1bW59IGZyb20gXCIuLi8uLi9iYXNlLW1vZGVsXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG50eXBlIFNlYXJjaFR5cGUgPSAnZXhhY3QnIHwgJ2xpa2UnO1xyXG50eXBlIFNvcnRUeXBlID0gJ0FTQycgfCAnREVTQyc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYWctc2VhcmNoLWJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTWF0Rm9ybUZpZWxkLFxyXG4gICAgTWF0U2VsZWN0LFxyXG4gICAgTWF0T3B0aW9uLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRJY29uLFxyXG4gICAgTWF0SW5wdXQsXHJcbiAgICBNYXRJY29uQnV0dG9uLFxyXG4gICAgTmdGb3JPZixcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWFyY2hCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNvbHVtbnM6IFRhYmxlQ29sdW1uPGFueT5bXTtcclxuICBASW5wdXQoKSBkZWZhdWx0U29ydEtleTogc3RyaW5nID0gJyc7XHJcblxyXG4gIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSAnJztcclxuICBzZWFyY2hUeXBlOiBTZWFyY2hUeXBlID0gJ2xpa2UnO1xyXG4gIHNlbGVjdGVkU29ydEtleTogc3RyaW5nID0gJyc7XHJcbiAgc2VsZWN0ZWRTb3J0VHlwZTogU29ydFR5cGUgPSAnQVNDJztcclxuICBAT3V0cHV0KCkgc2VhcmNoVHJpZ2dlcmVkID0gbmV3IEV2ZW50RW1pdHRlcjx7XHJcbiAgICBzZWFyY2hWYWx1ZTogc3RyaW5nO1xyXG4gICAgc2VhcmNoVHlwZTogU2VhcmNoVHlwZTtcclxuICAgIHNvcnRLZXk6IHN0cmluZztcclxuICAgIHNvcnRUeXBlOiBzdHJpbmc7XHJcbiAgfT4oKTtcclxuXHJcbiAgb25TZWFyY2goKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkU29ydEtleSB8fD0gdGhpcy5kZWZhdWx0U29ydEtleSB8fCB0aGlzLmNvbHVtbnNbMF0/LnByb3BlcnR5O1xyXG5cclxuICAgIHRoaXMuc2VhcmNoVHJpZ2dlcmVkLmVtaXQoe1xyXG4gICAgICBzZWFyY2hWYWx1ZTogdGhpcy5zZWFyY2hWYWx1ZSxcclxuICAgICAgc2VhcmNoVHlwZTogdGhpcy5zZWFyY2hUeXBlLFxyXG4gICAgICBzb3J0S2V5OiB0aGlzLnNlbGVjdGVkU29ydEtleSxcclxuICAgICAgc29ydFR5cGU6IHRoaXMuc2VsZWN0ZWRTb3J0VHlwZVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBsYWJlbEtleShjb2x1bW46IHsgbGFiZWw/OiBzdHJpbmc7IHByb3BlcnR5OiBzdHJpbmcgfSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gY29sdW1uLmxhYmVsIHx8IGNvbHVtbi5wcm9wZXJ0eTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgZ2V0Q29sdW1ucygpIHtcclxuICAgIHJldHVybiB0aGlzLmNvbHVtbnMuZmlsdGVyKFxyXG4gICAgICAoY29sdW1uKSA9PiBbJ3RleHQnLCAnZGF0ZScsICdsb2NhbERhdGVUaW1lJ10uaW5jbHVkZXMoY29sdW1uLnR5cGUpXHJcbiAgICApO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpblNlYXJjaEJhclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWFyY2ggcm93IGFsaWduLXN0YXJ0LWNlbnRlciBnYXAtMTZcIj5cclxuXHJcbiAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInNlYXJjaF9fZmllbGQgZmxleC01MFwiPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgIGNsYXNzPVwic2VhcmNoX19pbnB1dFwiXHJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2guLi5cIlxyXG4gICAgICAgIChrZXlkb3duLmVudGVyKT1cIm9uU2VhcmNoKClcIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVmFsdWVcIiAvPlxyXG4gICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInNlYXJjaF9fZmllbGQgZmxleC0xNVwiPlxyXG4gICAgICA8bWF0LXNlbGVjdFxyXG4gICAgICAgIGNsYXNzPVwic2VhcmNoX190b2dnbGVcIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVHlwZVwiXHJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJUeXBlXCI+XHJcbiAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJleGFjdFwiPkV4YWN0PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwibGlrZVwiPkxpa2U8L21hdC1vcHRpb24+XHJcbiAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJzZWFyY2hfX2ZpZWxkIGZsZXgtMTVcIj5cclxuICAgICAgPG1hdC1zZWxlY3RcclxuICAgICAgICBjbGFzcz1cInNlYXJjaF9fdG9nZ2xlXCJcclxuICAgICAgICBbKG5nTW9kZWwpXT1cInNlbGVjdGVkU29ydEtleVwiXHJcbiAgICAgICAgcGxhY2Vob2xkZXI9XCJTb3J0IEJ5XCI+XHJcbiAgICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IGNvbCBvZiBnZXRDb2x1bW5zKClcIiBbdmFsdWVdPVwiY29sLnByb3BlcnR5XCI+XHJcbiAgICAgICAgICB7eyBsYWJlbEtleShjb2wpIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwic2VhcmNoX19maWVsZCBmbGV4LTEwXCI+XHJcbiAgICAgIDxtYXQtc2VsZWN0XHJcbiAgICAgICAgY2xhc3M9XCJzZWFyY2hfX3RvZ2dsZVwiXHJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJzZWxlY3RlZFNvcnRUeXBlXCJcclxuICAgICAgICBwbGFjZWhvbGRlcj1cIlR5cGVcIj5cclxuICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkFTQ1wiPkFTQzwvbWF0LW9wdGlvbj5cclxuICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkRFU0NcIj5ERVNDPC9tYXQtb3B0aW9uPlxyXG4gICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hfX2J1dHRvbiByb3cgYWxpZ24tY2VudGVyLWNlbnRlclwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaWNvbi1kZXNpZ25cIiAoY2xpY2spPVwib25TZWFyY2goKVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb24tc2VhcmNoXCIgY29sb3I9XCJwcmltYXJ5XCI+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/section-form-canvas/section-form-canvas.component.mjs

@@ -0,0 +1,81 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatIcon } from "@angular/material/icon";
+import { MatButton } from "@angular/material/button";
+import { BaseFormComponent } from "../base-form/base-form.component";
+import { BaseFormCanvasComponent } from "../base-form-canvas/base-form-canvas.component";
+import { NgForOf, NgIf } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelDescription, MatExpansionPanelTitle } from "@angular/material/expansion";
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class SectionFormCanvasComponent {
+    constructor() {
+        this.hideToggle = true;
+        this.isExpanded = true;
+        this.alwaysOpen = true;
+        this.actionEdit = new EventEmitter();
+        this.formEdit = new EventEmitter();
+        this.buttons = [];
+        this.buttonClicked = new EventEmitter();
+    }
+    formUpdated($event) {
+        this.formEdit.emit($event);
+    }
+    toggleExpand() {
+        this.isExpanded = !this.isExpanded;
+    }
+    onButtonClick(btn, sectionKey) {
+        this.buttonClicked.emit({ ...btn, sectionKey: sectionKey });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SectionFormCanvasComponent, isStandalone: true, selector: "lib-section-form-canvas", inputs: { pageInfo: "pageInfo", fields: "fields", itemId: "itemId", editable: "editable", hideBackButton: "hideBackButton", item: "item", title: "title", isTranslateTitle: "isTranslateTitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons" }, outputs: { actionEdit: "actionEdit", formEdit: "formEdit", buttonClicked: "buttonClicked" }, ngImport: i0, template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n        {{ pageInfo.labelsSection + '.' + title | translate }}\r\n      </h3>\r\n      <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header,.location-card .panel-body{padding:0 15px}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center}.location-card .card-header .card-title{margin:0;font-size:18px;font-weight:600;color:#222}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:inline-block;text-align-last:end;margin:0!important}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: BaseFormCanvasComponent, selector: "app-base-form-canvas", inputs: ["pageInfo", "currency", "fields", "errors", "workflowEditableFields", "isWorkflowEditableManaged", "supportingAttributes", "editable", "emitOnValueChanges", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SectionFormCanvasComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-section-form-canvas', standalone: true, imports: [
+                        MatIcon,
+                        MatButton,
+                        BaseFormComponent,
+                        BaseFormCanvasComponent,
+                        NgIf,
+                        TranslateModule,
+                        MatExpansionPanel,
+                        MatExpansionPanelTitle,
+                        MatExpansionPanelDescription,
+                        MatExpansionPanelHeader,
+                        NgForOf
+                    ], template: "<mat-expansion-panel class=\"location-card\"\r\n                     #panel=\"matExpansionPanel\"\r\n                     [expanded]=\"isExpanded\"\r\n                     [hideToggle]=\"hideToggle\"\r\n                     (opened)=\"alwaysOpen ? panel.open() : null\"\r\n                     (closed)=\"alwaysOpen ? panel.open() : null\">\r\n  <mat-expansion-panel-header class=\"card-header\" (click)=\"toggleExpand()\">\r\n    <mat-panel-title>\r\n      <h3 class=\"card-title\" *ngIf=\"isTranslateTitle\">\r\n        {{ pageInfo.labelsSection + '.' + title | translate }}\r\n      </h3>\r\n      <h3 class=\"card-title\" *ngIf=\"!isTranslateTitle\">{{ title }}</h3>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\">\r\n      <div class=\"row flex-auto buttons-wrapper\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          [color]=\"btn.color || 'primary'\"\r\n          (click)=\"onButtonClick(btn , key); $event.stopPropagation()\"\r\n          class=\"btn-none-background-primary action\"\r\n          [attr.id]=\"btn.id || ('section-btn-' + (btn.action || btn.label || btn.key))\"\r\n        >\r\n          <div class=\"button-text\">\r\n            <mat-icon *ngIf=\"btn.icon\">{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </div>\r\n        </button>\r\n      </div>\r\n    </mat-panel-description>\r\n  </mat-expansion-panel-header>\r\n  <div class=\"panel-body\">\r\n    <hr class=\"divider\"/>\r\n    <app-base-form-canvas\r\n      [pageInfo]=\"pageInfo\"\r\n      [fields]=\"fields\"\r\n      [editable]=\"editable\"\r\n      [item]=\"item\"\r\n      (formUpdated)=\"formUpdated($event)\"\r\n    ></app-base-form-canvas>\r\n  </div>\r\n</mat-expansion-panel>\r\n", styles: [".location-card{border:1px solid #dcdcdc;border-radius:8px;background:#fff;margin:18px auto;overflow:hidden}.location-card .mat-expansion-panel-header,.location-card .panel-body{padding:0 15px}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center}.location-card .card-header .card-title{margin:0;font-size:18px;font-weight:600;color:#222}.location-card .card-header .btn-edit{width:120px;min-height:32px!important;border-radius:9999px!important;font-size:16px!important}.location-card .card-header .expand-icon{color:#339dff;font-size:16px}.location-card .divider{border:none;border-top:2px solid var(--primary-color-3nd);margin:0}.flex-auto{flex:1 1 auto;display:flex;flex-direction:column}.row{display:flex;flex-direction:row;width:100%}.gap-20{gap:20px}.buttons-wrapper{display:inline-block;text-align-last:end;margin:0!important}.buttons-wrapper .action{min-height:44px!important;min-width:135px!important;width:auto!important}.button-text span{font-size:18px}.button-text mat-icon{font-size:18px!important}\n"] }]
+        }], propDecorators: { pageInfo: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], itemId: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], hideBackButton: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], isTranslateTitle: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], hideToggle: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], alwaysOpen: [{
+                type: Input
+            }], actionEdit: [{
+                type: Output
+            }], formEdit: [{
+                type: Output
+            }], buttons: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFbkQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDdkYsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFcEQsT0FBTyxFQUNMLGlCQUFpQixFQUNqQix1QkFBdUIsRUFDdkIsNEJBQTRCLEVBQzVCLHNCQUFzQixFQUN2QixNQUFNLDZCQUE2QixDQUFDOzs7QUFxQnJDLE1BQU0sT0FBTywwQkFBMEI7SUFuQnZDO1FBOEJXLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzFCLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxhQUFRLEdBQTRCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDeEQsWUFBTyxHQUEyQixFQUFFLENBQUM7UUFDcEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0tBY25EO0lBWkMsV0FBVyxDQUFDLE1BQU07UUFDaEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFN0IsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEdBQXlCLEVBQUUsVUFBa0I7UUFDekQsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxHQUFHLEdBQUcsRUFBRyxVQUFVLEVBQUUsVUFBVSxFQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDOytHQTlCVSwwQkFBMEI7bUdBQTFCLDBCQUEwQixnZUNuQ3ZDLDJ4REEyQ0EscXFDRHZCSSxPQUFPLDJJQUNQLFNBQVMsaUxBRVQsdUJBQXVCLG1aQUN2QixJQUFJLDRGQUNKLGVBQWUsNEZBQ2YsaUJBQWlCLHNMQUNqQixzQkFBc0IsNERBQ3RCLDRCQUE0QixrRUFDNUIsdUJBQXVCLGtJQUN2QixPQUFPOzs0RkFLRSwwQkFBMEI7a0JBbkJ0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsT0FBTzt3QkFDUCxTQUFTO3dCQUNULGlCQUFpQjt3QkFDakIsdUJBQXVCO3dCQUN2QixJQUFJO3dCQUNKLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixzQkFBc0I7d0JBQ3RCLDRCQUE0Qjt3QkFDNUIsdUJBQXVCO3dCQUN2QixPQUFPO3FCQUNSOzhCQU1RLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01hdEljb259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XHJcbmltcG9ydCB7TWF0QnV0dG9ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XHJcbmltcG9ydCB7QnV0dG9uQWN0aW9uU2V0dGluZ3MsIEZpZWxkSW5mbywgUGFnZUluZm99IGZyb20gXCIuLi8uLi9iYXNlLW1vZGVsXCI7XHJcbmltcG9ydCB7QmFzZUZvcm1Db21wb25lbnR9IGZyb20gXCIuLi9iYXNlLWZvcm0vYmFzZS1mb3JtLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge0Jhc2VGb3JtQ2FudmFzQ29tcG9uZW50fSBmcm9tIFwiLi4vYmFzZS1mb3JtLWNhbnZhcy9iYXNlLWZvcm0tY2FudmFzLmNvbXBvbmVudFwiO1xyXG5pbXBvcnQge05nRm9yT2YsIE5nSWZ9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGV9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XHJcbmltcG9ydCB7Rm9ybUdyb3VwfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHtcclxuICBNYXRFeHBhbnNpb25QYW5lbCxcclxuICBNYXRFeHBhbnNpb25QYW5lbEhlYWRlcixcclxuICBNYXRFeHBhbnNpb25QYW5lbERlc2NyaXB0aW9uLFxyXG4gIE1hdEV4cGFuc2lvblBhbmVsVGl0bGVcclxufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvZXhwYW5zaW9uXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zZWN0aW9uLWZvcm0tY2FudmFzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdEljb24sXHJcbiAgICBNYXRCdXR0b24sXHJcbiAgICBCYXNlRm9ybUNvbXBvbmVudCxcclxuICAgIEJhc2VGb3JtQ2FudmFzQ29tcG9uZW50LFxyXG4gICAgTmdJZixcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWxUaXRsZSxcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsRGVzY3JpcHRpb24sXHJcbiAgICBNYXRFeHBhbnNpb25QYW5lbEhlYWRlcixcclxuICAgIE5nRm9yT2ZcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLWZvcm0tY2FudmFzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25Gb3JtQ2FudmFzQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgcGFnZUluZm86IFBhZ2VJbmZvO1xyXG4gIEBJbnB1dCgpIGZpZWxkczogRmllbGRJbmZvW107XHJcbiAgQElucHV0KCkgaXRlbUlkOiBudW1iZXI7XHJcbiAgQElucHV0KCkgZWRpdGFibGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaGlkZUJhY2tCdXR0b246IGJvb2xlYW47XHJcbiAgQElucHV0KCkgaXRlbTogYW55O1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNUcmFuc2xhdGVUaXRsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBrZXk6IG51bWJlcjtcclxuICBASW5wdXQoKSBoaWRlVG9nZ2xlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpc0V4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhbHdheXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgYWN0aW9uRWRpdDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGZvcm1FZGl0OiBFdmVudEVtaXR0ZXI8Rm9ybUdyb3VwPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBidXR0b25zOiBCdXR0b25BY3Rpb25TZXR0aW5nc1tdID0gW107XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgZm9ybVVwZGF0ZWQoJGV2ZW50KSB7XHJcbiAgICB0aGlzLmZvcm1FZGl0LmVtaXQoJGV2ZW50KTtcclxuXHJcbiAgfVxyXG5cclxuICB0b2dnbGVFeHBhbmQoKSB7XHJcbiAgICB0aGlzLmlzRXhwYW5kZWQgPSAhdGhpcy5pc0V4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgb25CdXR0b25DbGljayhidG46IEJ1dHRvbkFjdGlvblNldHRpbmdzLCBzZWN0aW9uS2V5OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KHsuLi5idG4gLCBzZWN0aW9uS2V5OiBzZWN0aW9uS2V5fSk7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtZXhwYW5zaW9uLXBhbmVsIGNsYXNzPVwibG9jYXRpb24tY2FyZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICNwYW5lbD1cIm1hdEV4cGFuc2lvblBhbmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgW2V4cGFuZGVkXT1cImlzRXhwYW5kZWRcIlxyXG4gICAgICAgICAgICAgICAgICAgICBbaGlkZVRvZ2dsZV09XCJoaWRlVG9nZ2xlXCJcclxuICAgICAgICAgICAgICAgICAgICAgKG9wZW5lZCk9XCJhbHdheXNPcGVuID8gcGFuZWwub3BlbigpIDogbnVsbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIChjbG9zZWQpPVwiYWx3YXlzT3BlbiA/IHBhbmVsLm9wZW4oKSA6IG51bGxcIj5cclxuICA8bWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXIgY2xhc3M9XCJjYXJkLWhlYWRlclwiIChjbGljayk9XCJ0b2dnbGVFeHBhbmQoKVwiPlxyXG4gICAgPG1hdC1wYW5lbC10aXRsZT5cclxuICAgICAgPGgzIGNsYXNzPVwiY2FyZC10aXRsZVwiICpuZ0lmPVwiaXNUcmFuc2xhdGVUaXRsZVwiPlxyXG4gICAgICAgIHt7IHBhZ2VJbmZvLmxhYmVsc1NlY3Rpb24gKyAnLicgKyB0aXRsZSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L2gzPlxyXG4gICAgICA8aDMgY2xhc3M9XCJjYXJkLXRpdGxlXCIgKm5nSWY9XCIhaXNUcmFuc2xhdGVUaXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cclxuICAgIDwvbWF0LXBhbmVsLXRpdGxlPlxyXG5cclxuICAgIDxtYXQtcGFuZWwtZGVzY3JpcHRpb24gY2xhc3M9XCJwYW5lbC1kZXNjcmlwdGlvblwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicm93IGZsZXgtYXV0byBidXR0b25zLXdyYXBwZXJcIj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICBtYXQtZmxhdC1idXR0b25cclxuICAgICAgICAgICpuZ0Zvcj1cImxldCBidG4gb2YgYnV0dG9uc1wiXHJcbiAgICAgICAgICBbY29sb3JdPVwiYnRuLmNvbG9yIHx8ICdwcmltYXJ5J1wiXHJcbiAgICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljayhidG4gLCBrZXkpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJidG4tbm9uZS1iYWNrZ3JvdW5kLXByaW1hcnkgYWN0aW9uXCJcclxuICAgICAgICAgIFthdHRyLmlkXT1cImJ0bi5pZCB8fCAoJ3NlY3Rpb24tYnRuLScgKyAoYnRuLmFjdGlvbiB8fCBidG4ubGFiZWwgfHwgYnRuLmtleSkpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLXRleHRcIj5cclxuICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiYnRuLmljb25cIj57eyBidG4uaWNvbiB9fTwvbWF0LWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGJ0bi5sYWJlbCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbWF0LXBhbmVsLWRlc2NyaXB0aW9uPlxyXG4gIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XHJcbiAgPGRpdiBjbGFzcz1cInBhbmVsLWJvZHlcIj5cclxuICAgIDxociBjbGFzcz1cImRpdmlkZXJcIi8+XHJcbiAgICA8YXBwLWJhc2UtZm9ybS1jYW52YXNcclxuICAgICAgW3BhZ2VJbmZvXT1cInBhZ2VJbmZvXCJcclxuICAgICAgW2ZpZWxkc109XCJmaWVsZHNcIlxyXG4gICAgICBbZWRpdGFibGVdPVwiZWRpdGFibGVcIlxyXG4gICAgICBbaXRlbV09XCJpdGVtXCJcclxuICAgICAgKGZvcm1VcGRhdGVkKT1cImZvcm1VcGRhdGVkKCRldmVudClcIlxyXG4gICAgPjwvYXBwLWJhc2UtZm9ybS1jYW52YXM+XHJcbiAgPC9kaXY+XHJcbjwvbWF0LWV4cGFuc2lvbi1wYW5lbD5cclxuIl19

package/esm2022/lib/components/shared/action-button/action-button.component.mjs

@@ -0,0 +1,59 @@
+import { Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
+import { Subject, takeUntil } from 'rxjs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@ngx-translate/core";
+export class ActionButtonComponent {
+    constructor() {
+        this.translateService = inject(TranslateService);
+        this.destroy$ = new Subject();
+        this.buttonText = '';
+        this.buttonGradient = 'linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)';
+        this.buttonClick = new EventEmitter();
+    }
+    get isArabic() {
+        const currentLang = this.translateService.currentLang
+            || this.translateService.defaultLang
+            || this.translateService.getBrowserLang()
+            || 'en';
+        return currentLang === 'ar';
+    }
+    ngOnInit() {
+        this.translateService.onLangChange
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    onButtonClick() {
+        this.buttonClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionButtonComponent, isStandalone: true, selector: "lib-action-button", inputs: { buttonText: "buttonText", buttonTextKey: "buttonTextKey", buttonGradient: "buttonGradient", id: "id" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\r\n  class=\"action-button\"\r\n  (click)=\"onButtonClick()\"\r\n  [style.background]=\"buttonGradient\"\r\n  [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n  type=\"button\">\r\n  <span class=\"button-texts\">\r\n    <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n    <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n  </span>\r\n  <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-action-button', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        TranslateModule
+                    ], template: "<button\r\n  class=\"action-button\"\r\n  (click)=\"onButtonClick()\"\r\n  [style.background]=\"buttonGradient\"\r\n  [attr.id]=\"id || (buttonTextKey ? ('action-button-' + buttonTextKey) : 'action-button')\"\r\n  type=\"button\">\r\n  <span class=\"button-texts\">\r\n    <span *ngIf=\"buttonTextKey\">{{ buttonTextKey | translate }}</span>\r\n    <span *ngIf=\"!buttonTextKey\">{{ buttonText }}</span>\r\n  </span>\r\n  <mat-icon class=\"arrow-icon\" [class.arrow-rtl]=\"isArabic\">arrow_forward</mat-icon>\r\n</button>\r\n", styles: [".action-button{display:flex;align-items:center;justify-content:center;gap:16px;height:62px;border-radius:16px;border:none;position:relative;overflow:hidden;cursor:pointer;width:100%;padding:0;background-size:cover;background-position:center;margin-top:15px}.action-button .button-texts{font-family:lusail-medium,sans-serif!important;font-weight:500!important;font-size:24px!important;line-height:1.2!important;color:#2e2e2e!important;white-space:nowrap;position:relative;z-index:1}.action-button .arrow-icon{font-size:24px!important;width:24px;height:30px;color:#2e2e2e;position:relative;z-index:1}.action-button .arrow-icon.arrow-rtl{transform:rotate(180deg)}.action-button:hover{opacity:.9}\n"] }]
+        }], propDecorators: { buttonText: [{
+                type: Input
+            }], buttonTextKey: [{
+                type: Input
+            }], buttonGradient: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUNySCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFhckQsTUFBTSxPQUFPLHFCQUFxQjtJQVhsQztRQVltQixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUV2QyxlQUFVLEdBQVcsRUFBRSxDQUFDO1FBRXhCLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFFM0UsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBeUJsRDtJQXZCQyxJQUFJLFFBQVE7UUFDVixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNoRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO2VBQ3RDLElBQUksQ0FBQztRQUNWLE9BQU8sV0FBVyxLQUFLLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZO2FBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDaEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FoQ1UscUJBQXFCO21HQUFyQixxQkFBcUIsd09DakJsQywrZ0JBWUEsK3VCREZJLFlBQVksa0lBQ1osYUFBYSxtTEFDYixlQUFlOzs0RkFLTixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTtxQkFDaEI7OEJBUVEsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0LCBPbkluaXQsIE9uRGVzdHJveSwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFjdGlvbi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dEtleT86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmc7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBnZXQgaXNBcmFiaWMoKTogYm9vbGVhbiB7XHJcbiAgICBjb25zdCBjdXJyZW50TGFuZyA9IHRoaXMudHJhbnNsYXRlU2VydmljZS5jdXJyZW50TGFuZ1xyXG4gICAgICB8fCB0aGlzLnRyYW5zbGF0ZVNlcnZpY2UuZGVmYXVsdExhbmdcclxuICAgICAgfHwgdGhpcy50cmFuc2xhdGVTZXJ2aWNlLmdldEJyb3dzZXJMYW5nKClcclxuICAgICAgfHwgJ2VuJztcclxuICAgIHJldHVybiBjdXJyZW50TGFuZyA9PT0gJ2FyJztcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy50cmFuc2xhdGVTZXJ2aWNlLm9uTGFuZ0NoYW5nZVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB9KTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KCk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XHJcbiAgfVxyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxidXR0b25cclxuICBjbGFzcz1cImFjdGlvbi1idXR0b25cIlxyXG4gIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIlxyXG4gIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJ1dHRvbkdyYWRpZW50XCJcclxuICBbYXR0ci5pZF09XCJpZCB8fCAoYnV0dG9uVGV4dEtleSA/ICgnYWN0aW9uLWJ1dHRvbi0nICsgYnV0dG9uVGV4dEtleSkgOiAnYWN0aW9uLWJ1dHRvbicpXCJcclxuICB0eXBlPVwiYnV0dG9uXCI+XHJcbiAgPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dHNcIj5cclxuICAgIDxzcGFuICpuZ0lmPVwiYnV0dG9uVGV4dEtleVwiPnt7IGJ1dHRvblRleHRLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICA8c3BhbiAqbmdJZj1cIiFidXR0b25UZXh0S2V5XCI+e3sgYnV0dG9uVGV4dCB9fTwvc3Bhbj5cclxuICA8L3NwYW4+XHJcbiAgPG1hdC1pY29uIGNsYXNzPVwiYXJyb3ctaWNvblwiIFtjbGFzcy5hcnJvdy1ydGxdPVwiaXNBcmFiaWNcIj5hcnJvd19mb3J3YXJkPC9tYXQtaWNvbj5cclxuPC9idXR0b24+XHJcbiJdfQ==

package/esm2022/lib/components/shared/action-card/action-card.component.mjs

@@ -0,0 +1,93 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { TranslateModule } from '@ngx-translate/core';
+import { ActionButtonComponent } from '../action-button/action-button.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@ngx-translate/core";
+export class ActionCardComponent {
+    constructor() {
+        this.icon = '';
+        this.title = '';
+        this.description = '';
+        this.buttonText = '';
+        this.iconColor = '#8A1538';
+        this.borderColor = '#d1d1d1';
+        this.buttonGradient = 'linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)';
+        this.decorativeIconColor = 'rgba(209, 203, 216, 1)';
+        this.variant = 'default';
+        this.iconSize = 40;
+        this.showDivider = false;
+        this.topBorderHeight = 12;
+        this.buttonClick = new EventEmitter();
+    }
+    onButtonClick() {
+        this.buttonClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ActionCardComponent, isStandalone: true, selector: "lib-action-card", inputs: { icon: "icon", iconSvg: "iconSvg", title: "title", description: "description", buttonText: "buttonText", buttonTextKey: "buttonTextKey", titleKey: "titleKey", descriptionKey: "descriptionKey", iconColor: "iconColor", borderColor: "borderColor", borderLeftColor: "borderLeftColor", borderRightColor: "borderRightColor", borderBottomColor: "borderBottomColor", topBorderColor: "topBorderColor", topBorderGradient: "topBorderGradient", buttonGradient: "buttonGradient", decorativeIconColor: "decorativeIconColor", featureCheckIconColor: "featureCheckIconColor", variant: "variant", iconSize: "iconSize", features: "features", featuresHeading: "featuresHeading", featuresHeadingKey: "featuresHeadingKey", showDivider: "showDivider", topBorderHeight: "topBorderHeight" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"action-card\" \r\n     [class.extended-variant]=\"variant === 'extended'\"\r\n     [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n     [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n     [style.border-right-color]=\"borderRightColor || borderColor\" \r\n     [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n     [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n  <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n    <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n      <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n        <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n          <div class=\"icon-wrapper\" \r\n               [style.color]=\"iconColor\"\r\n               [style.width.px]=\"iconSize\"\r\n               [style.height.px]=\"iconSize\">\r\n            <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n            <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n          </div>\r\n          <div class=\"header-top\">\r\n            <h2 class=\"card-title\">\r\n              <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n              <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n            </h2>\r\n          </div>\r\n        </div>\r\n        <div class=\"icon-wrapper\" \r\n             *ngIf=\"variant === 'extended'\"\r\n             [style.color]=\"iconColor\"\r\n             [style.width.px]=\"iconSize\"\r\n             [style.height.px]=\"iconSize\">\r\n          <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n          <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n        </div>\r\n        <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n          <h2 class=\"card-title\">\r\n            <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n            <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n          </h2>\r\n          <p class=\"card-description\">\r\n            <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n            <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n          </p>\r\n        </div>\r\n        <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n          <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n          <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n        </p>\r\n      </div>\r\n      <lib-action-button\r\n        [buttonText]=\"buttonText\"\r\n        [buttonTextKey]=\"buttonTextKey\"\r\n        [buttonGradient]=\"buttonGradient\"\r\n        (buttonClick)=\"onButtonClick()\">\r\n      </lib-action-button>\r\n      <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n      \r\n      <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n        <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n          <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n          <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n        </h3>\r\n        <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n          <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n          <span class=\"feature-text\">\r\n            <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n            <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n      <div class=\"decorative-icon\">\r\n        <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n        <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:auto}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: ActionButtonComponent, selector: "lib-action-button", inputs: ["buttonText", "buttonTextKey", "buttonGradient", "id"], outputs: ["buttonClick"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ActionCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-action-card', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        TranslateModule,
+                        ActionButtonComponent
+                    ], template: "<div class=\"action-card\" \r\n     [class.extended-variant]=\"variant === 'extended'\"\r\n     [style.--top-border-gradient]=\"topBorderGradient || buttonGradient\" \r\n     [style.--top-border-height]=\"topBorderHeight + 'px'\"\r\n     [style.border-right-color]=\"borderRightColor || borderColor\" \r\n     [style.border-bottom-color]=\"borderBottomColor || borderColor\" \r\n     [style.border-left-color]=\"borderLeftColor || borderColor\">\r\n  <div class=\"card-content\" [class.extended-content]=\"variant === 'extended'\">\r\n    <div class=\"main-content\" [class.extended-main]=\"variant === 'extended'\">\r\n      <div class=\"header-section\" [class.extended-header]=\"variant === 'extended'\">\r\n        <div class=\"header-top-wrapper\" *ngIf=\"variant === 'default'\">\r\n          <div class=\"icon-wrapper\" \r\n               [style.color]=\"iconColor\"\r\n               [style.width.px]=\"iconSize\"\r\n               [style.height.px]=\"iconSize\">\r\n            <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n            <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n          </div>\r\n          <div class=\"header-top\">\r\n            <h2 class=\"card-title\">\r\n              <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n              <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n            </h2>\r\n          </div>\r\n        </div>\r\n        <div class=\"icon-wrapper\" \r\n             *ngIf=\"variant === 'extended'\"\r\n             [style.color]=\"iconColor\"\r\n             [style.width.px]=\"iconSize\"\r\n             [style.height.px]=\"iconSize\">\r\n          <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"icon-svg\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\" />\r\n          <mat-icon *ngIf=\"!iconSvg && icon\" [style.font-size.px]=\"iconSize\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\">{{ icon }}</mat-icon>\r\n        </div>\r\n        <div class=\"title-description-wrapper\" *ngIf=\"variant === 'extended'\">\r\n          <h2 class=\"card-title\">\r\n            <span *ngIf=\"titleKey\">{{ titleKey | translate }}</span>\r\n            <span *ngIf=\"!titleKey\">{{ title }}</span>\r\n          </h2>\r\n          <p class=\"card-description\">\r\n            <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n            <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n          </p>\r\n        </div>\r\n        <p class=\"card-description\" *ngIf=\"variant === 'default'\">\r\n          <span *ngIf=\"descriptionKey\">{{ descriptionKey | translate }}</span>\r\n          <span *ngIf=\"!descriptionKey\">{{ description }}</span>\r\n        </p>\r\n      </div>\r\n      <lib-action-button\r\n        [buttonText]=\"buttonText\"\r\n        [buttonTextKey]=\"buttonTextKey\"\r\n        [buttonGradient]=\"buttonGradient\"\r\n        (buttonClick)=\"onButtonClick()\">\r\n      </lib-action-button>\r\n      <div class=\"features-divider\" *ngIf=\"showDivider && features && features.length > 0\"></div>\r\n      \r\n      <div class=\"features-section\" *ngIf=\"features && features.length > 0\">\r\n        <h3 class=\"features-heading\" *ngIf=\"featuresHeading || featuresHeadingKey\">\r\n          <span *ngIf=\"featuresHeadingKey\">{{ featuresHeadingKey | translate }}</span>\r\n          <span *ngIf=\"!featuresHeadingKey\">{{ featuresHeading }}</span>\r\n        </h3>\r\n        <div class=\"feature-item\" *ngFor=\"let feature of features\">\r\n          <mat-icon class=\"feature-check-icon\" [style.color]=\"featureCheckIconColor || iconColor\">check_circle</mat-icon>\r\n          <span class=\"feature-text\">\r\n            <span *ngIf=\"feature.textKey\">{{ feature.textKey | translate }}</span>\r\n            <span *ngIf=\"!feature.textKey\">{{ feature.text }}</span>\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"decorative-icon-wrapper\" *ngIf=\"variant === 'default' && (icon || iconSvg)\">\r\n      <div class=\"decorative-icon\">\r\n        <img *ngIf=\"iconSvg\" [src]=\"iconSvg\" alt=\"\" class=\"decorative-icon-svg\" [style.filter]=\"'opacity(0.3)'\" />\r\n        <mat-icon *ngIf=\"!iconSvg && icon\" [style.color]=\"decorativeIconColor\">{{ icon }}</mat-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".action-card{background-color:var(--grayscale-surface-default, #ffffff);border-right:1px solid;border-bottom:1px solid;border-left:1px solid;border-radius:16px;width:100%;height:100%;min-height:247px;position:relative;overflow:hidden}.action-card:before{content:\"\";position:absolute;top:0;left:0;right:0;height:var(--top-border-height, 12px);background:var(--top-border-gradient, var(--button-gradient, linear-gradient(90deg, #E4C9D0 0%, #8A1538 100%)));border-radius:16px 16px 0 0;z-index:1}.action-card.extended-variant{min-height:572px}.card-content{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;height:100%;position:relative;overflow:hidden;box-sizing:border-box}.card-content.extended-content{padding:20px;gap:0}.main-content{flex:1 1 0;display:flex;flex-direction:column;gap:64px;min-width:0;min-height:0}.main-content.extended-main{gap:24px}.header-section{display:flex;flex-direction:column;gap:12px;width:100%;height:83px}.header-section.extended-header{height:auto;gap:20px}.header-top-wrapper{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%}.header-top{display:flex;gap:8px;align-items:flex-start;flex:1}.title-description-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.icon-wrapper{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.icon-wrapper mat-icon{font-size:40px;width:40px;height:40px}.icon-wrapper .icon-svg{width:40px;height:40px;object-fit:contain}.card-title{font-family:lusail-bold,sans-serif;font-weight:700;font-size:24px!important;line-height:1.2;color:#222;margin:0;height:40px;display:flex;align-items:flex-end;justify-content:flex-start;flex:1}.extended-variant .card-title{color:#000;height:auto}.card-description{font-family:lusail-regular,sans-serif;font-weight:400;font-size:20px!important;line-height:1.2;color:#888;margin:0;height:40px;display:flex;align-items:center}.extended-variant .card-description{font-family:lusail-light,sans-serif;font-weight:300;height:auto}.decorative-icon-wrapper{position:relative;width:153px;height:211px;flex-shrink:0}.decorative-icon{position:absolute;left:0;top:43px;width:144px;height:152px;opacity:.3;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.decorative-icon mat-icon{font-size:152px;width:144px;height:152px}.decorative-icon .decorative-icon-svg{width:144px;height:152px;object-fit:contain}.features-divider{width:100%;height:1px;background-color:#e9e9e9;margin:0}.features-section{display:flex;flex-direction:column;gap:24px;width:100%}.features-section .feature-item:not(:last-child){margin-bottom:0}.features-heading{font-family:lusail-bold,sans-serif;font-weight:700;font-size:20px!important;line-height:1.2;color:#2e2e2e;margin:0;padding:0}.feature-item{display:flex;gap:20px;align-items:center;width:100%;padding:0;margin:0}.feature-check-icon{font-size:24px!important;width:24px;height:24px;flex-shrink:0}.feature-text{font-family:lusail-light,sans-serif;font-weight:300;font-size:20px!important;line-height:1.2;color:#2e2e2e;flex:1}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], iconSvg: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }], buttonTextKey: [{
+                type: Input
+            }], titleKey: [{
+                type: Input
+            }], descriptionKey: [{
+                type: Input
+            }], iconColor: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], borderLeftColor: [{
+                type: Input
+            }], borderRightColor: [{
+                type: Input
+            }], borderBottomColor: [{
+                type: Input
+            }], topBorderColor: [{
+                type: Input
+            }], topBorderGradient: [{
+                type: Input
+            }], buttonGradient: [{
+                type: Input
+            }], decorativeIconColor: [{
+                type: Input
+            }], featureCheckIconColor: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], iconSize: [{
+                type: Input
+            }], features: [{
+                type: Input
+            }], featuresHeading: [{
+                type: Input
+            }], featuresHeadingKey: [{
+                type: Input
+            }], showDivider: [{
+                type: Input
+            }], topBorderHeight: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7QUFtQmpGLE1BQU0sT0FBTyxtQkFBbUI7SUFaaEM7UUFjVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUl4QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBQzlCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBTWhDLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFDNUUsd0JBQW1CLEdBQVcsd0JBQXdCLENBQUM7UUFFdkQsWUFBTyxHQUEyQixTQUFTLENBQUM7UUFDNUMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUl0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM1QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FLbEQ7SUFIQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQS9CVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0M0JDdkJoQyw2N0lBNkVNLHVrR0Q5REYsWUFBWSwrUEFDWixhQUFhLG1MQUNiLGVBQWUsNEZBQ2YscUJBQXFCOzs0RkFLWixtQkFBbUI7a0JBWi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZUl0ZW0ge1xyXG4gIHRleHQ/OiBzdHJpbmc7XHJcbiAgdGV4dEtleT86IHN0cmluZztcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItYWN0aW9uLWNhcmQnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIEFjdGlvbkJ1dHRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1jYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vYWN0aW9uLWNhcmQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY3Rpb25DYXJkQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaWNvblN2Zz86IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGJ1dHRvblRleHRLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgdGl0bGVLZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGVzY3JpcHRpb25LZXk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnIzhBMTUzOCc7XHJcbiAgQElucHV0KCkgYm9yZGVyQ29sb3I6IHN0cmluZyA9ICcjZDFkMWQxJztcclxuICBASW5wdXQoKSBib3JkZXJMZWZ0Q29sb3I/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYm9yZGVyUmlnaHRDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBib3JkZXJCb3R0b21Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJDb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB0b3BCb3JkZXJHcmFkaWVudD86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgZGVjb3JhdGl2ZUljb25Db2xvcjogc3RyaW5nID0gJ3JnYmEoMjA5LCAyMDMsIDIxNiwgMSknO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVDaGVja0ljb25Db2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSB2YXJpYW50OiAnZGVmYXVsdCcgfCAnZXh0ZW5kZWQnID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGljb25TaXplOiBudW1iZXIgPSA0MDtcclxuICBASW5wdXQoKSBmZWF0dXJlcz86IEZlYXR1cmVJdGVtW107XHJcbiAgQElucHV0KCkgZmVhdHVyZXNIZWFkaW5nPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZlYXR1cmVzSGVhZGluZ0tleT86IHN0cmluZztcclxuICBASW5wdXQoKSBzaG93RGl2aWRlcjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRvcEJvcmRlckhlaWdodDogbnVtYmVyID0gMTI7XHJcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBvbkJ1dHRvbkNsaWNrKCk6IHZvaWQge1xyXG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImFjdGlvbi1jYXJkXCIgXHJcbiAgICAgW2NsYXNzLmV4dGVuZGVkLXZhcmlhbnRdPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiXHJcbiAgICAgW3N0eWxlLi0tdG9wLWJvcmRlci1ncmFkaWVudF09XCJ0b3BCb3JkZXJHcmFkaWVudCB8fCBidXR0b25HcmFkaWVudFwiIFxyXG4gICAgIFtzdHlsZS4tLXRvcC1ib3JkZXItaGVpZ2h0XT1cInRvcEJvcmRlckhlaWdodCArICdweCdcIlxyXG4gICAgIFtzdHlsZS5ib3JkZXItcmlnaHQtY29sb3JdPVwiYm9yZGVyUmlnaHRDb2xvciB8fCBib3JkZXJDb2xvclwiIFxyXG4gICAgIFtzdHlsZS5ib3JkZXItYm90dG9tLWNvbG9yXT1cImJvcmRlckJvdHRvbUNvbG9yIHx8IGJvcmRlckNvbG9yXCIgXHJcbiAgICAgW3N0eWxlLmJvcmRlci1sZWZ0LWNvbG9yXT1cImJvcmRlckxlZnRDb2xvciB8fCBib3JkZXJDb2xvclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJjYXJkLWNvbnRlbnRcIiBbY2xhc3MuZXh0ZW5kZWQtY29udGVudF09XCJ2YXJpYW50ID09PSAnZXh0ZW5kZWQnXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWFpbi1jb250ZW50XCIgW2NsYXNzLmV4dGVuZGVkLW1haW5dPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXNlY3Rpb25cIiBbY2xhc3MuZXh0ZW5kZWQtaGVhZGVyXT1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcC13cmFwcGVyXCIgKm5nSWY9XCJ2YXJpYW50ID09PSAnZGVmYXVsdCdcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIiBcclxuICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiXHJcbiAgICAgICAgICAgICAgIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj5cclxuICAgICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbiAqbmdJZj1cIiFpY29uU3ZnICYmIGljb25cIiBbc3R5bGUuZm9udC1zaXplLnB4XT1cImljb25TaXplXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPnt7IGljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLXRvcFwiPlxyXG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJ0aXRsZUtleVwiPnt7IHRpdGxlS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvaDI+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCIgXHJcbiAgICAgICAgICAgICAqbmdJZj1cInZhcmlhbnQgPT09ICdleHRlbmRlZCdcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImljb25Db2xvclwiXHJcbiAgICAgICAgICAgICBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIlxyXG4gICAgICAgICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPlxyXG4gICAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImljb24tc3ZnXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiIC8+XHJcbiAgICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmZvbnQtc2l6ZS5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS53aWR0aC5weF09XCJpY29uU2l6ZVwiIFtzdHlsZS5oZWlnaHQucHhdPVwiaWNvblNpemVcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtZGVzY3JpcHRpb24td3JhcHBlclwiICpuZ0lmPVwidmFyaWFudCA9PT0gJ2V4dGVuZGVkJ1wiPlxyXG4gICAgICAgICAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cInRpdGxlS2V5XCI+e3sgdGl0bGVLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiIXRpdGxlS2V5XCI+e3sgdGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2gyPlxyXG4gICAgICAgICAgPHAgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbktleSB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8cCBjbGFzcz1cImNhcmQtZGVzY3JpcHRpb25cIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0J1wiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJkZXNjcmlwdGlvbktleVwiPnt7IGRlc2NyaXB0aW9uS2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCIhZGVzY3JpcHRpb25LZXlcIj57eyBkZXNjcmlwdGlvbiB9fTwvc3Bhbj5cclxuICAgICAgICA8L3A+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8bGliLWFjdGlvbi1idXR0b25cclxuICAgICAgICBbYnV0dG9uVGV4dF09XCJidXR0b25UZXh0XCJcclxuICAgICAgICBbYnV0dG9uVGV4dEtleV09XCJidXR0b25UZXh0S2V5XCJcclxuICAgICAgICBbYnV0dG9uR3JhZGllbnRdPVwiYnV0dG9uR3JhZGllbnRcIlxyXG4gICAgICAgIChidXR0b25DbGljayk9XCJvbkJ1dHRvbkNsaWNrKClcIj5cclxuICAgICAgPC9saWItYWN0aW9uLWJ1dHRvbj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZlYXR1cmVzLWRpdmlkZXJcIiAqbmdJZj1cInNob3dEaXZpZGVyICYmIGZlYXR1cmVzICYmIGZlYXR1cmVzLmxlbmd0aCA+IDBcIj48L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmZWF0dXJlcy1zZWN0aW9uXCIgKm5nSWY9XCJmZWF0dXJlcyAmJiBmZWF0dXJlcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwiZmVhdHVyZXMtaGVhZGluZ1wiICpuZ0lmPVwiZmVhdHVyZXNIZWFkaW5nIHx8IGZlYXR1cmVzSGVhZGluZ0tleVwiPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmdLZXkgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlc0hlYWRpbmdLZXlcIj57eyBmZWF0dXJlc0hlYWRpbmcgfX08L3NwYW4+XHJcbiAgICAgICAgPC9oMz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmVhdHVyZS1pdGVtXCIgKm5nRm9yPVwibGV0IGZlYXR1cmUgb2YgZmVhdHVyZXNcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZlYXR1cmUtY2hlY2staWNvblwiIFtzdHlsZS5jb2xvcl09XCJmZWF0dXJlQ2hlY2tJY29uQ29sb3IgfHwgaWNvbkNvbG9yXCI+Y2hlY2tfY2lyY2xlPC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZmVhdHVyZS10ZXh0XCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZmVhdHVyZS50ZXh0S2V5XCI+e3sgZmVhdHVyZS50ZXh0S2V5IHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFmZWF0dXJlLnRleHRLZXlcIj57eyBmZWF0dXJlLnRleHQgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uLXdyYXBwZXJcIiAqbmdJZj1cInZhcmlhbnQgPT09ICdkZWZhdWx0JyAmJiAoaWNvbiB8fCBpY29uU3ZnKVwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGVjb3JhdGl2ZS1pY29uXCI+XHJcbiAgICAgICAgPGltZyAqbmdJZj1cImljb25TdmdcIiBbc3JjXT1cImljb25TdmdcIiBhbHQ9XCJcIiBjbGFzcz1cImRlY29yYXRpdmUtaWNvbi1zdmdcIiBbc3R5bGUuZmlsdGVyXT1cIidvcGFjaXR5KDAuMyknXCIgLz5cclxuICAgICAgICA8bWF0LWljb24gKm5nSWY9XCIhaWNvblN2ZyAmJiBpY29uXCIgW3N0eWxlLmNvbG9yXT1cImRlY29yYXRpdmVJY29uQ29sb3JcIj57eyBpY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/shared/attachment-uploader/attachment-uploader.component.mjs

@@ -0,0 +1,70 @@
+import { Component, EventEmitter, Output, ViewChild } from '@angular/core';
+import { MatIcon } from "@angular/material/icon";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatButton, MatIconButton } from "@angular/material/button";
+import { NgIf } from "@angular/common";
+import { MatTooltip } from "@angular/material/tooltip";
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class AttachmentUploaderComponent {
+    constructor() {
+        this.fileSelected = new EventEmitter();
+        this.selectedFile = null;
+        this.isDragOver = false;
+    }
+    triggerAttachmentUpload() {
+        this.fileUpload.nativeElement.click();
+    }
+    uploadFileToServer() {
+        const file = this.fileUpload.nativeElement.files?.[0];
+        if (file) {
+            this.selectedFile = file;
+            this.fileSelected.emit(file);
+        }
+    }
+    clearFile() {
+        this.selectedFile = null;
+        this.fileUpload.nativeElement.value = '';
+        this.fileSelected.emit(null);
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver = true;
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver = false;
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.isDragOver = false;
+        const files = event.dataTransfer?.files;
+        if (files && files.length > 0) {
+            const file = files[0];
+            this.selectedFile = file;
+            this.fileSelected.emit(file);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AttachmentUploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AttachmentUploaderComponent, isStandalone: true, selector: "app-attachment-uploader", outputs: { fileSelected: "fileSelected" }, viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }], ngImport: i0, template: "<div class=\"attachment-uploader\"\r\n     [class.drag-over]=\"isDragOver\"\r\n     (dragover)=\"onDragOver($event)\"\r\n     (dragleave)=\"onDragLeave($event)\"\r\n     (drop)=\"onDrop($event)\">\r\n  <div class=\"upload-content\">\r\n    <div class=\"upload-icon\">\r\n      <mat-icon>upload_file</mat-icon>\r\n    </div>\r\n\r\n    <p class=\"main-text\">{{ 'attachmentUploader.dragAndDrop' | translate }}</p>\r\n\r\n    <p class=\"info-text\">{{ 'attachmentUploader.fileInfo' | translate }}</p>\r\n\r\n    <button mat-stroked-button\r\n            class=\"browse-button\"\r\n            (click)=\"triggerAttachmentUpload()\">\r\n      {{ 'attachmentUploader.browseFiles' | translate }}\r\n    </button>\r\n  </div>\r\n\r\n  <div *ngIf=\"selectedFile\" class=\"selected-file\">\r\n    <div class=\"file-info\">\r\n      <mat-icon class=\"file-icon\">description</mat-icon>\r\n      <span class=\"file-name\">{{ selectedFile.name }}</span>\r\n    </div>\r\n    <button mat-icon-button\r\n            class=\"clear-button\"\r\n            (click)=\"clearFile()\"\r\n            matTooltip=\"{{ 'attachmentUploader.removeFile' | translate }}\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <input #fileUpload type=\"file\" class=\"hidden-input\" (change)=\"uploadFileToServer()\" />\r\n</div>\r\n", styles: [".attachment-uploader{background-color:var(--background-color);border:1px dashed #b7b7b7;border-radius:8px;position:relative;width:100%;transition:all .3s ease;cursor:pointer}.attachment-uploader.drag-over{border-color:var(--primary-color-3nd);background-color:var(--selected-hover)}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;min-height:200px}.upload-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.upload-icon mat-icon{font-size:48px;width:48px;height:48px;color:#888}.main-text{font-family:Lusail,sans-serif;font-size:16px;font-weight:500;line-height:1.2;color:#000;margin:0;text-align:center}.info-text{font-family:Lusail,sans-serif;font-size:14px;font-weight:300;line-height:1.2;color:#888;margin:0;text-align:center}.browse-button{margin-top:8px;border:1px solid var(--primary-color-3nd);border-radius:8px;background-color:var(--background-color);color:var(--primary-color-3nd);font-family:Lusail,sans-serif;font-size:16px;font-weight:500;padding:8px 16px;transition:all .2s ease}.browse-button:hover{background-color:var(--selected-hover)}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--background-color);border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px}.file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-icon{color:#888;font-size:24px;width:24px;height:24px;flex-shrink:0}.file-name{font-family:Lusail,sans-serif;font-size:14px;font-weight:400;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-button{background-color:transparent;border:none;color:#d32f2f;transition:color .2s ease;padding:4px;flex-shrink:0}.clear-button:hover{color:#b71c1c;background-color:transparent}.clear-button mat-icon{font-size:20px;width:20px;height:20px}.hidden-input{display:none}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AttachmentUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-attachment-uploader', standalone: true, imports: [
+                        MatIcon,
+                        TranslateModule,
+                        MatButton,
+                        NgIf,
+                        MatTooltip,
+                        MatIconButton,
+                    ], template: "<div class=\"attachment-uploader\"\r\n     [class.drag-over]=\"isDragOver\"\r\n     (dragover)=\"onDragOver($event)\"\r\n     (dragleave)=\"onDragLeave($event)\"\r\n     (drop)=\"onDrop($event)\">\r\n  <div class=\"upload-content\">\r\n    <div class=\"upload-icon\">\r\n      <mat-icon>upload_file</mat-icon>\r\n    </div>\r\n\r\n    <p class=\"main-text\">{{ 'attachmentUploader.dragAndDrop' | translate }}</p>\r\n\r\n    <p class=\"info-text\">{{ 'attachmentUploader.fileInfo' | translate }}</p>\r\n\r\n    <button mat-stroked-button\r\n            class=\"browse-button\"\r\n            (click)=\"triggerAttachmentUpload()\">\r\n      {{ 'attachmentUploader.browseFiles' | translate }}\r\n    </button>\r\n  </div>\r\n\r\n  <div *ngIf=\"selectedFile\" class=\"selected-file\">\r\n    <div class=\"file-info\">\r\n      <mat-icon class=\"file-icon\">description</mat-icon>\r\n      <span class=\"file-name\">{{ selectedFile.name }}</span>\r\n    </div>\r\n    <button mat-icon-button\r\n            class=\"clear-button\"\r\n            (click)=\"clearFile()\"\r\n            matTooltip=\"{{ 'attachmentUploader.removeFile' | translate }}\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <input #fileUpload type=\"file\" class=\"hidden-input\" (change)=\"uploadFileToServer()\" />\r\n</div>\r\n", styles: [".attachment-uploader{background-color:var(--background-color);border:1px dashed #b7b7b7;border-radius:8px;position:relative;width:100%;transition:all .3s ease;cursor:pointer}.attachment-uploader.drag-over{border-color:var(--primary-color-3nd);background-color:var(--selected-hover)}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;min-height:200px}.upload-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.upload-icon mat-icon{font-size:48px;width:48px;height:48px;color:#888}.main-text{font-family:Lusail,sans-serif;font-size:16px;font-weight:500;line-height:1.2;color:#000;margin:0;text-align:center}.info-text{font-family:Lusail,sans-serif;font-size:14px;font-weight:300;line-height:1.2;color:#888;margin:0;text-align:center}.browse-button{margin-top:8px;border:1px solid var(--primary-color-3nd);border-radius:8px;background-color:var(--background-color);color:var(--primary-color-3nd);font-family:Lusail,sans-serif;font-size:16px;font-weight:500;padding:8px 16px;transition:all .2s ease}.browse-button:hover{background-color:var(--selected-hover)}.selected-file{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--background-color);border-top:1px solid #e0e0e0;border-radius:0 0 8px 8px}.file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-icon{color:#888;font-size:24px;width:24px;height:24px;flex-shrink:0}.file-name{font-family:Lusail,sans-serif;font-size:14px;font-weight:400;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-button{background-color:transparent;border:none;color:#d32f2f;transition:color .2s ease;padding:4px;flex-shrink:0}.clear-button:hover{color:#b71c1c;background-color:transparent}.clear-button mat-icon{font-size:20px;width:20px;height:20px}.hidden-input{display:none}\n"] }]
+        }], propDecorators: { fileUpload: [{
+                type: ViewChild,
+                args: ['fileUpload']
+            }], fileSelected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXR0YWNobWVudC11cGxvYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9hdHRhY2htZW50LXVwbG9hZGVyL2F0dGFjaG1lbnQtdXBsb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYXR0YWNobWVudC11cGxvYWRlci9hdHRhY2htZW50LXVwbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQWMsWUFBWSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQy9DLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBQyxNQUFNLDBCQUEwQixDQUFDO0FBQ2xFLE9BQU8sRUFBQyxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7OztBQWdCckQsTUFBTSxPQUFPLDJCQUEyQjtJQWR4QztRQWdCWSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFekQsaUJBQVksR0FBZ0IsSUFBSSxDQUFDO1FBQ2pDLGVBQVUsR0FBRyxLQUFLLENBQUM7S0E0Q3BCO0lBMUNDLHVCQUF1QjtRQUNyQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RELElBQUksSUFBSSxFQUFFLENBQUM7WUFDVCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztZQUN6QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUMvQixDQUFDO0lBQ0gsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQztRQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBZ0I7UUFDekIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3ZCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWdCO1FBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUN2QixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7SUFDMUIsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFnQjtRQUNyQixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDdkIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBRXhCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDO1FBQ3hDLElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDOUIsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO1lBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDOytHQWhEVSwyQkFBMkI7bUdBQTNCLDJCQUEyQix3T0NyQnhDLCt5Q0FvQ0EsazZERHpCSSxPQUFPLDBJQUNQLGVBQWUsNEZBQ2YsU0FBUyxpTEFDVCxJQUFJLDZGQUNKLFVBQVUsaVJBQ1YsYUFBYTs7NEZBS0osMkJBQTJCO2tCQWR2QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsT0FBTzt3QkFDUCxlQUFlO3dCQUNmLFNBQVM7d0JBQ1QsSUFBSTt3QkFDSixVQUFVO3dCQUNWLGFBQWE7cUJBQ2Q7OEJBS3dCLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWTtnQkFDYixZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge01hdEljb259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9pY29uXCI7XHJcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbiwgTWF0SWNvbkJ1dHRvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge05nSWZ9IGZyb20gXCJAYW5ndWxhci9jb21tb25cIjtcclxuaW1wb3J0IHtNYXRUb29sdGlwfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcFwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYXR0YWNobWVudC11cGxvYWRlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRJY29uLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uLFxyXG4gICAgTmdJZixcclxuICAgIE1hdFRvb2x0aXAsXHJcbiAgICBNYXRJY29uQnV0dG9uLFxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0dGFjaG1lbnQtdXBsb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hdHRhY2htZW50LXVwbG9hZGVyLmNvbXBvbmVudC5jc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdHRhY2htZW50VXBsb2FkZXJDb21wb25lbnQge1xyXG4gIEBWaWV3Q2hpbGQoJ2ZpbGVVcGxvYWQnKSBmaWxlVXBsb2FkITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcclxuICBAT3V0cHV0KCkgZmlsZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxGaWxlIHwgbnVsbD4oKTtcclxuXHJcbiAgc2VsZWN0ZWRGaWxlOiBGaWxlIHwgbnVsbCA9IG51bGw7XHJcbiAgaXNEcmFnT3ZlciA9IGZhbHNlO1xyXG5cclxuICB0cmlnZ2VyQXR0YWNobWVudFVwbG9hZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZmlsZVVwbG9hZC5uYXRpdmVFbGVtZW50LmNsaWNrKCk7XHJcbiAgfVxyXG5cclxuICB1cGxvYWRGaWxlVG9TZXJ2ZXIoKTogdm9pZCB7XHJcbiAgICBjb25zdCBmaWxlID0gdGhpcy5maWxlVXBsb2FkLm5hdGl2ZUVsZW1lbnQuZmlsZXM/LlswXTtcclxuICAgIGlmIChmaWxlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWRGaWxlID0gZmlsZTtcclxuICAgICAgdGhpcy5maWxlU2VsZWN0ZWQuZW1pdChmaWxlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsZWFyRmlsZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2VsZWN0ZWRGaWxlID0gbnVsbDtcclxuICAgIHRoaXMuZmlsZVVwbG9hZC5uYXRpdmVFbGVtZW50LnZhbHVlID0gJyc7XHJcbiAgICB0aGlzLmZpbGVTZWxlY3RlZC5lbWl0KG51bGwpO1xyXG4gIH1cclxuXHJcbiAgb25EcmFnT3ZlcihldmVudDogRHJhZ0V2ZW50KTogdm9pZCB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XHJcbiAgICB0aGlzLmlzRHJhZ092ZXIgPSB0cnVlO1xyXG4gIH1cclxuXHJcbiAgb25EcmFnTGVhdmUoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5pc0RyYWdPdmVyID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBvbkRyb3AoZXZlbnQ6IERyYWdFdmVudCk6IHZvaWQge1xyXG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgdGhpcy5pc0RyYWdPdmVyID0gZmFsc2U7XHJcblxyXG4gICAgY29uc3QgZmlsZXMgPSBldmVudC5kYXRhVHJhbnNmZXI/LmZpbGVzO1xyXG4gICAgaWYgKGZpbGVzICYmIGZpbGVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgY29uc3QgZmlsZSA9IGZpbGVzWzBdO1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRmlsZSA9IGZpbGU7XHJcbiAgICAgIHRoaXMuZmlsZVNlbGVjdGVkLmVtaXQoZmlsZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59IiwiPGRpdiBjbGFzcz1cImF0dGFjaG1lbnQtdXBsb2FkZXJcIlxyXG4gICAgIFtjbGFzcy5kcmFnLW92ZXJdPVwiaXNEcmFnT3ZlclwiXHJcbiAgICAgKGRyYWdvdmVyKT1cIm9uRHJhZ092ZXIoJGV2ZW50KVwiXHJcbiAgICAgKGRyYWdsZWF2ZSk9XCJvbkRyYWdMZWF2ZSgkZXZlbnQpXCJcclxuICAgICAoZHJvcCk9XCJvbkRyb3AoJGV2ZW50KVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ1cGxvYWQtY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInVwbG9hZC1pY29uXCI+XHJcbiAgICAgIDxtYXQtaWNvbj51cGxvYWRfZmlsZTwvbWF0LWljb24+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8cCBjbGFzcz1cIm1haW4tdGV4dFwiPnt7ICdhdHRhY2htZW50VXBsb2FkZXIuZHJhZ0FuZERyb3AnIHwgdHJhbnNsYXRlIH19PC9wPlxyXG5cclxuICAgIDxwIGNsYXNzPVwiaW5mby10ZXh0XCI+e3sgJ2F0dGFjaG1lbnRVcGxvYWRlci5maWxlSW5mbycgfCB0cmFuc2xhdGUgfX08L3A+XHJcblxyXG4gICAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b25cclxuICAgICAgICAgICAgY2xhc3M9XCJicm93c2UtYnV0dG9uXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInRyaWdnZXJBdHRhY2htZW50VXBsb2FkKClcIj5cclxuICAgICAge3sgJ2F0dGFjaG1lbnRVcGxvYWRlci5icm93c2VGaWxlcycgfCB0cmFuc2xhdGUgfX1cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICpuZ0lmPVwic2VsZWN0ZWRGaWxlXCIgY2xhc3M9XCJzZWxlY3RlZC1maWxlXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZmlsZS1pbmZvXCI+XHJcbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImZpbGUtaWNvblwiPmRlc2NyaXB0aW9uPC9tYXQtaWNvbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJmaWxlLW5hbWVcIj57eyBzZWxlY3RlZEZpbGUubmFtZSB9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b25cclxuICAgICAgICAgICAgY2xhc3M9XCJjbGVhci1idXR0b25cIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJGaWxlKClcIlxyXG4gICAgICAgICAgICBtYXRUb29sdGlwPVwie3sgJ2F0dGFjaG1lbnRVcGxvYWRlci5yZW1vdmVGaWxlJyB8IHRyYW5zbGF0ZSB9fVwiPlxyXG4gICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxpbnB1dCAjZmlsZVVwbG9hZCB0eXBlPVwiZmlsZVwiIGNsYXNzPVwiaGlkZGVuLWlucHV0XCIgKGNoYW5nZSk9XCJ1cGxvYWRGaWxlVG9TZXJ2ZXIoKVwiIC8+XHJcbjwvZGl2PlxyXG4iXX0=