@unifylib/ui-lib 1.0.3 → 1.0.64

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

@@ -0,0 +1,63 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { MatFormField, MatLabel } 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      <mat-label>{{ 'BASE_TABLE.searchQuery' | translate }}</mat-label>\r\n      <input\r\n        matInput\r\n        class=\"search__input\"\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-label>{{ 'BASE_TABLE.searchMatchType' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"searchType\">\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-label>{{ 'BASE_TABLE.sortByColumn' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"selectedSortKey\">\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-label>{{ 'BASE_TABLE.sortDirection' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"selectedSortType\">\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      <button\r\n        type=\"button\"\r\n        class=\"icon-design\"\r\n        mat-icon-button\r\n        (click)=\"onSearch()\"\r\n        [attr.aria-label]=\"'BASE_TABLE.runSearch' | translate\">\r\n        <mat-icon class=\"icon-search\" color=\"primary\" aria-hidden=\"true\">search</mat-icon>\r\n      </button>\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: "directive", type: MatLabel, selector: "mat-label" }, { 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: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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,
+                        MatLabel,
+                        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      <mat-label>{{ 'BASE_TABLE.searchQuery' | translate }}</mat-label>\r\n      <input\r\n        matInput\r\n        class=\"search__input\"\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-label>{{ 'BASE_TABLE.searchMatchType' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"searchType\">\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-label>{{ 'BASE_TABLE.sortByColumn' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"selectedSortKey\">\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-label>{{ 'BASE_TABLE.sortDirection' | translate }}</mat-label>\r\n      <mat-select class=\"search__toggle\" [(ngModel)]=\"selectedSortType\">\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      <button\r\n        type=\"button\"\r\n        class=\"icon-design\"\r\n        mat-icon-button\r\n        (click)=\"onSearch()\"\r\n        [attr.aria-label]=\"'BASE_TABLE.runSearch' | translate\">\r\n        <mat-icon class=\"icon-search\" color=\"primary\" aria-hidden=\"true\">search</mat-icon>\r\n      </button>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlYXJjaC1iYXIvc2VhcmNoLWJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyxZQUFZLEVBQUUsUUFBUSxFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFDcEUsT0FBTyxFQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQy9DLE9BQU8sRUFBQyxRQUFRLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDdkQsT0FBTyxFQUFDLE9BQU8sRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBRXhDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQXFCcEQsTUFBTSxPQUFPLGtCQUFrQjtJQWxCL0I7UUFvQlcsbUJBQWMsR0FBVyxFQUFFLENBQUM7UUFFckMsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFlLE1BQU0sQ0FBQztRQUNoQyxvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM3QixxQkFBZ0IsR0FBYSxLQUFLLENBQUM7UUFDekIsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFLeEMsQ0FBQztLQXlCTjtJQXZCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsS0FBSyxJQUFJLENBQUMsY0FBYyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDO1FBRTFFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDO1lBQ3hCLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVztZQUM3QixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsT0FBTyxFQUFFLElBQUksQ0FBQyxlQUFlO1lBQzdCLFFBQVEsRUFBRSxJQUFJLENBQUMsZ0JBQWdCO1NBQ2hDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxRQUFRLENBQUMsTUFBNEM7UUFDbkQsT0FBTyxNQUFNLENBQUMsS0FBSyxJQUFJLE1BQU0sQ0FBQyxRQUFRLENBQUM7SUFDekMsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQ3hCLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsZUFBZSxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FDcEUsQ0FBQztJQUNKLENBQUM7K0dBckNVLGtCQUFrQjttR0FBbEIsa0JBQWtCLDRMQzlCL0IsbWpFQWtEQSwycEJEakNJLFlBQVksNExBQ1osUUFBUSxzREFDUixTQUFTLHdlQUNULFNBQVMsb0pBQ1QsV0FBVywrbUJBQ1gsT0FBTywySUFDUCxRQUFRLGlVQUNSLGFBQWEsNkZBQ2IsT0FBTyxrSEFDUCxlQUFlOzs0RkFJTixrQkFBa0I7a0JBbEI5QixTQUFTOytCQUNFLGVBQWUsY0FFYixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixRQUFRO3dCQUNSLFNBQVM7d0JBQ1QsU0FBUzt3QkFDVCxXQUFXO3dCQUNYLE9BQU87d0JBQ1AsUUFBUTt3QkFDUixhQUFhO3dCQUNiLE9BQU87d0JBQ1AsZUFBZTtxQkFDaEI7OEJBSVEsT0FBTztzQkFBZixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBTUksZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TWF0Rm9ybUZpZWxkLCBNYXRMYWJlbH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGRcIjtcclxuaW1wb3J0IHtNYXRPcHRpb24sIE1hdFNlbGVjdH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NlbGVjdFwiO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHtNYXRJY29ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xyXG5pbXBvcnQge01hdElucHV0fSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcclxuaW1wb3J0IHtNYXRJY29uQnV0dG9ufSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XHJcbmltcG9ydCB7TmdGb3JPZn0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge1RhYmxlQ29sdW1ufSBmcm9tIFwiLi4vLi4vYmFzZS1tb2RlbFwiO1xyXG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcclxudHlwZSBTZWFyY2hUeXBlID0gJ2V4YWN0JyB8ICdsaWtlJztcclxudHlwZSBTb3J0VHlwZSA9ICdBU0MnIHwgJ0RFU0MnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FnLXNlYXJjaC1iYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdEZvcm1GaWVsZCxcclxuICAgIE1hdExhYmVsLFxyXG4gICAgTWF0U2VsZWN0LFxyXG4gICAgTWF0T3B0aW9uLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRJY29uLFxyXG4gICAgTWF0SW5wdXQsXHJcbiAgICBNYXRJY29uQnV0dG9uLFxyXG4gICAgTmdGb3JPZixcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2VhcmNoLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZWFyY2hCYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpIGNvbHVtbnM6IFRhYmxlQ29sdW1uPGFueT5bXTtcclxuICBASW5wdXQoKSBkZWZhdWx0U29ydEtleTogc3RyaW5nID0gJyc7XHJcblxyXG4gIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSAnJztcclxuICBzZWFyY2hUeXBlOiBTZWFyY2hUeXBlID0gJ2xpa2UnO1xyXG4gIHNlbGVjdGVkU29ydEtleTogc3RyaW5nID0gJyc7XHJcbiAgc2VsZWN0ZWRTb3J0VHlwZTogU29ydFR5cGUgPSAnQVNDJztcclxuICBAT3V0cHV0KCkgc2VhcmNoVHJpZ2dlcmVkID0gbmV3IEV2ZW50RW1pdHRlcjx7XHJcbiAgICBzZWFyY2hWYWx1ZTogc3RyaW5nO1xyXG4gICAgc2VhcmNoVHlwZTogU2VhcmNoVHlwZTtcclxuICAgIHNvcnRLZXk6IHN0cmluZztcclxuICAgIHNvcnRUeXBlOiBzdHJpbmc7XHJcbiAgfT4oKTtcclxuXHJcbiAgb25TZWFyY2goKSB7XHJcbiAgICB0aGlzLnNlbGVjdGVkU29ydEtleSB8fD0gdGhpcy5kZWZhdWx0U29ydEtleSB8fCB0aGlzLmNvbHVtbnNbMF0/LnByb3BlcnR5O1xyXG5cclxuICAgIHRoaXMuc2VhcmNoVHJpZ2dlcmVkLmVtaXQoe1xyXG4gICAgICBzZWFyY2hWYWx1ZTogdGhpcy5zZWFyY2hWYWx1ZSxcclxuICAgICAgc2VhcmNoVHlwZTogdGhpcy5zZWFyY2hUeXBlLFxyXG4gICAgICBzb3J0S2V5OiB0aGlzLnNlbGVjdGVkU29ydEtleSxcclxuICAgICAgc29ydFR5cGU6IHRoaXMuc2VsZWN0ZWRTb3J0VHlwZVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBsYWJlbEtleShjb2x1bW46IHsgbGFiZWw/OiBzdHJpbmc7IHByb3BlcnR5OiBzdHJpbmcgfSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gY29sdW1uLmxhYmVsIHx8IGNvbHVtbi5wcm9wZXJ0eTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgZ2V0Q29sdW1ucygpIHtcclxuICAgIHJldHVybiB0aGlzLmNvbHVtbnMuZmlsdGVyKFxyXG4gICAgICAoY29sdW1uKSA9PiBbJ3RleHQnLCAnZGF0ZScsICdsb2NhbERhdGVUaW1lJ10uaW5jbHVkZXMoY29sdW1uLnR5cGUpXHJcbiAgICApO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibWFpblNlYXJjaEJhclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzZWFyY2ggcm93IGFsaWduLXN0YXJ0LWNlbnRlciBnYXAtMTZcIj5cclxuXHJcbiAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInNlYXJjaF9fZmllbGQgZmxleC01MFwiPlxyXG4gICAgICA8bWF0LWxhYmVsPnt7ICdCQVNFX1RBQkxFLnNlYXJjaFF1ZXJ5JyB8IHRyYW5zbGF0ZSB9fTwvbWF0LWxhYmVsPlxyXG4gICAgICA8aW5wdXRcclxuICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgIGNsYXNzPVwic2VhcmNoX19pbnB1dFwiXHJcbiAgICAgICAgKGtleWRvd24uZW50ZXIpPVwib25TZWFyY2goKVwiXHJcbiAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hWYWx1ZVwiIC8+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuICAgIDxtYXQtZm9ybS1maWVsZCBhcHBlYXJhbmNlPVwib3V0bGluZVwiIGNsYXNzPVwic2VhcmNoX19maWVsZCBmbGV4LTE1XCI+XHJcbiAgICAgIDxtYXQtbGFiZWw+e3sgJ0JBU0VfVEFCTEUuc2VhcmNoTWF0Y2hUeXBlJyB8IHRyYW5zbGF0ZSB9fTwvbWF0LWxhYmVsPlxyXG4gICAgICA8bWF0LXNlbGVjdCBjbGFzcz1cInNlYXJjaF9fdG9nZ2xlXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hUeXBlXCI+XHJcbiAgICAgICAgPG1hdC1vcHRpb24gdmFsdWU9XCJleGFjdFwiPkV4YWN0PC9tYXQtb3B0aW9uPlxyXG4gICAgICAgIDxtYXQtb3B0aW9uIHZhbHVlPVwibGlrZVwiPkxpa2U8L21hdC1vcHRpb24+XHJcbiAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcblxyXG4gICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJvdXRsaW5lXCIgY2xhc3M9XCJzZWFyY2hfX2ZpZWxkIGZsZXgtMTVcIj5cclxuICAgICAgPG1hdC1sYWJlbD57eyAnQkFTRV9UQUJMRS5zb3J0QnlDb2x1bW4nIHwgdHJhbnNsYXRlIH19PC9tYXQtbGFiZWw+XHJcbiAgICAgIDxtYXQtc2VsZWN0IGNsYXNzPVwic2VhcmNoX190b2dnbGVcIiBbKG5nTW9kZWwpXT1cInNlbGVjdGVkU29ydEtleVwiPlxyXG4gICAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBjb2wgb2YgZ2V0Q29sdW1ucygpXCIgW3ZhbHVlXT1cImNvbC5wcm9wZXJ0eVwiPlxyXG4gICAgICAgICAge3sgbGFiZWxLZXkoY29sKSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgPC9tYXQtc2VsZWN0PlxyXG4gICAgPC9tYXQtZm9ybS1maWVsZD5cclxuXHJcbiAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBjbGFzcz1cInNlYXJjaF9fZmllbGQgZmxleC0xMFwiPlxyXG4gICAgICA8bWF0LWxhYmVsPnt7ICdCQVNFX1RBQkxFLnNvcnREaXJlY3Rpb24nIHwgdHJhbnNsYXRlIH19PC9tYXQtbGFiZWw+XHJcbiAgICAgIDxtYXQtc2VsZWN0IGNsYXNzPVwic2VhcmNoX190b2dnbGVcIiBbKG5nTW9kZWwpXT1cInNlbGVjdGVkU29ydFR5cGVcIj5cclxuICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkFTQ1wiPkFTQzwvbWF0LW9wdGlvbj5cclxuICAgICAgICA8bWF0LW9wdGlvbiB2YWx1ZT1cIkRFU0NcIj5ERVNDPC9tYXQtb3B0aW9uPlxyXG4gICAgICA8L21hdC1zZWxlY3Q+XHJcbiAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2hfX2J1dHRvbiByb3cgYWxpZ24tY2VudGVyLWNlbnRlclwiPlxyXG4gICAgICA8YnV0dG9uXHJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgY2xhc3M9XCJpY29uLWRlc2lnblwiXHJcbiAgICAgICAgbWF0LWljb24tYnV0dG9uXHJcbiAgICAgICAgKGNsaWNrKT1cIm9uU2VhcmNoKClcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0JBU0VfVEFCTEUucnVuU2VhcmNoJyB8IHRyYW5zbGF0ZVwiPlxyXG4gICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImljb24tc2VhcmNoXCIgY29sb3I9XCJwcmltYXJ5XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

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

@@ -0,0 +1,99 @@
+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, NgClass } from "@angular/common";
+import { TranslateModule } from "@ngx-translate/core";
+import { MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelDescription, MatExpansionPanelTitle } from "@angular/material/expansion";
+import { MatMenu, MatMenuTrigger, MatMenuItem } from "@angular/material/menu";
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-translate/core";
+export class SectionFormCanvasComponent {
+    constructor() {
+        this.isTranslateSubtitle = true;
+        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 });
+    }
+    getDownloadButton() {
+        return this.buttons.find(btn => btn.id === 'download');
+    }
+    getMenuButtons() {
+        return this.buttons.filter(btn => btn.id !== 'download');
+    }
+    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", subtitle: "subtitle", isTranslateTitle: "isTranslateTitle", isTranslateSubtitle: "isTranslateSubtitle", key: "key", hideToggle: "hideToggle", isExpanded: "isExpanded", alwaysOpen: "alwaysOpen", buttons: "buttons", itemStatus: "itemStatus" }, 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      <div class=\"title-container\">\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        <p class=\"card-subtitle\" *ngIf=\"subtitle\">\r\n          <span *ngIf=\"isTranslateSubtitle\">{{ pageInfo.labelsSection + '.' + subtitle | translate }}</span>\r\n          <span *ngIf=\"!isTranslateSubtitle\">{{ subtitle }}</span>\r\n        </p>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\" *ngIf=\"buttons && buttons.length > 0\">\r\n      <div class=\"row flex-auto buttons-wrapper desktop-buttons\" [class.show-on-mobile]=\"!getDownloadButton()\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\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      \r\n      <div class=\"mobile-buttons\" *ngIf=\"getDownloadButton()\">\r\n        <button\r\n          mat-flat-button\r\n          type=\"button\"\r\n          color=\"primary\"\r\n          (click)=\"onButtonClick(getDownloadButton()!, key); $event.stopPropagation()\"\r\n          class=\"btn-download-mobile\"\r\n          [attr.id]=\"getDownloadButton()?.id\"\r\n          [attr.aria-label]=\"'BASE_TABLE.downloadAction' | translate\"\r\n        >\r\n          <mat-icon aria-hidden=\"true\">{{ getDownloadButton()?.icon }}</mat-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"getMenuButtons().length > 0\"\r\n          mat-stroked-button\r\n          type=\"button\"\r\n          [matMenuTriggerFor]=\"menu\"\r\n          class=\"btn-menu-mobile\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            mat-menu-item\r\n            *ngFor=\"let btn of getMenuButtons()\"\r\n            (click)=\"onButtonClick(btn, key); $event.stopPropagation()\"\r\n            [attr.id]=\"btn.id\"\r\n          >\r\n            <mat-icon>{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </button>\r\n        </mat-menu>\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    <ng-content></ng-content>\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{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px!important;cursor:default}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .card-subtitle{margin:0;font-family:lusail-light,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;width:fit-content}.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-bottom:20px;margin-top: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:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.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}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.desktop-buttons{display:none!important}.desktop-buttons.show-on-mobile{display:flex!important}.mobile-buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end}.btn-download-mobile{width:45px!important;height:44px!important;min-width:45px!important;padding:0!important;border-radius:8px!important;background:#0d4261!important;display:flex;align-items:center;justify-content:center}.btn-download-mobile mat-icon{color:#fff!important;font-size:24px!important;width:24px!important;height:28px!important;margin:0!important}.btn-download-mobile .mdc-button__label{padding:0!important}.btn-menu-mobile{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:8px!important;border:1px solid #3e627b!important;background:#fff!important;display:flex;align-items:center;justify-content:center}.btn-menu-mobile mat-icon{color:#0d4261!important;font-size:24px!important;width:25px!important;height:24px!important;margin:0!important;rotate:90deg}.btn-menu-mobile .mdc-button__label{padding:0!important}}@media (min-width: 769px){.mobile-buttons{display:none!important}}@media (max-width: 600px){::ng-deep .main-form-canvas{display:block!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", "filterResetNonce", "item", "equationSuggestedFields", "currentEquationValue"], outputs: ["attachmentEmitter", "actionEmitter", "formUpdated", "hyperTextEvent", "currentEquationValueChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+}
+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,
+                        NgClass,
+                        TranslateModule,
+                        MatExpansionPanel,
+                        MatExpansionPanelTitle,
+                        MatExpansionPanelDescription,
+                        MatExpansionPanelHeader,
+                        NgForOf,
+                        MatMenu,
+                        MatMenuTrigger,
+                        MatMenuItem
+                    ], 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      <div class=\"title-container\">\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        <p class=\"card-subtitle\" *ngIf=\"subtitle\">\r\n          <span *ngIf=\"isTranslateSubtitle\">{{ pageInfo.labelsSection + '.' + subtitle | translate }}</span>\r\n          <span *ngIf=\"!isTranslateSubtitle\">{{ subtitle }}</span>\r\n        </p>\r\n        <button mat-button *ngIf=\"itemStatus\" class=\"stateType\" [ngClass]=\"itemStatus\">\r\n          {{ pageInfo.labelsSection + '.' + itemStatus | translate }}\r\n        </button>\r\n      </div>\r\n    </mat-panel-title>\r\n\r\n    <mat-panel-description class=\"panel-description\" *ngIf=\"buttons && buttons.length > 0\">\r\n      <div class=\"row flex-auto buttons-wrapper desktop-buttons\" [class.show-on-mobile]=\"!getDownloadButton()\">\r\n        <button\r\n          mat-flat-button\r\n          *ngFor=\"let btn of buttons\"\r\n          type=\"button\"\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      \r\n      <div class=\"mobile-buttons\" *ngIf=\"getDownloadButton()\">\r\n        <button\r\n          mat-flat-button\r\n          type=\"button\"\r\n          color=\"primary\"\r\n          (click)=\"onButtonClick(getDownloadButton()!, key); $event.stopPropagation()\"\r\n          class=\"btn-download-mobile\"\r\n          [attr.id]=\"getDownloadButton()?.id\"\r\n          [attr.aria-label]=\"'BASE_TABLE.downloadAction' | translate\"\r\n        >\r\n          <mat-icon aria-hidden=\"true\">{{ getDownloadButton()?.icon }}</mat-icon>\r\n        </button>\r\n        <button\r\n          *ngIf=\"getMenuButtons().length > 0\"\r\n          mat-stroked-button\r\n          type=\"button\"\r\n          [matMenuTriggerFor]=\"menu\"\r\n          class=\"btn-menu-mobile\"\r\n        >\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <button\r\n            mat-menu-item\r\n            *ngFor=\"let btn of getMenuButtons()\"\r\n            (click)=\"onButtonClick(btn, key); $event.stopPropagation()\"\r\n            [attr.id]=\"btn.id\"\r\n          >\r\n            <mat-icon>{{ btn.icon }}</mat-icon>\r\n            <span>{{ btn.label | translate }}</span>\r\n          </button>\r\n        </mat-menu>\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    <ng-content></ng-content>\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{padding:0 15px}.location-card .mat-expansion-panel-header ::ng-deep .mat-content{margin:0!important}.location-card .panel-body{padding:20px 15px;padding-top:0!important}.location-card .panel-body ::ng-deep app-base-form-canvas .main-form-canvas{margin-top:20px!important}.location-card .panel-description{justify-content:end!important;margin:0!important}.location-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px!important;cursor:default}.location-card .card-header .title-container{display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:center}.location-card .card-header .card-title{margin:0;font-size:24px;font-weight:700;line-height:1.2;color:#000;width:fit-content;white-space:nowrap}.location-card .card-header .card-subtitle{margin:0;font-family:lusail-light,sans-serif;font-weight:300;font-size:16px;line-height:1.2;color:#888;width:fit-content}.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-bottom:20px;margin-top: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:flex;text-align-last:end;margin:0!important;gap:16px;justify-content:flex-end}.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}.btn-none-background-primary{margin:0!important}@media (max-width: 768px){.desktop-buttons{display:none!important}.desktop-buttons.show-on-mobile{display:flex!important}.mobile-buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end}.btn-download-mobile{width:45px!important;height:44px!important;min-width:45px!important;padding:0!important;border-radius:8px!important;background:#0d4261!important;display:flex;align-items:center;justify-content:center}.btn-download-mobile mat-icon{color:#fff!important;font-size:24px!important;width:24px!important;height:28px!important;margin:0!important}.btn-download-mobile .mdc-button__label{padding:0!important}.btn-menu-mobile{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important;border-radius:8px!important;border:1px solid #3e627b!important;background:#fff!important;display:flex;align-items:center;justify-content:center}.btn-menu-mobile mat-icon{color:#0d4261!important;font-size:24px!important;width:25px!important;height:24px!important;margin:0!important;rotate:90deg}.btn-menu-mobile .mdc-button__label{padding:0!important}}@media (min-width: 769px){.mobile-buttons{display:none!important}}@media (max-width: 600px){::ng-deep .main-form-canvas{display:block!important}}\n"] }]
+        }], propDecorators: { pageInfo: [{
+                type: Input
+            }], fields: [{
+                type: Input
+            }], itemId: [{
+                type: Input
+            }], editable: [{
+                type: Input
+            }], hideBackButton: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], isTranslateTitle: [{
+                type: Input
+            }], isTranslateSubtitle: [{
+                type: Input
+            }], key: [{
+                type: Input
+            }], hideToggle: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], alwaysOpen: [{
+                type: Input
+            }], actionEdit: [{
+                type: Output
+            }], formEdit: [{
+                type: Output
+            }], buttons: [{
+                type: Input
+            }], itemStatus: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NlY3Rpb24tZm9ybS1jYW52YXMvc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFFbkQsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFDLHVCQUF1QixFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDdkYsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsdUJBQXVCLEVBQ3ZCLDRCQUE0QixFQUM1QixzQkFBc0IsRUFDdkIsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBeUI1RSxNQUFNLE9BQU8sMEJBQTBCO0lBdkJ2QztRQWlDVyx3QkFBbUIsR0FBWSxJQUFJLENBQUM7UUFFcEMsZUFBVSxHQUFZLElBQUksQ0FBQztRQUMzQixlQUFVLEdBQVksSUFBSSxDQUFDO1FBQzNCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFDMUIsZUFBVSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25ELGFBQVEsR0FBNEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCxZQUFPLEdBQTJCLEVBQUUsQ0FBQztRQUVwQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FzQm5EO0lBcEJDLFdBQVcsQ0FBQyxNQUFNO1FBQ2hCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRTdCLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDckMsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUF5QixFQUFFLFVBQWtCO1FBQ3pELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUMsR0FBRyxHQUFHLEVBQUcsVUFBVSxFQUFFLFVBQVUsRUFBQyxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELGlCQUFpQjtRQUNmLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsRUFBRSxLQUFLLFVBQVUsQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFFRCxjQUFjO1FBQ1osT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUssVUFBVSxDQUFDLENBQUM7SUFDM0QsQ0FBQzsrR0F4Q1UsMEJBQTBCO21HQUExQiwwQkFBMEIsNGpCQ3hDdkMsMHRIQXdGQSw0akdEbkVJLE9BQU8sMklBQ1AsU0FBUyxpTEFFVCx1QkFBdUIsdWFBQ3ZCLElBQUksNkZBQ0osT0FBTyxtRkFDUCxlQUFlLDRGQUNmLGlCQUFpQixzTEFDakIsc0JBQXNCLDREQUN0Qiw0QkFBNEIsa0VBQzVCLHVCQUF1QixrSUFDdkIsT0FBTyxtSEFDUCxPQUFPLDJRQUNQLGNBQWMscVNBQ2QsV0FBVzs7NEZBS0YsMEJBQTBCO2tCQXZCdEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQO3dCQUNQLE9BQU87d0JBQ1AsU0FBUzt3QkFDVCxpQkFBaUI7d0JBQ2pCLHVCQUF1Qjt3QkFDdkIsSUFBSTt3QkFDSixPQUFPO3dCQUNQLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixzQkFBc0I7d0JBQ3RCLDRCQUE0Qjt3QkFDNUIsdUJBQXVCO3dCQUN2QixPQUFPO3dCQUNQLE9BQU87d0JBQ1AsY0FBYzt3QkFDZCxXQUFXO3FCQUNaOzhCQUtRLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TWF0SWNvbn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuaW1wb3J0IHtNYXRCdXR0b259IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9idXR0b25cIjtcclxuaW1wb3J0IHtCdXR0b25BY3Rpb25TZXR0aW5ncywgRmllbGRJbmZvLCBQYWdlSW5mb30gZnJvbSBcIi4uLy4uL2Jhc2UtbW9kZWxcIjtcclxuaW1wb3J0IHtCYXNlRm9ybUNvbXBvbmVudH0gZnJvbSBcIi4uL2Jhc2UtZm9ybS9iYXNlLWZvcm0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7QmFzZUZvcm1DYW52YXNDb21wb25lbnR9IGZyb20gXCIuLi9iYXNlLWZvcm0tY2FudmFzL2Jhc2UtZm9ybS1jYW52YXMuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TmdGb3JPZiwgTmdJZiwgTmdDbGFzc30gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge1RyYW5zbGF0ZU1vZHVsZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcclxuaW1wb3J0IHtGb3JtR3JvdXB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xyXG5pbXBvcnQge1xyXG4gIE1hdEV4cGFuc2lvblBhbmVsLFxyXG4gIE1hdEV4cGFuc2lvblBhbmVsSGVhZGVyLFxyXG4gIE1hdEV4cGFuc2lvblBhbmVsRGVzY3JpcHRpb24sXHJcbiAgTWF0RXhwYW5zaW9uUGFuZWxUaXRsZVxyXG59IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9leHBhbnNpb25cIjtcclxuaW1wb3J0IHtNYXRNZW51LCBNYXRNZW51VHJpZ2dlciwgTWF0TWVudUl0ZW19IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9tZW51XCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1zZWN0aW9uLWZvcm0tY2FudmFzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIE1hdEljb24sXHJcbiAgICBNYXRCdXR0b24sXHJcbiAgICBCYXNlRm9ybUNvbXBvbmVudCxcclxuICAgIEJhc2VGb3JtQ2FudmFzQ29tcG9uZW50LFxyXG4gICAgTmdJZixcclxuICAgIE5nQ2xhc3MsXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBNYXRFeHBhbnNpb25QYW5lbCxcclxuICAgIE1hdEV4cGFuc2lvblBhbmVsVGl0bGUsXHJcbiAgICBNYXRFeHBhbnNpb25QYW5lbERlc2NyaXB0aW9uLFxyXG4gICAgTWF0RXhwYW5zaW9uUGFuZWxIZWFkZXIsXHJcbiAgICBOZ0Zvck9mLFxyXG4gICAgTWF0TWVudSxcclxuICAgIE1hdE1lbnVUcmlnZ2VyLFxyXG4gICAgTWF0TWVudUl0ZW1cclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uLWZvcm0tY2FudmFzLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vc2VjdGlvbi1mb3JtLWNhbnZhcy5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIFNlY3Rpb25Gb3JtQ2FudmFzQ29tcG9uZW50e1xyXG4gIEBJbnB1dCgpIHBhZ2VJbmZvOiBQYWdlSW5mbztcclxuICBASW5wdXQoKSBmaWVsZHM6IEZpZWxkSW5mb1tdO1xyXG4gIEBJbnB1dCgpIGl0ZW1JZDogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGVkaXRhYmxlOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGhpZGVCYWNrQnV0dG9uOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGl0ZW06IGFueTtcclxuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNUcmFuc2xhdGVUaXRsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBpc1RyYW5zbGF0ZVN1YnRpdGxlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBrZXk6IG51bWJlcjtcclxuICBASW5wdXQoKSBoaWRlVG9nZ2xlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBpc0V4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBhbHdheXNPcGVuOiBib29sZWFuID0gdHJ1ZTtcclxuICBAT3V0cHV0KCkgYWN0aW9uRWRpdDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIGZvcm1FZGl0OiBFdmVudEVtaXR0ZXI8Rm9ybUdyb3VwPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBASW5wdXQoKSBidXR0b25zOiBCdXR0b25BY3Rpb25TZXR0aW5nc1tdID0gW107XHJcbiAgQElucHV0KCkgaXRlbVN0YXR1czogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKSBidXR0b25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGZvcm1VcGRhdGVkKCRldmVudCkge1xyXG4gICAgdGhpcy5mb3JtRWRpdC5lbWl0KCRldmVudCk7XHJcblxyXG4gIH1cclxuXHJcbiAgdG9nZ2xlRXhwYW5kKCkge1xyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcclxuICB9XHJcblxyXG4gIG9uQnV0dG9uQ2xpY2soYnRuOiBCdXR0b25BY3Rpb25TZXR0aW5ncywgc2VjdGlvbktleTogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh7Li4uYnRuICwgc2VjdGlvbktleTogc2VjdGlvbktleX0pO1xyXG4gIH1cclxuXHJcbiAgZ2V0RG93bmxvYWRCdXR0b24oKTogQnV0dG9uQWN0aW9uU2V0dGluZ3MgfCB1bmRlZmluZWQge1xyXG4gICAgcmV0dXJuIHRoaXMuYnV0dG9ucy5maW5kKGJ0biA9PiBidG4uaWQgPT09ICdkb3dubG9hZCcpO1xyXG4gIH1cclxuXHJcbiAgZ2V0TWVudUJ1dHRvbnMoKTogQnV0dG9uQWN0aW9uU2V0dGluZ3NbXSB7XHJcbiAgICByZXR1cm4gdGhpcy5idXR0b25zLmZpbHRlcihidG4gPT4gYnRuLmlkICE9PSAnZG93bmxvYWQnKTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1leHBhbnNpb24tcGFuZWwgY2xhc3M9XCJsb2NhdGlvbi1jYXJkXCJcclxuICAgICAgICAgICAgICAgICAgICAgI3BhbmVsPVwibWF0RXhwYW5zaW9uUGFuZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICBbZXhwYW5kZWRdPVwiaXNFeHBhbmRlZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgIFtoaWRlVG9nZ2xlXT1cImhpZGVUb2dnbGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAob3BlbmVkKT1cImFsd2F5c09wZW4gPyBwYW5lbC5vcGVuKCkgOiBudWxsXCJcclxuICAgICAgICAgICAgICAgICAgICAgKGNsb3NlZCk9XCJhbHdheXNPcGVuID8gcGFuZWwub3BlbigpIDogbnVsbFwiPlxyXG4gIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlciBjbGFzcz1cImNhcmQtaGVhZGVyXCIgKGNsaWNrKT1cInRvZ2dsZUV4cGFuZCgpXCI+XHJcbiAgICA8bWF0LXBhbmVsLXRpdGxlPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwiY2FyZC10aXRsZVwiICpuZ0lmPVwiaXNUcmFuc2xhdGVUaXRsZVwiPlxyXG4gICAgICAgICAge3sgcGFnZUluZm8ubGFiZWxzU2VjdGlvbiArICcuJyArIHRpdGxlIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9oMz5cclxuICAgICAgICA8aDMgY2xhc3M9XCJjYXJkLXRpdGxlXCIgKm5nSWY9XCIhaXNUcmFuc2xhdGVUaXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cclxuICAgICAgICA8cCBjbGFzcz1cImNhcmQtc3VidGl0bGVcIiAqbmdJZj1cInN1YnRpdGxlXCI+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cImlzVHJhbnNsYXRlU3VidGl0bGVcIj57eyBwYWdlSW5mby5sYWJlbHNTZWN0aW9uICsgJy4nICsgc3VidGl0bGUgfCB0cmFuc2xhdGUgfX08L3NwYW4+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cIiFpc1RyYW5zbGF0ZVN1YnRpdGxlXCI+e3sgc3VidGl0bGUgfX08L3NwYW4+XHJcbiAgICAgICAgPC9wPlxyXG4gICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiAqbmdJZj1cIml0ZW1TdGF0dXNcIiBjbGFzcz1cInN0YXRlVHlwZVwiIFtuZ0NsYXNzXT1cIml0ZW1TdGF0dXNcIj5cclxuICAgICAgICAgIHt7IHBhZ2VJbmZvLmxhYmVsc1NlY3Rpb24gKyAnLicgKyBpdGVtU3RhdHVzIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtcGFuZWwtdGl0bGU+XHJcblxyXG4gICAgPG1hdC1wYW5lbC1kZXNjcmlwdGlvbiBjbGFzcz1cInBhbmVsLWRlc2NyaXB0aW9uXCIgKm5nSWY9XCJidXR0b25zICYmIGJ1dHRvbnMubGVuZ3RoID4gMFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicm93IGZsZXgtYXV0byBidXR0b25zLXdyYXBwZXIgZGVza3RvcC1idXR0b25zXCIgW2NsYXNzLnNob3ctb24tbW9iaWxlXT1cIiFnZXREb3dubG9hZEJ1dHRvbigpXCI+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgbWF0LWZsYXQtYnV0dG9uXHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIGJ1dHRvbnNcIlxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBbY29sb3JdPVwiYnRuLmNvbG9yIHx8ICdwcmltYXJ5J1wiXHJcbiAgICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljayhidG4gLCBrZXkpOyAkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIlxyXG4gICAgICAgICAgY2xhc3M9XCJidG4tbm9uZS1iYWNrZ3JvdW5kLXByaW1hcnkgYWN0aW9uXCJcclxuICAgICAgICAgIFthdHRyLmlkXT1cImJ0bi5pZCB8fCAoJ3NlY3Rpb24tYnRuLScgKyAoYnRuLmFjdGlvbiB8fCBidG4ubGFiZWwgfHwgYnRuLmtleSkpXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLXRleHRcIj5cclxuICAgICAgICAgICAgPG1hdC1pY29uICpuZ0lmPVwiYnRuLmljb25cIj57eyBidG4uaWNvbiB9fTwvbWF0LWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGJ0bi5sYWJlbCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJtb2JpbGUtYnV0dG9uc1wiICpuZ0lmPVwiZ2V0RG93bmxvYWRCdXR0b24oKVwiPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soZ2V0RG93bmxvYWRCdXR0b24oKSEsIGtleSk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXHJcbiAgICAgICAgICBjbGFzcz1cImJ0bi1kb3dubG9hZC1tb2JpbGVcIlxyXG4gICAgICAgICAgW2F0dHIuaWRdPVwiZ2V0RG93bmxvYWRCdXR0b24oKT8uaWRcIlxyXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCInQkFTRV9UQUJMRS5kb3dubG9hZEFjdGlvbicgfCB0cmFuc2xhdGVcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtaWNvbiBhcmlhLWhpZGRlbj1cInRydWVcIj57eyBnZXREb3dubG9hZEJ1dHRvbigpPy5pY29uIH19PC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAqbmdJZj1cImdldE1lbnVCdXR0b25zKCkubGVuZ3RoID4gMFwiXHJcbiAgICAgICAgICBtYXQtc3Ryb2tlZC1idXR0b25cclxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIlxyXG4gICAgICAgICAgY2xhc3M9XCJidG4tbWVudS1tb2JpbGVcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cclxuICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgbWF0LW1lbnUtaXRlbVxyXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIGdldE1lbnVCdXR0b25zKClcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljayhidG4sIGtleSk7ICRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXHJcbiAgICAgICAgICAgIFthdHRyLmlkXT1cImJ0bi5pZFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxtYXQtaWNvbj57eyBidG4uaWNvbiB9fTwvbWF0LWljb24+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IGJ0bi5sYWJlbCB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbWF0LW1lbnU+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9tYXQtcGFuZWwtZGVzY3JpcHRpb24+XHJcbiAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cclxuICA8ZGl2IGNsYXNzPVwicGFuZWwtYm9keVwiPlxyXG4gICAgPGhyIGNsYXNzPVwiZGl2aWRlclwiLz5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDxhcHAtYmFzZS1mb3JtLWNhbnZhc1xyXG4gICAgICBbcGFnZUluZm9dPVwicGFnZUluZm9cIlxyXG4gICAgICBbZmllbGRzXT1cImZpZWxkc1wiXHJcbiAgICAgIFtlZGl0YWJsZV09XCJlZGl0YWJsZVwiXHJcbiAgICAgIFtpdGVtXT1cIml0ZW1cIlxyXG4gICAgICAoZm9ybVVwZGF0ZWQpPVwiZm9ybVVwZGF0ZWQoJGV2ZW50KVwiXHJcbiAgICA+PC9hcHAtYmFzZS1mb3JtLWNhbnZhcz5cclxuICA8L2Rpdj5cclxuPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxyXG4iXX0=

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}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\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}@media (max-width: 1579px){.action-button{height:56px;gap:12px;margin-top:12px;border-radius:14px}.action-button .button-texts{font-size:20px!important}.action-button .arrow-icon{font-size:20px!important;width:20px;height:26px}}@media (max-width: 1199px){.action-button{height:48px;gap:10px;margin-top:10px;border-radius:12px}.action-button .button-texts{font-size:18px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:24px}}@media (max-width: 991px){.action-button .button-texts{white-space:normal;text-align:center}}@media (max-width: 768px){.action-button{height:40px;gap:8px;margin-top:8px;border-radius:12px}.action-button .button-texts{font-size:16px!important}.action-button .arrow-icon{font-size:18px!important;width:18px;height:22px}}\n"] }]
+        }], propDecorators: { buttonText: [{
+                type: Input
+            }], buttonTextKey: [{
+                type: Input
+            }], buttonGradient: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbnZvaWNlcS91aS1saWIvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWJ1dHRvbi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUF3QyxNQUFNLGVBQWUsQ0FBQztBQUNySCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLE1BQU0sQ0FBQzs7Ozs7QUFhckQsTUFBTSxPQUFPLHFCQUFxQjtJQVhsQztRQVltQixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUM1QyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUV2QyxlQUFVLEdBQVcsRUFBRSxDQUFDO1FBRXhCLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFFM0UsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBeUJsRDtJQXZCQyxJQUFJLFFBQVE7UUFDVixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNoRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsV0FBVztlQUNqQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsY0FBYyxFQUFFO2VBQ3RDLElBQUksQ0FBQztRQUNWLE9BQU8sV0FBVyxLQUFLLElBQUksQ0FBQztJQUM5QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxZQUFZO2FBQy9CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQzlCLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDaEIsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FoQ1UscUJBQXFCO21HQUFyQixxQkFBcUIsd09DakJsQywrZ0JBWUEscS9DREZJLFlBQVksa0lBQ1osYUFBYSxtTEFDYixlQUFlOzs0RkFLTixxQkFBcUI7a0JBWGpDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTtxQkFDaEI7OEJBUVEsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgaW5qZWN0LCBPbkluaXQsIE9uRGVzdHJveSwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgU3ViamVjdCwgdGFrZVVudGlsLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWFjdGlvbi1idXR0b24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgdHJhbnNsYXRlU2VydmljZSA9IGluamVjdChUcmFuc2xhdGVTZXJ2aWNlKTtcclxuICBwcml2YXRlIHJlYWRvbmx5IGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcclxuXHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgYnV0dG9uVGV4dEtleT86IHN0cmluZztcclxuICBASW5wdXQoKSBidXR0b25HcmFkaWVudDogc3RyaW5nID0gJ2xpbmVhci1ncmFkaWVudCg5MGRlZywgI0U0QzlEMCAwJSwgIzhBMTUzOCAxMDAlKSc7XHJcbiAgQElucHV0KCkgaWQ/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:100px}.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}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!important}}\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:100px}.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}@media (max-width: 1579px){.card-title{font-size:22px!important}.card-description,.features-heading,.feature-text{font-size:18px!important}.decorative-icon-wrapper{width:130px;height:190px}.decorative-icon{top:38px;width:128px;height:136px}.decorative-icon mat-icon{font-size:136px;width:128px;height:136px}.decorative-icon .decorative-icon-svg{width:128px;height:136px}}@media (max-width: 1199px){.main-content{gap:48px}.main-content.extended-main{gap:20px}.card-title{font-size:20px!important}.card-description{font-size:16px!important}.header-section{height:auto;min-height:72px}}@media (max-width: 768px){.action-card{min-height:221px;border-radius:16px}.action-card.extended-variant{min-height:221px}.card-content,.card-content.extended-content{padding:16px 20px;gap:8px}.main-content,.main-content.extended-main{gap:64px}.header-section,.header-section.extended-header{height:83px;gap:12px}.header-top-wrapper{gap:8px}.icon-wrapper{width:32px;height:32px}.icon-wrapper mat-icon{font-size:32px;width:32px;height:32px}.icon-wrapper .icon-svg{width:32px;height:32px}.card-description{font-size:16px!important;height:auto;line-height:1.2}.title-description-wrapper{gap:12px}.decorative-icon-wrapper{display:none}.features-section{gap:16px}.features-heading{font-size:18px!important}.feature-item{gap:12px}.feature-check-icon{font-size:20px!important;width:20px;height:20px}.feature-text{font-size:16px!important}::ng-deep .solution-cards-row{flex-direction:column!important}}\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW52b2ljZXEvdWktbGliL3NyYy9saWIvY29tcG9uZW50cy9zaGFyZWQvYWN0aW9uLWNhcmQvYWN0aW9uLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQzs7Ozs7QUFtQmpGLE1BQU0sT0FBTyxtQkFBbUI7SUFaaEM7UUFjVyxTQUFJLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFDekIsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUl4QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBQzlCLGdCQUFXLEdBQVcsU0FBUyxDQUFDO1FBTWhDLG1CQUFjLEdBQVcsa0RBQWtELENBQUM7UUFDNUUsd0JBQW1CLEdBQVcsd0JBQXdCLENBQUM7UUFFdkQsWUFBTyxHQUEyQixTQUFTLENBQUM7UUFDNUMsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUl0QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixvQkFBZSxHQUFXLEVBQUUsQ0FBQztRQUM1QixnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FLbEQ7SUFIQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQS9CVSxtQkFBbUI7bUdBQW5CLG1CQUFtQiw0M0JDdkJoQyw2N0lBNkVNLDZnSkQ5REYsWUFBWSwrUEFDWixhQUFhLG1MQUNiLGVBQWUsNEZBQ2YscUJBQXFCOzs0RkFLWixtQkFBbUI7a0JBWi9CLFNBQVM7K0JBQ0UsaUJBQWlCLGNBQ2YsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLHFCQUFxQjtxQkFDdEI7OEJBTVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0cscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9hY3Rpb24tYnV0dG9uL2FjdGlvbi1idXR0b24uY29tcG9uZW50JztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgRmVhdHVyZUl0ZW0ge1xyXG4gIHRleHQ/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