sidesys-generic-ui 2.4.6 → 2.4.7

package/esm2022/lib/content/s-content.component.mjs

@@ -6,6 +6,7 @@ export class SContentComponent {
     constructor(localStorage) {
         this.localStorage = localStorage;
         this.sidebar = true;
+        this.id = 's-content';
         this.animated = false;
         this.subscriptionRefresh = this.localStorage.refreshLocalStorage.subscribe(() => {
             this.loadDataFromLocalStorage();
@@ -24,14 +25,16 @@ export class SContentComponent {
         this.animated = true;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContentComponent, deps: [{ token: i1.LocalstorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SContentComponent, selector: "s-content", inputs: { sidebar: "sidebar", expand: "expand" }, ngImport: i0, template: "<div\n  (window:load)=\"onLoad()\"\n  class=\"s-content s-scroll\"\n  [ngClass]=\"{\n    's-content--menu-expanded': sidebar && expand,\n    's-content--menu-closed': sidebar && !expand,\n    animated: animated,\n  }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-expanded.animated{transition:.3s ease-in-out}.s-content--menu-closed{margin-left:4.5rem!important}.s-content--menu-closed.animated{transition:.1s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SContentComponent, selector: "s-content", inputs: { sidebar: "sidebar", expand: "expand", id: "id" }, ngImport: i0, template: "<div\n  (window:load)=\"onLoad()\"\n  class=\"s-content s-scroll\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    's-content--menu-expanded': sidebar && expand,\n    's-content--menu-closed': sidebar && !expand,\n    animated: animated,\n  }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-expanded.animated{transition:.3s ease-in-out}.s-content--menu-closed{margin-left:4.5rem!important}.s-content--menu-closed.animated{transition:.1s ease-in-out}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-content', template: "<div\n  (window:load)=\"onLoad()\"\n  class=\"s-content s-scroll\"\n  [ngClass]=\"{\n    's-content--menu-expanded': sidebar && expand,\n    's-content--menu-closed': sidebar && !expand,\n    animated: animated,\n  }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-expanded.animated{transition:.3s ease-in-out}.s-content--menu-closed{margin-left:4.5rem!important}.s-content--menu-closed.animated{transition:.1s ease-in-out}\n"] }]
+            args: [{ selector: 's-content', template: "<div\n  (window:load)=\"onLoad()\"\n  class=\"s-content s-scroll\"\n  [id]=\"id\"\n  [ngClass]=\"{\n    's-content--menu-expanded': sidebar && expand,\n    's-content--menu-closed': sidebar && !expand,\n    animated: animated,\n  }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-expanded.animated{transition:.3s ease-in-out}.s-content--menu-closed{margin-left:4.5rem!important}.s-content--menu-closed.animated{transition:.1s ease-in-out}\n"] }]
         }], ctorParameters: () => [{ type: i1.LocalstorageService }], propDecorators: { sidebar: [{
                 type: Input
             }], expand: [{
                 type: Input
+            }], id: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7OztBQVNwRSxNQUFNLE9BQU8saUJBQWlCO0lBTTVCLFlBQW1CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQUwzQyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBR2pDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFHeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsbUJBQW1CLENBQUMsU0FBUyxDQUN4RSxHQUFHLEVBQUU7WUFDSCxJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztRQUNsQyxDQUFDLENBQ0YsQ0FBQztJQUNKLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELHdCQUF3QjtRQUN0QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDOUQsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsbUJBQW1CLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUN2QixDQUFDOytHQTVCVSxpQkFBaUI7bUdBQWpCLGlCQUFpQixtR0NUOUIsb1FBVUE7OzRGRERhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXO3dGQUtaLE9BQU87c0JBQWYsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYWxzdG9yYWdlU2VydmljZSB9IGZyb20gJy4uL3NoYXJlZC9sb2NhbHN0b3JhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgc2lkZWJhcjogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGV4cGFuZD86IGJvb2xlYW47XG4gIHN1YnNjcmlwdGlvblJlZnJlc2g6IFN1YnNjcmlwdGlvbjtcbiAgYW5pbWF0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbG9jYWxTdG9yYWdlOiBMb2NhbHN0b3JhZ2VTZXJ2aWNlKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25SZWZyZXNoID0gdGhpcy5sb2NhbFN0b3JhZ2UucmVmcmVzaExvY2FsU3RvcmFnZS5zdWJzY3JpYmUoXG4gICAgICAoKSA9PiB7XG4gICAgICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XG4gICAgICB9XG4gICAgKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XG4gIH1cblxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmQgPSB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtKCdzLXNpZGViYXI6ZXhwYW5kJyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvblJlZnJlc2gudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uTG9hZCgpIHtcbiAgICB0aGlzLmFuaW1hdGVkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdlxuICAod2luZG93OmxvYWQpPVwib25Mb2FkKClcIlxuICBjbGFzcz1cInMtY29udGVudCBzLXNjcm9sbFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAncy1jb250ZW50LS1tZW51LWV4cGFuZGVkJzogc2lkZWJhciAmJiBleHBhbmQsXG4gICAgJ3MtY29udGVudC0tbWVudS1jbG9zZWQnOiBzaWRlYmFyICYmICFleHBhbmQsXG4gICAgYW5pbWF0ZWQ6IGFuaW1hdGVkLFxuICB9XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7OztBQVNwRSxNQUFNLE9BQU8saUJBQWlCO0lBTzVCLFlBQW1CLFlBQWlDO1FBQWpDLGlCQUFZLEdBQVosWUFBWSxDQUFxQjtRQU4zQyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBRXhCLE9BQUUsR0FBWSxXQUFXLENBQUM7UUFFbkMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUd4QixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzlFLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsd0JBQXdCO1FBQ3RCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUM5RCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN6QyxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLENBQUM7K0dBM0JVLGlCQUFpQjttR0FBakIsaUJBQWlCLDZHQ1Q5QixtUkFXQTs7NEZERmEsaUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7d0ZBS1osT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTG9jYWxzdG9yYWdlU2VydmljZSB9IGZyb20gJy4uL3NoYXJlZC9sb2NhbHN0b3JhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1jb250ZW50JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTQ29udGVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgQElucHV0KCkgc2lkZWJhcjogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGV4cGFuZD86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlkPzogc3RyaW5nID0gJ3MtY29udGVudCc7XG4gIHN1YnNjcmlwdGlvblJlZnJlc2g6IFN1YnNjcmlwdGlvbjtcbiAgYW5pbWF0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbG9jYWxTdG9yYWdlOiBMb2NhbHN0b3JhZ2VTZXJ2aWNlKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25SZWZyZXNoID0gdGhpcy5sb2NhbFN0b3JhZ2UucmVmcmVzaExvY2FsU3RvcmFnZS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgdGhpcy5sb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XG4gIH1cblxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5leHBhbmQgPSB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtKCdzLXNpZGViYXI6ZXhwYW5kJyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvblJlZnJlc2gudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIG9uTG9hZCgpIHtcbiAgICB0aGlzLmFuaW1hdGVkID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdlxuICAod2luZG93OmxvYWQpPVwib25Mb2FkKClcIlxuICBjbGFzcz1cInMtY29udGVudCBzLXNjcm9sbFwiXG4gIFtpZF09XCJpZFwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAncy1jb250ZW50LS1tZW51LWV4cGFuZGVkJzogc2lkZWJhciAmJiBleHBhbmQsXG4gICAgJ3MtY29udGVudC0tbWVudS1jbG9zZWQnOiBzaWRlYmFyICYmICFleHBhbmQsXG4gICAgYW5pbWF0ZWQ6IGFuaW1hdGVkLFxuICB9XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/lib/dynamic-form/s-dynamic-form.component.mjs

@@ -353,7 +353,7 @@ export class SDynamicFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SDynamicFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SDynamicFormComponent, selector: "s-dynamic-form", inputs: { setFormData: "setFormData", layout: "layout", readOnly: "readOnly", formFilled: "formFilled" }, outputs: { getFormDataEvent: "getFormDataEvent", formCompletedEvent: "formCompletedEvent", blurEvent: "blurEvent", onchageStatusEvent: "onchageStatusEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class='s-dynamic-form'>\n    <div *ngIf=\"loading\">\n        <div *ngIf=\"groupTemplatesSelectItems.length > 0\">\n            <form [formGroup]=\"formGroup\" (blur)=\"onFormBlur()\">\n                <div *ngFor=\"let item of groupTemplatesSelectItems\">\n                    <h6>{{item.label}}</h6>\n                    <div class=\"s-dynamic-form__hr\"></div>\n                    <div *ngFor=\"let itemField of item.listGroupFields; let i = index;\">\n                        <div\n                            *ngIf=\"itemField.field.dataType.type == 'input' && itemField.field.defaultBehavior.name != behaviorTypes.Hide\">\n                            <div class=\"s-dynamic-form__container\">\n                                <s-input formControlName=\"{{itemField.field.code}}\" (blur)=\"onFormBlur()\"\n                                    [config]=\"getInputConfig(itemField)\">\n                                </s-input>\n                            </div>\n                        </div>\n                        <div\n                            *ngIf=\"itemField.field.dataType.type == 'select' && itemField.field.defaultBehavior.name != behaviorTypes.Hide\">\n                            <div class=\"s-dynamic-form__container\">\n                                <div>\n                                    <s-select-old formControlName=\"{{itemField.field.code}}\"\n                                        [label]=\"itemField.mandatory ? itemField.field.label + ' *' : itemField.field.label\"\n                                        [placeholder]=\"itemField.field.hintText\"\n                                        [options]=\"optionsMap[itemField.field.id]\"\n                                        [selectedValue]=\"itemField.field.defaultValue\"\n                                        (selectEvent)=\"selectedSelect($event, itemField.field.code)\"\n                                        [readOnly]=\"readOnly.valueOf()\"\n                                        (focus)=\"onSelectFocus(itemField.field.code)\"\n                                        (blur)=\"onSelectBlur(itemField); onFormBlur()\" tabindex=\"0\">\n                                        </s-select-old>\n                                      <!-- Muestra el mensaje de error si no se seleccion\u00F3 ninguna opci\u00F3n y es requerido -->\n                                    <div *ngIf=\"shouldShowError(itemField)\">\n                                        <s-error-control [theme]=\"'red'\">\n                                            {{ itemField.mandatory ? errorMessagesRequired : itemField.field.helpText }}\n                                        </s-error-control>\n                                    </div>\n\n                                    <!-- Muestra el helpText solo si no hay error -->\n                                    <div *ngIf=\"!shouldShowError(itemField)\">\n                                        <s-error-control>\n                                            {{ itemField.field.helpText }}\n                                        </s-error-control>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n    </div>\n    <div *ngIf=\"!loading\">\n        <h4>Cargando...</h4>\n        <s-spinner></s-spinner>\n    </div>\n</div>", styles: [".s-dynamic-form__hr{width:auto;height:.12rem;border-top:.12rem solid var(--primary-800);margin-bottom:1rem}.s-dynamic-form__container{margin-bottom:1rem}.s-dynamic-form__title-form{margin-bottom:1rem;color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i4.SInputComponent, selector: "s-input", inputs: ["config"], outputs: ["clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i5.SSelectSimpleComponent, selector: "s-select-old", inputs: ["disabled", "placeholder", "options", "selectedValue", "label", "readOnly", "display", "size"], outputs: ["selectEvent", "blur", "focus"] }, { kind: "component", type: i6.SSpinnerComponent, selector: "s-spinner", inputs: ["size", "animation"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SDynamicFormComponent, selector: "s-dynamic-form", inputs: { setFormData: "setFormData", layout: "layout", readOnly: "readOnly", formFilled: "formFilled" }, outputs: { getFormDataEvent: "getFormDataEvent", formCompletedEvent: "formCompletedEvent", blurEvent: "blurEvent", onchageStatusEvent: "onchageStatusEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class='s-dynamic-form'>\n    <div *ngIf=\"loading\">\n        <div *ngIf=\"groupTemplatesSelectItems.length > 0\">\n            <form [formGroup]=\"formGroup\" (blur)=\"onFormBlur()\">\n                <div *ngFor=\"let item of groupTemplatesSelectItems\">\n                    <h6>{{item.label}}</h6>\n                    <div class=\"s-dynamic-form__hr\"></div>\n                    <div *ngFor=\"let itemField of item.listGroupFields; let i = index;\">\n                        <div\n                            *ngIf=\"itemField.field.dataType.type == 'input' && itemField.field.defaultBehavior.name != behaviorTypes.Hide\">\n                            <div class=\"s-dynamic-form__container\">\n                                <s-input formControlName=\"{{itemField.field.code}}\" (blur)=\"onFormBlur()\"\n                                    [config]=\"getInputConfig(itemField)\">\n                                </s-input>\n                            </div>\n                        </div>\n                        <div\n                            *ngIf=\"itemField.field.dataType.type == 'select' && itemField.field.defaultBehavior.name != behaviorTypes.Hide\">\n                            <div class=\"s-dynamic-form__container\">\n                                <div>\n                                    <s-select-old formControlName=\"{{itemField.field.code}}\"\n                                        [label]=\"itemField.mandatory ? itemField.field.label + ' *' : itemField.field.label\"\n                                        [placeholder]=\"itemField.field.hintText\"\n                                        [options]=\"optionsMap[itemField.field.id]\"\n                                        [selectedValue]=\"itemField.field.defaultValue\"\n                                        (selectEvent)=\"selectedSelect($event, itemField.field.code)\"\n                                        [readOnly]=\"readOnly.valueOf()\"\n                                        (focus)=\"onSelectFocus(itemField.field.code)\"\n                                        (blur)=\"onSelectBlur(itemField); onFormBlur()\" tabindex=\"0\">\n                                        </s-select-old>\n                                      <!-- Muestra el mensaje de error si no se seleccion\u00F3 ninguna opci\u00F3n y es requerido -->\n                                    <div *ngIf=\"shouldShowError(itemField)\">\n                                        <s-error-control [theme]=\"'red'\">\n                                            {{ itemField.mandatory ? errorMessagesRequired : itemField.field.helpText }}\n                                        </s-error-control>\n                                    </div>\n\n                                    <!-- Muestra el helpText solo si no hay error -->\n                                    <div *ngIf=\"!shouldShowError(itemField)\">\n                                        <s-error-control>\n                                            {{ itemField.field.helpText }}\n                                        </s-error-control>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </form>\n        </div>\n    </div>\n    <div *ngIf=\"!loading\">\n        <h4>Cargando...</h4>\n        <s-spinner></s-spinner>\n    </div>\n</div>", styles: [".s-dynamic-form__hr{width:auto;height:.12rem;border-top:.12rem solid var(--primary-800);margin-bottom:1rem}.s-dynamic-form__container{margin-bottom:1rem}.s-dynamic-form__title-form{margin-bottom:1rem;color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: i4.SInputComponent, selector: "s-input", inputs: ["config"], outputs: ["clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i5.SSelectSimpleComponent, selector: "s-select-old", inputs: ["disabled", "placeholder", "options", "selectedValue", "label", "readOnly", "display", "size"], outputs: ["selectEvent", "blur", "focus"] }, { kind: "component", type: i6.SSpinnerComponent, selector: "s-spinner", inputs: ["size", "animation"] }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SDynamicFormComponent, decorators: [{
             type: Component,

package/esm2022/lib/empty/empty.component.mjs

@@ -10,6 +10,7 @@ export class EmptyComponent {
         this.buttonEvent = new EventEmitter();
     }
     ngOnInit() {
+        this.id = this.config.id ?? `s-empty`;
         if (this.config.image) {
             this.image = this.domSanitizer.bypassSecurityTrustResourceUrl(this.config.image);
         }
@@ -18,14 +19,14 @@ export class EmptyComponent {
         this.buttonEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyComponent, selector: "s-empty", inputs: { config: "config" }, outputs: { buttonEvent: "buttonEvent" }, ngImport: i0, template: "<section class=\"s-empty\">\r\n  <div\r\n    class=\"s-empty__content\"\r\n    [ngClass]=\"{\r\n      's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n      's-empty__content--size-md': config.size === 'md',\r\n      's-empty__content--size-sm': config.size === 'sm',\r\n    }\">\r\n    <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n      <img [src]=\"image\" alt=\"empty\" />\r\n    </div>\r\n    <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n      {{ config.title }}\r\n    </h2>\r\n    <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n      {{ config.detail }}\r\n      <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{\r\n        config.detailBold\r\n      }}</span>\r\n    </p>\r\n    <div\r\n      *ngIf=\"config.button && config.size !== 'sm'\"\r\n      class=\"s-empty__content--button\">\r\n      <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n        <s-icon-mat *ngIf=\"config.buttonIcon\">{{\r\n          config.buttonIcon\r\n        }}</s-icon-mat>\r\n        {{ config.button }}\r\n      </s-button>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyComponent, selector: "s-empty", inputs: { config: "config" }, outputs: { buttonEvent: "buttonEvent" }, ngImport: i0, template: "<section class=\"s-empty\" [id]=\"id\">\r\n  <div\r\n    class=\"s-empty__content\"\r\n    [ngClass]=\"{\r\n      's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n      's-empty__content--size-md': config.size === 'md',\r\n      's-empty__content--size-sm': config.size === 'sm',\r\n    }\">\r\n    <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n      <img [src]=\"image\" alt=\"empty\" />\r\n    </div>\r\n    <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n      {{ config.title }}\r\n    </h2>\r\n    <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n      {{ config.detail }}\r\n      <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{ config.detailBold }}</span>\r\n    </p>\r\n    <div *ngIf=\"config.button && config.size !== 'sm'\" class=\"s-empty__content--button\">\r\n      <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n        <s-icon-mat *ngIf=\"config.buttonIcon\">{{ config.buttonIcon }}</s-icon-mat>\r\n        {{ config.button }}\r\n      </s-button>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-empty', template: "<section class=\"s-empty\">\r\n  <div\r\n    class=\"s-empty__content\"\r\n    [ngClass]=\"{\r\n      's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n      's-empty__content--size-md': config.size === 'md',\r\n      's-empty__content--size-sm': config.size === 'sm',\r\n    }\">\r\n    <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n      <img [src]=\"image\" alt=\"empty\" />\r\n    </div>\r\n    <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n      {{ config.title }}\r\n    </h2>\r\n    <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n      {{ config.detail }}\r\n      <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{\r\n        config.detailBold\r\n      }}</span>\r\n    </p>\r\n    <div\r\n      *ngIf=\"config.button && config.size !== 'sm'\"\r\n      class=\"s-empty__content--button\">\r\n      <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n        <s-icon-mat *ngIf=\"config.buttonIcon\">{{\r\n          config.buttonIcon\r\n        }}</s-icon-mat>\r\n        {{ config.button }}\r\n      </s-button>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"] }]
+            args: [{ selector: 's-empty', template: "<section class=\"s-empty\" [id]=\"id\">\r\n  <div\r\n    class=\"s-empty__content\"\r\n    [ngClass]=\"{\r\n      's-empty__content--size-lg': config.size === 'lg' || config.size === undefined,\r\n      's-empty__content--size-md': config.size === 'md',\r\n      's-empty__content--size-sm': config.size === 'sm',\r\n    }\">\r\n    <div *ngIf=\"image && config.size !== 'sm'\" class=\"s-empty__content--img\">\r\n      <img [src]=\"image\" alt=\"empty\" />\r\n    </div>\r\n    <h2 *ngIf=\"config.title\" class=\"s-empty__content--title\">\r\n      {{ config.title }}\r\n    </h2>\r\n    <p *ngIf=\"config.detail\" class=\"s-empty__content--detail\">\r\n      {{ config.detail }}\r\n      <span *ngIf=\"config.detailBold\" class=\"s-empty__content--detail-bold\">{{ config.detailBold }}</span>\r\n    </p>\r\n    <div *ngIf=\"config.button && config.size !== 'sm'\" class=\"s-empty__content--button\">\r\n      <s-button position=\"normal\" (click)=\"action()\" (keydown.enter)=\"action()\">\r\n        <s-icon-mat *ngIf=\"config.buttonIcon\">{{ config.buttonIcon }}</s-icon-mat>\r\n        {{ config.button }}\r\n      </s-button>\r\n    </div>\r\n  </div>\r\n</section>\r\n", styles: [".s-empty{align-items:center;background:var(--primary-100);display:flex;justify-content:center;height:33rem;text-align:center;width:100%}.s-empty__content{font-size:1.5rem;font-weight:500;color:var(--secondary-600)}.s-empty__content--img{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-empty__content--img img{height:100%;border-radius:.25rem .25rem 0 0}.s-empty__content--title{color:var(--secondary-600);font-weight:700;line-height:1.8;margin-top:.5rem}.s-empty__content--detail{color:var(--secondary-500);font-weight:400;line-height:1.5rem}.s-empty__content--detail-bold{font-weight:700;line-height:2rem}.s-empty__content--button{margin-top:1rem}.s-empty__content--size-lg .s-empty__content--img img{width:14.5rem}.s-empty__content--size-lg .s-empty__content--title{font-size:1.25rem}.s-empty__content--size-lg .s-empty__content--detail{font-size:1rem}.s-empty__content--size-md .s-empty__content--img img{width:7.875rem}.s-empty__content--size-md .s-empty__content--title{font-size:1rem}.s-empty__content--size-md .s-empty__content--detail,.s-empty__content--size-sm .s-empty__content--title{font-size:.875rem}.s-empty__content--size-sm .s-empty__content--detail{font-size:.75rem}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { config: [{
                 type: Input
             }], buttonEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZW1wdHkvZW1wdHkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZW1wdHkvZW1wdHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBa0IvRSxNQUFNLE9BQU8sY0FBYztJQUt6QixZQUE2QixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUg3QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFHUyxDQUFDO0lBRTNELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLDhCQUE4QixDQUMzRCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FDbEIsQ0FBQztRQUNKLENBQUM7SUFDSCxDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzsrR0FqQlUsY0FBYzttR0FBZCxjQUFjLHNIQ2xCM0IsNHNDQWdDQTs7NEZEZGEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxTQUFTO2lGQUtWLE1BQU07c0JBQWQsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRG9tU2FuaXRpemVyLCBTYWZlUmVzb3VyY2VVcmwgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcblxuZXhwb3J0IGludGVyZmFjZSBTRW1wdHkge1xuICBidXR0b24/OiBzdHJpbmc7XG4gIGJ1dHRvbkljb24/OiBzdHJpbmc7XG4gIGRldGFpbD86IHN0cmluZztcbiAgZGV0YWlsQm9sZD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaXplPzogJ3NtJyB8ICdtZCcgfCAnbGcnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWVtcHR5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VtcHR5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZW1wdHkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb25maWchOiBTRW1wdHk7XG4gIEBPdXRwdXQoKSBidXR0b25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgaW1hZ2U6IFNhZmVSZXNvdXJjZVVybCB8IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNvbmZpZy5pbWFnZSkge1xuICAgICAgdGhpcy5pbWFnZSA9IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChcbiAgICAgICAgdGhpcy5jb25maWcuaW1hZ2VcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgYWN0aW9uKCkge1xuICAgIHRoaXMuYnV0dG9uRXZlbnQuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInMtZW1wdHlcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtZW1wdHlfX2NvbnRlbnRcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAncy1lbXB0eV9fY29udGVudC0tc2l6ZS1sZyc6IGNvbmZpZy5zaXplID09PSAnbGcnIHx8IGNvbmZpZy5zaXplID09PSB1bmRlZmluZWQsXHJcbiAgICAgICdzLWVtcHR5X19jb250ZW50LS1zaXplLW1kJzogY29uZmlnLnNpemUgPT09ICdtZCcsXHJcbiAgICAgICdzLWVtcHR5X19jb250ZW50LS1zaXplLXNtJzogY29uZmlnLnNpemUgPT09ICdzbScsXHJcbiAgICB9XCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaW1hZ2UgJiYgY29uZmlnLnNpemUgIT09ICdzbSdcIiBjbGFzcz1cInMtZW1wdHlfX2NvbnRlbnQtLWltZ1wiPlxyXG4gICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VcIiBhbHQ9XCJlbXB0eVwiIC8+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxoMiAqbmdJZj1cImNvbmZpZy50aXRsZVwiIGNsYXNzPVwicy1lbXB0eV9fY29udGVudC0tdGl0bGVcIj5cclxuICAgICAge3sgY29uZmlnLnRpdGxlIH19XHJcbiAgICA8L2gyPlxyXG4gICAgPHAgKm5nSWY9XCJjb25maWcuZGV0YWlsXCIgY2xhc3M9XCJzLWVtcHR5X19jb250ZW50LS1kZXRhaWxcIj5cclxuICAgICAge3sgY29uZmlnLmRldGFpbCB9fVxyXG4gICAgICA8c3BhbiAqbmdJZj1cImNvbmZpZy5kZXRhaWxCb2xkXCIgY2xhc3M9XCJzLWVtcHR5X19jb250ZW50LS1kZXRhaWwtYm9sZFwiPnt7XHJcbiAgICAgICAgY29uZmlnLmRldGFpbEJvbGRcclxuICAgICAgfX08L3NwYW4+XHJcbiAgICA8L3A+XHJcbiAgICA8ZGl2XHJcbiAgICAgICpuZ0lmPVwiY29uZmlnLmJ1dHRvbiAmJiBjb25maWcuc2l6ZSAhPT0gJ3NtJ1wiXHJcbiAgICAgIGNsYXNzPVwicy1lbXB0eV9fY29udGVudC0tYnV0dG9uXCI+XHJcbiAgICAgIDxzLWJ1dHRvbiBwb3NpdGlvbj1cIm5vcm1hbFwiIChjbGljayk9XCJhY3Rpb24oKVwiIChrZXlkb3duLmVudGVyKT1cImFjdGlvbigpXCI+XHJcbiAgICAgICAgPHMtaWNvbi1tYXQgKm5nSWY9XCJjb25maWcuYnV0dG9uSWNvblwiPnt7XHJcbiAgICAgICAgICBjb25maWcuYnV0dG9uSWNvblxyXG4gICAgICAgIH19PC9zLWljb24tbWF0PlxyXG4gICAgICAgIHt7IGNvbmZpZy5idXR0b24gfX1cclxuICAgICAgPC9zLWJ1dHRvbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L3NlY3Rpb24+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW1wdHkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZW1wdHkvZW1wdHkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZW1wdHkvZW1wdHkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBbUIvRSxNQUFNLE9BQU8sY0FBYztJQU16QixZQUE2QixZQUEwQjtRQUExQixpQkFBWSxHQUFaLFlBQVksQ0FBYztRQUo3QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFJUyxDQUFDO0lBRTNELFFBQVE7UUFDTixJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLFNBQVMsQ0FBQztRQUN0QyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLDhCQUE4QixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkYsQ0FBQztJQUNILENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOytHQWpCVSxjQUFjO21HQUFkLGNBQWMsc0hDbkIzQiwwcENBMEJBOzs0RkRQYSxjQUFjO2tCQUwxQixTQUFTOytCQUNFLFNBQVM7aUZBS1YsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVSZXNvdXJjZVVybCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNFbXB0eSB7XG4gIGJ1dHRvbj86IHN0cmluZztcbiAgYnV0dG9uSWNvbj86IHN0cmluZztcbiAgZGV0YWlsPzogc3RyaW5nO1xuICBkZXRhaWxCb2xkPzogc3RyaW5nO1xuICBpZD86IHN0cmluZztcbiAgaW1hZ2U/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBzaXplPzogJ3NtJyB8ICdtZCcgfCAnbGcnO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWVtcHR5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2VtcHR5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZW1wdHkuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRW1wdHlDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb25maWchOiBTRW1wdHk7XG4gIEBPdXRwdXQoKSBidXR0b25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgaW1hZ2U6IFNhZmVSZXNvdXJjZVVybCB8IHVuZGVmaW5lZDtcbiAgaWQhOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBkb21TYW5pdGl6ZXI6IERvbVNhbml0aXplcikge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlkID0gdGhpcy5jb25maWcuaWQgPz8gYHMtZW1wdHlgO1xuICAgIGlmICh0aGlzLmNvbmZpZy5pbWFnZSkge1xuICAgICAgdGhpcy5pbWFnZSA9IHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybCh0aGlzLmNvbmZpZy5pbWFnZSk7XG4gICAgfVxuICB9XG5cbiAgYWN0aW9uKCkge1xuICAgIHRoaXMuYnV0dG9uRXZlbnQuZW1pdCgpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInMtZW1wdHlcIiBbaWRdPVwiaWRcIj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtZW1wdHlfX2NvbnRlbnRcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAncy1lbXB0eV9fY29udGVudC0tc2l6ZS1sZyc6IGNvbmZpZy5zaXplID09PSAnbGcnIHx8IGNvbmZpZy5zaXplID09PSB1bmRlZmluZWQsXHJcbiAgICAgICdzLWVtcHR5X19jb250ZW50LS1zaXplLW1kJzogY29uZmlnLnNpemUgPT09ICdtZCcsXHJcbiAgICAgICdzLWVtcHR5X19jb250ZW50LS1zaXplLXNtJzogY29uZmlnLnNpemUgPT09ICdzbScsXHJcbiAgICB9XCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwiaW1hZ2UgJiYgY29uZmlnLnNpemUgIT09ICdzbSdcIiBjbGFzcz1cInMtZW1wdHlfX2NvbnRlbnQtLWltZ1wiPlxyXG4gICAgICA8aW1nIFtzcmNdPVwiaW1hZ2VcIiBhbHQ9XCJlbXB0eVwiIC8+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxoMiAqbmdJZj1cImNvbmZpZy50aXRsZVwiIGNsYXNzPVwicy1lbXB0eV9fY29udGVudC0tdGl0bGVcIj5cclxuICAgICAge3sgY29uZmlnLnRpdGxlIH19XHJcbiAgICA8L2gyPlxyXG4gICAgPHAgKm5nSWY9XCJjb25maWcuZGV0YWlsXCIgY2xhc3M9XCJzLWVtcHR5X19jb250ZW50LS1kZXRhaWxcIj5cclxuICAgICAge3sgY29uZmlnLmRldGFpbCB9fVxyXG4gICAgICA8c3BhbiAqbmdJZj1cImNvbmZpZy5kZXRhaWxCb2xkXCIgY2xhc3M9XCJzLWVtcHR5X19jb250ZW50LS1kZXRhaWwtYm9sZFwiPnt7IGNvbmZpZy5kZXRhaWxCb2xkIH19PC9zcGFuPlxyXG4gICAgPC9wPlxyXG4gICAgPGRpdiAqbmdJZj1cImNvbmZpZy5idXR0b24gJiYgY29uZmlnLnNpemUgIT09ICdzbSdcIiBjbGFzcz1cInMtZW1wdHlfX2NvbnRlbnQtLWJ1dHRvblwiPlxyXG4gICAgICA8cy1idXR0b24gcG9zaXRpb249XCJub3JtYWxcIiAoY2xpY2spPVwiYWN0aW9uKClcIiAoa2V5ZG93bi5lbnRlcik9XCJhY3Rpb24oKVwiPlxyXG4gICAgICAgIDxzLWljb24tbWF0ICpuZ0lmPVwiY29uZmlnLmJ1dHRvbkljb25cIj57eyBjb25maWcuYnV0dG9uSWNvbiB9fTwvcy1pY29uLW1hdD5cclxuICAgICAgICB7eyBjb25maWcuYnV0dG9uIH19XHJcbiAgICAgIDwvcy1idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9zZWN0aW9uPlxyXG4iXX0=

package/esm2022/lib/footer/s-footer.component.mjs

@@ -9,10 +9,10 @@ export class SFooterComponent {
         this.rightText = input('All rights reserved.');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SFooterComponent, selector: "s-footer", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme() ? 'theme-' + theme() : ''\">\n  <span class=\"s-footer__text\">{{ leftText() }}</span>\n  <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\n  <span class=\"s-footer__text ml-2\">{{ rightText() }}</span>\n</footer>\n", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.813rem}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SFooterComponent, selector: "s-footer", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, leftText: { classPropertyName: "leftText", publicName: "leftText", isSignal: true, isRequired: false, transformFunction: null }, rightText: { classPropertyName: "rightText", publicName: "rightText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme() ? 'theme-' + theme() : ''\" [id]=\"'s-footer'\">\n  <span class=\"s-footer__text\">{{ leftText() }}</span>\n  <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\n  <span class=\"s-footer__text ml-2\">{{ rightText() }}</span>\n</footer>\n", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.813rem}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["id", "width", "height", "customImage"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme() ? 'theme-' + theme() : ''\">\n  <span class=\"s-footer__text\">{{ leftText() }}</span>\n  <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\n  <span class=\"s-footer__text ml-2\">{{ rightText() }}</span>\n</footer>\n", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.813rem}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
+            args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme() ? 'theme-' + theme() : ''\" [id]=\"'s-footer'\">\n  <span class=\"s-footer__text\">{{ leftText() }}</span>\n  <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\n  <span class=\"s-footer__text ml-2\">{{ rightText() }}</span>\n</footer>\n", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:.813rem}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBTUUsVUFBSyxHQUFHLEtBQUssRUFBc0IsQ0FBQztRQUNwQyxhQUFRLEdBQUcsS0FBSyxDQUFTLEtBQUssSUFBSSxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDMUQsY0FBUyxHQUFHLEtBQUssQ0FBUyxzQkFBc0IsQ0FBQyxDQUFDO0tBQ25EOytHQUpZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHliQ1A3Qix3UkFLQTs7NEZERWEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1mb290ZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU0Zvb3RlckNvbXBvbmVudCB7XG4gIHRoZW1lID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBsZWZ0VGV4dCA9IGlucHV0PHN0cmluZz4oYMKpICR7bmV3IERhdGUoKS5nZXRGdWxsWWVhcigpfWApO1xuICByaWdodFRleHQgPSBpbnB1dDxzdHJpbmc+KCdBbGwgcmlnaHRzIHJlc2VydmVkLicpO1xufVxuIiwiPGZvb3RlciBjbGFzcz1cInMtZm9vdGVyXCIgW25nQ2xhc3NdPVwidGhlbWUoKSA/ICd0aGVtZS0nICsgdGhlbWUoKSA6ICcnXCI+XG4gIDxzcGFuIGNsYXNzPVwicy1mb290ZXJfX3RleHRcIj57eyBsZWZ0VGV4dCgpIH19PC9zcGFuPlxuICA8cy1jb21wYW55LWxvZ28gW2hlaWdodF09XCIyM1wiIFt3aWR0aF09XCI3MFwiPjwvcy1jb21wYW55LWxvZ28+XG4gIDxzcGFuIGNsYXNzPVwicy1mb290ZXJfX3RleHQgbWwtMlwiPnt7IHJpZ2h0VGV4dCgpIH19PC9zcGFuPlxuPC9mb290ZXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBTUUsVUFBSyxHQUFHLEtBQUssRUFBc0IsQ0FBQztRQUNwQyxhQUFRLEdBQUcsS0FBSyxDQUFTLEtBQUssSUFBSSxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDMUQsY0FBUyxHQUFHLEtBQUssQ0FBUyxzQkFBc0IsQ0FBQyxDQUFDO0tBQ25EOytHQUpZLGdCQUFnQjttR0FBaEIsZ0JBQWdCLHliQ1A3Qiw0U0FLQTs7NEZERWEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtZm9vdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1mb290ZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU0Zvb3RlckNvbXBvbmVudCB7XG4gIHRoZW1lID0gaW5wdXQ8c3RyaW5nIHwgdW5kZWZpbmVkPigpO1xuICBsZWZ0VGV4dCA9IGlucHV0PHN0cmluZz4oYMKpICR7bmV3IERhdGUoKS5nZXRGdWxsWWVhcigpfWApO1xuICByaWdodFRleHQgPSBpbnB1dDxzdHJpbmc+KCdBbGwgcmlnaHRzIHJlc2VydmVkLicpO1xufVxuIiwiPGZvb3RlciBjbGFzcz1cInMtZm9vdGVyXCIgW25nQ2xhc3NdPVwidGhlbWUoKSA/ICd0aGVtZS0nICsgdGhlbWUoKSA6ICcnXCIgW2lkXT1cIidzLWZvb3RlcidcIj5cbiAgPHNwYW4gY2xhc3M9XCJzLWZvb3Rlcl9fdGV4dFwiPnt7IGxlZnRUZXh0KCkgfX08L3NwYW4+XG4gIDxzLWNvbXBhbnktbG9nbyBbaGVpZ2h0XT1cIjIzXCIgW3dpZHRoXT1cIjcwXCI+PC9zLWNvbXBhbnktbG9nbz5cbiAgPHNwYW4gY2xhc3M9XCJzLWZvb3Rlcl9fdGV4dCBtbC0yXCI+e3sgcmlnaHRUZXh0KCkgfX08L3NwYW4+XG48L2Zvb3Rlcj5cbiJdfQ==

package/esm2022/lib/grid-multi-inputs/grid-multi-inputs.component.mjs

@@ -229,7 +229,7 @@ export class GridMultiInputsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridMultiInputsComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GridMultiInputsComponent, selector: "s-grid-multi", inputs: { config: "config" }, outputs: { dataChange: "dataChange", customClick: "customClick" }, ngImport: i0, template: "<div class=\"s-grid-multi\">\n  <div class=\"s-grid-multi__toolbar-top\">\n    <s-grid-multi-toolbar-top\n      [config]=\"config.configToolbarTop\"></s-grid-multi-toolbar-top>\n  </div>\n  <div class=\"s-grid-multi__table\">\n    <div class=\"pre-s-tablet s-scroll\">\n      <table class=\"s-tablet\">\n        <thead>\n          <tr>\n            <th\n              *ngFor=\"let column of config.columns; let colIndex = index\"\n              [ngClass]=\"{ 'resizable-th': colIndex === 0 }\">\n              <div\n                class=\"th-head no-select\"\n                [ngClass]=\"column.type === 'append' ? 'th-head--left' : ''\">\n                <!-- Excepci\u00F3n cuando es select all -->\n                <ng-container *ngIf=\"colIndex !== 0; else elseBlock\">\n                  <input\n                    type=\"checkbox\"\n                    [indeterminate]=\"getColumnState(column) === null\"\n                    [checked]=\"getColumnState(column) === true\"\n                    (change)=\"setColumnState(colIndex, $event)\"\n                    *ngIf=\"column.type !== 'append'\" />\n                </ng-container>\n                <ng-template #elseBlock>\n                  <input\n                    type=\"checkbox\"\n                    [indeterminate]=\"getStateAllGrid() === null\"\n                    [checked]=\"getStateAllGrid() === true\"\n                    (change)=\"setAllGridState($event)\" />\n                </ng-template>\n                {{ column.title }}\n                <div\n                  *ngIf=\"colIndex === 0\"\n                  class=\"resizer\"\n                  (mousedown)=\"startResize($event, colIndex)\"></div>\n              </div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let row of config.rows; let rowIndex = index\">\n            <!-- Primera celda con t\u00EDtulo de fila -->\n            <td>\n              <div class=\"th-head th-head--left th-head--normal\">\n                <input\n                  type=\"checkbox\"\n                  [indeterminate]=\"getRowState(row) === null\"\n                  [checked]=\"getRowState(row) === true\"\n                  (change)=\"setRowState(rowIndex, $event)\"\n                  *ngIf=\"row.type !== 'append'\" />\n                {{ row.title }}\n              </div>\n            </td>\n            <!-- Celda para la columna custom  -->\n            <td *ngIf=\"config.customColumns\">\n              <div class=\"text-center\">\n                <s-button\n                  type=\"primary\"\n                  [theme]=\"\n                    getButtonTheme(\n                      row.customColumnStatus ? row.customColumnStatus : 1\n                    )\n                  \"\n                  position=\"normal\"\n                  [disabled]=\"row.customColumnStatus === 3 ? true : false\"\n                  (click)=\"onCustomClick(row)\"\n                  (onKeyDown)=\"onCustomClick(row)\">\n                  <s-icon-mat>{{\n                    row.customColumnStatus === 1 ? 'warning' : 'check_circle'\n                  }}</s-icon-mat>\n                  {{ row.customColumnTitle }}</s-button\n                >\n              </div>\n            </td>\n\n            <!-- Resto de las celdas -->\n            <td\n              *ngFor=\"let cell of config.data[rowIndex]; index as cellIndex\"\n              class=\"td-class\"\n              [ngClass]=\"cell.state === null ? 'cell-null' : ''\">\n              <ng-container *ngIf=\"cell.state === true || cell.state === false\">\n                <div class=\"text-center\">\n                  <input\n                    type=\"checkbox\"\n                    (change)=\"onCheckboxChange(rowIndex, cellIndex, cell.state)\"\n                    [(ngModel)]=\"cell.state\" />\n                </div>\n              </ng-container>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}.s-grid-multi__table .pre-s-tablet .s-tablet{background-color:inherit}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th{position:relative}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th .th-head{width:12.5rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head{display:flex;align-items:center;justify-content:center;gap:.625rem;font-weight:700;overflow:hidden}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--left{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--center{justify-content:center}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--normal{font-weight:400}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer{position:absolute;right:0;top:.625rem;width:.313rem;height:70%;cursor:col-resize;background-color:var(--neutrals-1000);max-width:.125rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer:hover{background-color:var(--neutrals-300)}.s-grid-multi__table .pre-s-tablet .s-tablet th:first-of-type .th-head{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .cell-null{background-color:var(--neutrals-1000)!important}.s-grid-multi__table .pre-s-tablet .s-tablet .td-class .s-checkbox{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i5.GridMultiInputsToolbarTopComponent, selector: "s-grid-multi-toolbar-top", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GridMultiInputsComponent, selector: "s-grid-multi", inputs: { config: "config" }, outputs: { dataChange: "dataChange", customClick: "customClick" }, ngImport: i0, template: "<div class=\"s-grid-multi\">\n  <div class=\"s-grid-multi__toolbar-top\">\n    <s-grid-multi-toolbar-top\n      [config]=\"config.configToolbarTop\"></s-grid-multi-toolbar-top>\n  </div>\n  <div class=\"s-grid-multi__table\">\n    <div class=\"pre-s-tablet s-scroll\">\n      <table class=\"s-tablet\">\n        <thead>\n          <tr>\n            <th\n              *ngFor=\"let column of config.columns; let colIndex = index\"\n              [ngClass]=\"{ 'resizable-th': colIndex === 0 }\">\n              <div\n                class=\"th-head no-select\"\n                [ngClass]=\"column.type === 'append' ? 'th-head--left' : ''\">\n                <!-- Excepci\u00F3n cuando es select all -->\n                <ng-container *ngIf=\"colIndex !== 0; else elseBlock\">\n                  <input\n                    type=\"checkbox\"\n                    [indeterminate]=\"getColumnState(column) === null\"\n                    [checked]=\"getColumnState(column) === true\"\n                    (change)=\"setColumnState(colIndex, $event)\"\n                    *ngIf=\"column.type !== 'append'\" />\n                </ng-container>\n                <ng-template #elseBlock>\n                  <input\n                    type=\"checkbox\"\n                    [indeterminate]=\"getStateAllGrid() === null\"\n                    [checked]=\"getStateAllGrid() === true\"\n                    (change)=\"setAllGridState($event)\" />\n                </ng-template>\n                {{ column.title }}\n                <div\n                  *ngIf=\"colIndex === 0\"\n                  class=\"resizer\"\n                  (mousedown)=\"startResize($event, colIndex)\"></div>\n              </div>\n            </th>\n          </tr>\n        </thead>\n        <tbody>\n          <tr *ngFor=\"let row of config.rows; let rowIndex = index\">\n            <!-- Primera celda con t\u00EDtulo de fila -->\n            <td>\n              <div class=\"th-head th-head--left th-head--normal\">\n                <input\n                  type=\"checkbox\"\n                  [indeterminate]=\"getRowState(row) === null\"\n                  [checked]=\"getRowState(row) === true\"\n                  (change)=\"setRowState(rowIndex, $event)\"\n                  *ngIf=\"row.type !== 'append'\" />\n                {{ row.title }}\n              </div>\n            </td>\n            <!-- Celda para la columna custom  -->\n            <td *ngIf=\"config.customColumns\">\n              <div class=\"text-center\">\n                <s-button\n                  type=\"primary\"\n                  [theme]=\"\n                    getButtonTheme(\n                      row.customColumnStatus ? row.customColumnStatus : 1\n                    )\n                  \"\n                  position=\"normal\"\n                  [disabled]=\"row.customColumnStatus === 3 ? true : false\"\n                  (click)=\"onCustomClick(row)\"\n                  (onKeyDown)=\"onCustomClick(row)\">\n                  <s-icon-mat>{{\n                    row.customColumnStatus === 1 ? 'warning' : 'check_circle'\n                  }}</s-icon-mat>\n                  {{ row.customColumnTitle }}</s-button\n                >\n              </div>\n            </td>\n\n            <!-- Resto de las celdas -->\n            <td\n              *ngFor=\"let cell of config.data[rowIndex]; index as cellIndex\"\n              class=\"td-class\"\n              [ngClass]=\"cell.state === null ? 'cell-null' : ''\">\n              <ng-container *ngIf=\"cell.state === true || cell.state === false\">\n                <div class=\"text-center\">\n                  <input\n                    type=\"checkbox\"\n                    (change)=\"onCheckboxChange(rowIndex, cellIndex, cell.state)\"\n                    [(ngModel)]=\"cell.state\" />\n                </div>\n              </ng-container>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</div>\n", styles: [".pre-s-tablet{max-width:100%;overflow-x:auto}.pre-s-tablet .s-tablet{background-color:var(--primary-100);border-collapse:collapse;width:100%}.pre-s-tablet .s-tablet thead{background-color:var(--neutrals-1200);font-weight:700}.pre-s-tablet .s-tablet thead th{vertical-align:middle;color:var(--secondary-600);font-size:.875rem;line-height:1.375rem;letter-spacing:.016rem;font-weight:700!important;text-align:left}.pre-s-tablet .s-tablet thead th:last-of-type{text-align:center}.pre-s-tablet .s-tablet__body{background-color:var(--neutrals-1200);color:var(--secondary-600)}.pre-s-tablet .s-tablet__disabled{color:var(--neutrals-700);pointer-events:none}.pre-s-tablet .s-tablet__empty{display:table-caption;caption-side:bottom;width:100%}.pre-s-tablet .s-tablet tbody tr td,.pre-s-tablet .s-tablet thead tr th{padding:.875rem;height:3.5rem;vertical-align:middle;font-size:.875rem}.pre-s-tablet .s-tablet th,.pre-s-tablet .s-tablet td{box-sizing:border-box;border:none;box-shadow:inset 0 -.063rem 0 var(--neutrals-900)}.pre-s-tablet .s-tablet td,.pre-s-tablet .s-tablet thead tr{height:3.5rem}.pre-s-tablet .s-tablet thead tr th{position:sticky;top:0;background-color:var(--neutrals-1200)}.pre-s-tablet .s-tablet__header{display:flex;gap:.5rem;align-items:center}.pre-s-tablet .s-tablet__header__icon{color:var(--primary-600)}.pre-s-tablet .s-tablet__header__icon--standard .s-icon-mat span{color:var(--neutrals-800)}.pre-s-tablet .s-tablet__header--align-left{justify-content:flex-start}.pre-s-tablet .s-tablet__header--align-center{justify-content:center}.pre-s-tablet .s-tablet__header--align-right{justify-content:flex-end}.pre-s-tablet .s-tablet__header__label{color:var(--secondary-500);font-weight:600}.pre-s-tablet .s-tablet__header__select{color:var(--secondary-600);font-weight:700}.s-grid-multi__table .pre-s-tablet .s-tablet{background-color:inherit}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th{position:relative}.s-grid-multi__table .pre-s-tablet .s-tablet .resizable-th .th-head{width:12.5rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head{display:flex;align-items:center;justify-content:center;gap:.625rem;font-weight:700;overflow:hidden}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--left{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--center{justify-content:center}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head--normal{font-weight:400}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer{position:absolute;right:0;top:.625rem;width:.313rem;height:70%;cursor:col-resize;background-color:var(--neutrals-1000);max-width:.125rem}.s-grid-multi__table .pre-s-tablet .s-tablet .th-head .resizer:hover{background-color:var(--neutrals-300)}.s-grid-multi__table .pre-s-tablet .s-tablet th:first-of-type .th-head{justify-content:flex-start}.s-grid-multi__table .pre-s-tablet .s-tablet .cell-null{background-color:var(--neutrals-1000)!important}.s-grid-multi__table .pre-s-tablet .s-tablet .td-class .s-checkbox{justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: i5.GridMultiInputsToolbarTopComponent, selector: "s-grid-multi-toolbar-top", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridMultiInputsComponent, decorators: [{
             type: Component,

package/esm2022/lib/icon-material/s-icon-material.component.mjs

@@ -9,6 +9,7 @@ export class SIconMaterialComponent {
         this.grade = 0;
         this.style = '';
         this.type = 'icon';
+        this.id = 's-icon';
         this.computedStyles = {};
     }
     ngOnInit() {
@@ -25,11 +26,11 @@ export class SIconMaterialComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMaterialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: { name: "name", size: "size", fill: "fill", weight: "weight", grade: "grade", style: "style", type: "type" }, viewQueries: [{ propertyName: "Icon", first: true, predicate: ["icon"], descendants: true, static: true }], ngImport: i0, template: "<div #icon class=\"s-icon-mat\">\n  <span class=\"{{ size }}\" [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n    <ng-content *ngIf=\"!name\"></ng-content>\n    <ng-container *ngIf=\"name\">{{ name }}</ng-container>\n  </span>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .xs{font-size:1rem}.s-icon-mat .sm{font-size:1.25rem}.s-icon-mat .md{font-size:1.5rem}.s-icon-mat .lg{font-size:3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: { name: "name", size: "size", fill: "fill", weight: "weight", grade: "grade", style: "style", type: "type", id: "id" }, viewQueries: [{ propertyName: "Icon", first: true, predicate: ["icon"], descendants: true, static: true }], ngImport: i0, template: "<div #icon class=\"s-icon-mat\" [id]=\"id\">\n  <span class=\"{{ size }}\" [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n    <ng-content *ngIf=\"!name\"></ng-content>\n    <ng-container *ngIf=\"name\">{{ name }}</ng-container>\n  </span>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .xs{font-size:1rem}.s-icon-mat .sm{font-size:1.25rem}.s-icon-mat .md{font-size:1.5rem}.s-icon-mat .lg{font-size:3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SIconMaterialComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-icon-mat', encapsulation: ViewEncapsulation.None, template: "<div #icon class=\"s-icon-mat\">\n  <span class=\"{{ size }}\" [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n    <ng-content *ngIf=\"!name\"></ng-content>\n    <ng-container *ngIf=\"name\">{{ name }}</ng-container>\n  </span>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .xs{font-size:1rem}.s-icon-mat .sm{font-size:1.25rem}.s-icon-mat .md{font-size:1.5rem}.s-icon-mat .lg{font-size:3rem}\n"] }]
+            args: [{ selector: 's-icon-mat', encapsulation: ViewEncapsulation.None, template: "<div #icon class=\"s-icon-mat\" [id]=\"id\">\n  <span class=\"{{ size }}\" [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n    <ng-content *ngIf=\"!name\"></ng-content>\n    <ng-container *ngIf=\"name\">{{ name }}</ng-container>\n  </span>\n</div>\n", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v316/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .xs{font-size:1rem}.s-icon-mat .sm{font-size:1.25rem}.s-icon-mat .md{font-size:1.5rem}.s-icon-mat .lg{font-size:3rem}\n"] }]
         }], propDecorators: { Icon: [{
                 type: ViewChild,
                 args: ['icon', { static: true }]
@@ -47,5 +48,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], type: [{
                 type: Input
+            }], id: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU25HLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUFVVyxTQUFJLEdBQW1CLElBQUksQ0FBQztRQUM1QixTQUFJLEdBQWtCLEtBQUssQ0FBQztRQUM1QixXQUFNLEdBQW9CLEdBQUcsQ0FBQztRQUM5QixVQUFLLEdBQW1CLENBQUMsQ0FBQztRQUMxQixVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUM1QixTQUFJLEdBQWtCLE1BQU0sQ0FBQztRQUt0QyxtQkFBYyxHQUE4QixFQUFFLENBQUM7S0FlaEQ7SUFiQyxRQUFRO1FBQ04sUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsMkJBQTJCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMseUJBQXlCLENBQUM7b0JBQzVDLFVBQVUsSUFBSSxDQUFDLFFBQVEsWUFBWSxJQUFJLENBQUMsTUFBTSxZQUFZLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDekUsTUFBTTtZQUNSLEtBQUssTUFBTTtnQkFDVCxJQUFJLENBQUMsV0FBVyxHQUFHLGdCQUFnQixDQUFDO2dCQUNwQyxNQUFNO1FBQ1YsQ0FBQztJQUNILENBQUM7K0dBNUJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG9SQ1RuQyx3UEFNQTs7NEZER2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLFlBQVksaUJBR1AsaUJBQWlCLENBQUMsSUFBSTs4QkFHQSxJQUFJO3NCQUF4QyxTQUFTO3VCQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRTFCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0ljb24gfSBmcm9tICcuL3MtaWNvbi1tYXRlcmlhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaWNvbi1tYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNJY29uTWF0ZXJpYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdpY29uJywgeyBzdGF0aWM6IHRydWUgfSkgSWNvbiE6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgbmFtZT86IFNJY29uWyduYW1lJ107XG4gIEBJbnB1dCgpIHNpemU/OiBTSWNvblsnc2l6ZSddID0gJ21kJztcbiAgQElucHV0KCkgZmlsbDogU0ljb25bJ2ZpbGwnXSA9IGZhbHNlO1xuICBASW5wdXQoKSB3ZWlnaHQ6IFNJY29uWyd3ZWlnaHQnXSA9IDQwMDtcbiAgQElucHV0KCkgZ3JhZGU6IFNJY29uWydncmFkZSddID0gMDtcbiAgQElucHV0KCkgc3R5bGU/OiBTSWNvblsnc3R5bGUnXSA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBTSWNvblsndHlwZSddID0gJ2ljb24nO1xuXG4gIG9wdGlvbnNUeXBlITogc3RyaW5nO1xuICBmaWxsVGVtcCE6IG51bWJlcjtcblxuICBjb21wdXRlZFN0eWxlczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzeW1ib2wnOlxuICAgICAgICB0aGlzLm9wdGlvbnNUeXBlID0gJ21hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQnO1xuICAgICAgICB0aGlzLmZpbGxUZW1wID0gdGhpcy5maWxsID8gMSA6IDA7XG4gICAgICAgIHRoaXMuY29tcHV0ZWRTdHlsZXNbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzJ10gPVxuICAgICAgICAgIGBcIkZJTExcIiAke3RoaXMuZmlsbFRlbXB9LCBcIndnaHRcIiAke3RoaXMud2VpZ2h0fSwgXCJHUkFEXCIgJHt0aGlzLmdyYWRlfWA7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaWNvbic6XG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSAnbWF0ZXJpYWwtaWNvbnMnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ljb24gY2xhc3M9XCJzLWljb24tbWF0XCI+XG4gIDxzcGFuIGNsYXNzPVwie3sgc2l6ZSB9fVwiIFtuZ0NsYXNzXT1cIm9wdGlvbnNUeXBlXCIgW25nU3R5bGVdPVwiY29tcHV0ZWRTdHlsZXNcIj5cbiAgICA8bmctY29udGVudCAqbmdJZj1cIiFuYW1lXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJuYW1lXCI+e3sgbmFtZSB9fTwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU25HLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUFVVyxTQUFJLEdBQW1CLElBQUksQ0FBQztRQUM1QixTQUFJLEdBQWtCLEtBQUssQ0FBQztRQUM1QixXQUFNLEdBQW9CLEdBQUcsQ0FBQztRQUM5QixVQUFLLEdBQW1CLENBQUMsQ0FBQztRQUMxQixVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUM1QixTQUFJLEdBQWtCLE1BQU0sQ0FBQztRQUM3QixPQUFFLEdBQVksUUFBUSxDQUFDO1FBS2hDLG1CQUFjLEdBQThCLEVBQUUsQ0FBQztLQWVoRDtJQWJDLFFBQVE7UUFDTixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNsQixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRywyQkFBMkIsQ0FBQztnQkFDL0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDNUMsVUFBVSxJQUFJLENBQUMsUUFBUSxZQUFZLElBQUksQ0FBQyxNQUFNLFlBQVksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO2dCQUN6RSxNQUFNO1lBQ1IsS0FBSyxNQUFNO2dCQUNULElBQUksQ0FBQyxXQUFXLEdBQUcsZ0JBQWdCLENBQUM7Z0JBQ3BDLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQzsrR0E3QlUsc0JBQXNCO21HQUF0QixzQkFBc0IsOFJDVG5DLG9RQU1BOzs0RkRHYSxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdBLElBQUk7c0JBQXhDLFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFMUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0ljb24gfSBmcm9tICcuL3MtaWNvbi1tYXRlcmlhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaWNvbi1tYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNJY29uTWF0ZXJpYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdpY29uJywgeyBzdGF0aWM6IHRydWUgfSkgSWNvbiE6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgbmFtZT86IFNJY29uWyduYW1lJ107XG4gIEBJbnB1dCgpIHNpemU/OiBTSWNvblsnc2l6ZSddID0gJ21kJztcbiAgQElucHV0KCkgZmlsbDogU0ljb25bJ2ZpbGwnXSA9IGZhbHNlO1xuICBASW5wdXQoKSB3ZWlnaHQ6IFNJY29uWyd3ZWlnaHQnXSA9IDQwMDtcbiAgQElucHV0KCkgZ3JhZGU6IFNJY29uWydncmFkZSddID0gMDtcbiAgQElucHV0KCkgc3R5bGU/OiBTSWNvblsnc3R5bGUnXSA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBTSWNvblsndHlwZSddID0gJ2ljb24nO1xuICBASW5wdXQoKSBpZD86IHN0cmluZyA9ICdzLWljb24nO1xuXG4gIG9wdGlvbnNUeXBlITogc3RyaW5nO1xuICBmaWxsVGVtcCE6IG51bWJlcjtcblxuICBjb21wdXRlZFN0eWxlczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzeW1ib2wnOlxuICAgICAgICB0aGlzLm9wdGlvbnNUeXBlID0gJ21hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQnO1xuICAgICAgICB0aGlzLmZpbGxUZW1wID0gdGhpcy5maWxsID8gMSA6IDA7XG4gICAgICAgIHRoaXMuY29tcHV0ZWRTdHlsZXNbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzJ10gPVxuICAgICAgICAgIGBcIkZJTExcIiAke3RoaXMuZmlsbFRlbXB9LCBcIndnaHRcIiAke3RoaXMud2VpZ2h0fSwgXCJHUkFEXCIgJHt0aGlzLmdyYWRlfWA7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaWNvbic6XG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSAnbWF0ZXJpYWwtaWNvbnMnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ljb24gY2xhc3M9XCJzLWljb24tbWF0XCIgW2lkXT1cImlkXCI+XG4gIDxzcGFuIGNsYXNzPVwie3sgc2l6ZSB9fVwiIFtuZ0NsYXNzXT1cIm9wdGlvbnNUeXBlXCIgW25nU3R5bGVdPVwiY29tcHV0ZWRTdHlsZXNcIj5cbiAgICA8bmctY29udGVudCAqbmdJZj1cIiFuYW1lXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJuYW1lXCI+e3sgbmFtZSB9fTwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/input/components/calendar/s-calendar.component.mjs

@@ -9,23 +9,20 @@ import * as i3 from "../../../icon-material/s-icon-material.component";
 import * as i4 from "../error-control/s-error-control.component";
 import * as i5 from "../validation-error/s-validation-error.component";
 export class SCalendar {
-    constructor(config) {
-        Object.assign(this, config);
-        if (!this.id) {
-            this.id = (Math.floor(Math.random() * 1000)).toString();
-        }
-    }
 }
 export class SCalendarComponent extends ControlValueAccessorDirective {
     constructor() {
         super(...arguments);
-        this.config = new SCalendar;
+        this.config = new SCalendar();
         this.clickHelpIconEvent = new EventEmitter();
         this.blur = new EventEmitter();
         this.focus = new EventEmitter();
         this.ICON_THEME = ICON_THEME;
         this.isFocused = false;
     }
+    ngOnInit() {
+        this.id = this.config.id = `s-calendar`;
+    }
     onInput(event) {
         const input = event.target;
         this.value = input.value;
@@ -56,9 +53,9 @@ export class SCalendarComponent extends ControlValueAccessorDirective {
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SCalendarComponent),
-                multi: true
-            }
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-calendar\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-calendar__label\">\n    {{ config.label }}\n    <span class=\"s-calendar__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-calendar__content {{ config.size }} theme-{{ config.theme }} {{\n      config.classAdd\n    }}\"\n    [ngClass]=\"{\n      'disabled-active':\n        config.disabled || (control && control.status === 'DISABLED'),\n      'readonly':\n        config.readOnly,\n      'theme-red':\n        (control && control.invalid && (isFocused || control.touched)) ||\n        (control && control.errors && control.touched) ||\n        config.theme === 'red',\n    }\">\n    <div class=\"s-calendar__content--center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"config.id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [formControl]=\"control\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"config.id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div\n      *ngIf=\"config?.theme !== 'default' && config.theme !== undefined\"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{\n        ICON_THEME[config.theme]\n      }}</s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"\n        config?.theme === 'default' ||\n        (config?.theme === undefined && config.showHelp)\n      \"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\"\n        >help_outline</s-icon-mat\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"\n      !config.hideErrorText &&\n      control &&\n      control.invalid &&\n      (isFocused || control.touched)\n    \"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control\n    *ngIf=\"!config.hideErrorText && config.errorText\"\n    theme=\"red\"\n    >{{ config.errorText }}</s-error-control\n  >\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) ||\n        (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}</s-error-control\n  >\n</section>\n", styles: [".s-calendar{margin-bottom:.5rem}.s-calendar__label{font-size:.875rem;color:var(--secondary-600)}.s-calendar__required{color:var(--primary-600)}.s-calendar__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-calendar__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-calendar__content input:focus,.s-calendar__content input:focus-visible{outline:none}.s-calendar__content .icon{width:1.25rem;cursor:default}.s-calendar__content .icon span{display:flex}.s-calendar__content--center{width:100%;background-color:var(--neutrals-1200)}.s-calendar__content--right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-calendar__content.theme-red{border:.063rem solid var(--red-500)}.s-calendar__content.theme-red .icon.report span{color:var(--red-600)}.s-calendar__content.theme-green{border:.063rem solid var(--green-500)}.s-calendar__content.theme-green .icon.report span{color:var(--green-600)}.s-calendar__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-calendar__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-calendar__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-calendar__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-calendar__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-calendar__content.readonly{background-color:var(--neutrals-1100)}.s-calendar__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-calendar__content.sm input{height:1.3rem;font-size:.75rem}.s-calendar__content.sm .icon{width:1.25rem;cursor:default}.s-calendar__content.sm .icon span{font-size:1.2rem;display:flex}.s-calendar__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .25rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "component", type: i4.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i5.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-calendar\">\n  <label [for]=\"id\" *ngIf=\"config?.label\" class=\"s-calendar__label\">\n    {{ config.label }}\n    <span class=\"s-calendar__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-calendar__content {{ config.size }} theme-{{ config.theme }} {{ config.classAdd }}\"\n    [ngClass]=\"{\n      'disabled-active': config.disabled || (control && control.status === 'DISABLED'),\n      readonly: config.readOnly,\n      'theme-red':\n        (control && control.invalid && (isFocused || control.touched)) ||\n        (control && control.errors && control.touched) ||\n        config.theme === 'red',\n    }\">\n    <div class=\"s-calendar__content--center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [formControl]=\"control\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div *ngIf=\"config?.theme !== 'default' && config.theme !== undefined\" class=\"s-calendar__content--right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"config?.theme === 'default' || (config?.theme === undefined && config.showHelp)\"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}</s-error-control\n  >\n</section>\n", styles: [".s-calendar{margin-bottom:.5rem}.s-calendar__label{font-size:.875rem;color:var(--secondary-600)}.s-calendar__required{color:var(--primary-600)}.s-calendar__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-calendar__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-calendar__content input:focus,.s-calendar__content input:focus-visible{outline:none}.s-calendar__content .icon{width:1.25rem;cursor:default}.s-calendar__content .icon span{display:flex}.s-calendar__content--center{width:100%;background-color:var(--neutrals-1200)}.s-calendar__content--right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-calendar__content.theme-red{border:.063rem solid var(--red-500)}.s-calendar__content.theme-red .icon.report span{color:var(--red-600)}.s-calendar__content.theme-green{border:.063rem solid var(--green-500)}.s-calendar__content.theme-green .icon.report span{color:var(--green-600)}.s-calendar__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-calendar__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-calendar__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-calendar__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-calendar__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-calendar__content.readonly{background-color:var(--neutrals-1100)}.s-calendar__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-calendar__content.sm input{height:1.3rem;font-size:.75rem}.s-calendar__content.sm .icon{width:1.25rem;cursor:default}.s-calendar__content.sm .icon span{font-size:1.2rem;display:flex}.s-calendar__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .25rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: i4.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: i5.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCalendarComponent, decorators: [{
             type: Component,
@@ -66,9 +63,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => SCalendarComponent),
-                            multi: true
-                        }
-                    ], template: "<section class=\"s-calendar\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-calendar__label\">\n    {{ config.label }}\n    <span class=\"s-calendar__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-calendar__content {{ config.size }} theme-{{ config.theme }} {{\n      config.classAdd\n    }}\"\n    [ngClass]=\"{\n      'disabled-active':\n        config.disabled || (control && control.status === 'DISABLED'),\n      'readonly':\n        config.readOnly,\n      'theme-red':\n        (control && control.invalid && (isFocused || control.touched)) ||\n        (control && control.errors && control.touched) ||\n        config.theme === 'red',\n    }\">\n    <div class=\"s-calendar__content--center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"config.id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [formControl]=\"control\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"config.id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div\n      *ngIf=\"config?.theme !== 'default' && config.theme !== undefined\"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{\n        ICON_THEME[config.theme]\n      }}</s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"\n        config?.theme === 'default' ||\n        (config?.theme === undefined && config.showHelp)\n      \"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\"\n        >help_outline</s-icon-mat\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"\n      !config.hideErrorText &&\n      control &&\n      control.invalid &&\n      (isFocused || control.touched)\n    \"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control\n    *ngIf=\"!config.hideErrorText && config.errorText\"\n    theme=\"red\"\n    >{{ config.errorText }}</s-error-control\n  >\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) ||\n        (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}</s-error-control\n  >\n</section>\n", styles: [".s-calendar{margin-bottom:.5rem}.s-calendar__label{font-size:.875rem;color:var(--secondary-600)}.s-calendar__required{color:var(--primary-600)}.s-calendar__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-calendar__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-calendar__content input:focus,.s-calendar__content input:focus-visible{outline:none}.s-calendar__content .icon{width:1.25rem;cursor:default}.s-calendar__content .icon span{display:flex}.s-calendar__content--center{width:100%;background-color:var(--neutrals-1200)}.s-calendar__content--right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-calendar__content.theme-red{border:.063rem solid var(--red-500)}.s-calendar__content.theme-red .icon.report span{color:var(--red-600)}.s-calendar__content.theme-green{border:.063rem solid var(--green-500)}.s-calendar__content.theme-green .icon.report span{color:var(--green-600)}.s-calendar__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-calendar__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-calendar__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-calendar__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-calendar__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-calendar__content.readonly{background-color:var(--neutrals-1100)}.s-calendar__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-calendar__content.sm input{height:1.3rem;font-size:.75rem}.s-calendar__content.sm .icon{width:1.25rem;cursor:default}.s-calendar__content.sm .icon span{font-size:1.2rem;display:flex}.s-calendar__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .25rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
+                            multi: true,
+                        },
+                    ], template: "<section class=\"s-calendar\">\n  <label [for]=\"id\" *ngIf=\"config?.label\" class=\"s-calendar__label\">\n    {{ config.label }}\n    <span class=\"s-calendar__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-calendar__content {{ config.size }} theme-{{ config.theme }} {{ config.classAdd }}\"\n    [ngClass]=\"{\n      'disabled-active': config.disabled || (control && control.status === 'DISABLED'),\n      readonly: config.readOnly,\n      'theme-red':\n        (control && control.invalid && (isFocused || control.touched)) ||\n        (control && control.errors && control.touched) ||\n        config.theme === 'red',\n    }\">\n    <div class=\"s-calendar__content--center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [formControl]=\"control\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          [id]=\"id\"\n          [type]=\"'date'\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div *ngIf=\"config?.theme !== 'default' && config.theme !== undefined\" class=\"s-calendar__content--right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"config?.theme === 'default' || (config?.theme === undefined && config.showHelp)\"\n      class=\"s-calendar__content--right\">\n      <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}</s-error-control\n  >\n</section>\n", styles: [".s-calendar{margin-bottom:.5rem}.s-calendar__label{font-size:.875rem;color:var(--secondary-600)}.s-calendar__required{color:var(--primary-600)}.s-calendar__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-calendar__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-calendar__content input:focus,.s-calendar__content input:focus-visible{outline:none}.s-calendar__content .icon{width:1.25rem;cursor:default}.s-calendar__content .icon span{display:flex}.s-calendar__content--center{width:100%;background-color:var(--neutrals-1200)}.s-calendar__content--right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-calendar__content.theme-red{border:.063rem solid var(--red-500)}.s-calendar__content.theme-red .icon.report span{color:var(--red-600)}.s-calendar__content.theme-green{border:.063rem solid var(--green-500)}.s-calendar__content.theme-green .icon.report span{color:var(--green-600)}.s-calendar__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-calendar__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-calendar__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-calendar__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-calendar__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-calendar__content.readonly{background-color:var(--neutrals-1100)}.s-calendar__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-calendar__content.sm input{height:1.3rem;font-size:.75rem}.s-calendar__content.sm .icon{width:1.25rem;cursor:default}.s-calendar__content.sm .icon span{font-size:1.2rem;display:flex}.s-calendar__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .25rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-calendar__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], clickHelpIconEvent: [{
@@ -78,4 +75,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], focus: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2NhbGVuZGFyL3MtY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9jYWxlbmRhci9zLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7Ozs7OztBQUlsRyxNQUFNLE9BQU8sU0FBUztJQW1CcEIsWUFBWSxNQUEyQjtRQUNyQyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLEVBQUUsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDMUQsQ0FBQztJQUNILENBQUM7Q0FDRjtBQWNELE1BQU0sT0FBTyxrQkFBc0IsU0FBUSw2QkFBZ0M7SUFiM0U7O1FBZVcsV0FBTSxHQUFjLElBQUksU0FBUyxDQUFDO1FBQ2pDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDOUMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDaEMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFM0MsZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUN4QixjQUFTLEdBQVksS0FBSyxDQUFDO0tBZ0M1QjtJQTlCQyxPQUFPLENBQUMsS0FBWTtRQUNsQixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLENBQUM7SUFDSCxDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUM1RCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDZixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQzsrR0F2Q1Usa0JBQWtCO21HQUFsQixrQkFBa0Isd0pBUmxCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDakQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGlEQzVDSCxzNkZBMEZBOzs0RkQ1Q2Esa0JBQWtCO2tCQWI5QixTQUFTOytCQUNFLFlBQVksaUJBR1AsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBSVEsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uLCBmb3J3YXJkUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElDT05fVEhFTUUgfSBmcm9tICcuLi8uLi9lbnVtcy9pY29uLXRoZW1lLmVudW0nO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRIRU1FIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvdGhlbWUuZW51bSc7XG5pbXBvcnQgeyBJTlBVVF9TSVpFIH0gZnJvbSAnLi4vLi4vZW51bXMvc2l6ZS5lbnVtJztcblxuZXhwb3J0IGNsYXNzIFNDYWxlbmRhciB7XG4gIGNsYXNzQWRkPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGVycm9yTWVzc2FnZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICBlcnJvclRleHQ/OiBzdHJpbmc7XG4gIGhlbHBUZXh0Pzogc3RyaW5nO1xuICBoaWRlRXJyb3JUZXh0PzogYm9vbGVhbjtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBtYXg/OiBzdHJpbmc7XG4gIG1pbj86IHN0cmluZztcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBzaG93SGVscD86IGJvb2xlYW47XG4gIHNpemU/OiBJTlBVVF9TSVpFO1xuICB0aGVtZT86IFRIRU1FO1xuICB1c2VGb3JtQ29udHJvbD86IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoY29uZmlnPzogUGFydGlhbDxTQ2FsZW5kYXI+KSB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLCBjb25maWcpO1xuICAgIGlmICghdGhpcy5pZCkge1xuICAgICAgdGhpcy5pZCA9IChNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwKSkudG9TdHJpbmcoKTtcbiAgICB9XG4gIH1cbn1cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtY2FsZW5kYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1jYWxlbmRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTQ2FsZW5kYXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU0NhbGVuZGFyQ29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4gIHtcblxuICBASW5wdXQoKSBjb25maWc6IFNDYWxlbmRhciA9IG5ldyBTQ2FsZW5kYXI7XG4gIEBPdXRwdXQoKSBjbGlja0hlbHBJY29uRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgSUNPTl9USEVNRSA9IElDT05fVEhFTUU7XG4gIGlzRm9jdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG4gIFxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICBpZighdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG4gIH1cblxuICBjbGlja0hlbHAoKSB7XG4gICAgdGhpcy5jbGlja0hlbHBJY29uRXZlbnQubmV4dCgpO1xuICB9XG5cbiAgZ2V0SWNvblR5cGUoKTogJ3N5bWJvbCcgfCAnaWNvbicge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy50aGVtZSA9PT0gJ3llbGxvdycgPyAnc3ltYm9sJyA6ICdpY29uJztcbiAgfVxuXG4gIG9uQmx1cihldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcbiAgICB0aGlzLmJsdXIubmV4dChldmVudCk7XG4gIH1cblxuICBvbkZvY3VzKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KGV2ZW50KTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzLWNhbGVuZGFyXCI+XG4gIDxsYWJlbCBbZm9yXT1cImNvbmZpZy5pZFwiICpuZ0lmPVwiY29uZmlnPy5sYWJlbFwiIGNsYXNzPVwicy1jYWxlbmRhcl9fbGFiZWxcIj5cbiAgICB7eyBjb25maWcubGFiZWwgfX1cbiAgICA8c3BhbiBjbGFzcz1cInMtY2FsZW5kYXJfX3JlcXVpcmVkXCIgKm5nSWY9XCJjb25maWc/LnJlcXVpcmVkXCI+Kjwvc3Bhbj5cbiAgPC9sYWJlbD5cbiAgPGRpdlxuICAgIGNsYXNzPVwicy1jYWxlbmRhcl9fY29udGVudCB7eyBjb25maWcuc2l6ZSB9fSB0aGVtZS17eyBjb25maWcudGhlbWUgfX0ge3tcbiAgICAgIGNvbmZpZy5jbGFzc0FkZFxuICAgIH19XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnZGlzYWJsZWQtYWN0aXZlJzpcbiAgICAgICAgY29uZmlnLmRpc2FibGVkIHx8IChjb250cm9sICYmIGNvbnRyb2wuc3RhdHVzID09PSAnRElTQUJMRUQnKSxcbiAgICAgICdyZWFkb25seSc6XG4gICAgICAgIGNvbmZpZy5yZWFkT25seSxcbiAgICAgICd0aGVtZS1yZWQnOlxuICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpKSB8fFxuICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLnRvdWNoZWQpIHx8XG4gICAgICAgIGNvbmZpZy50aGVtZSA9PT0gJ3JlZCcsXG4gICAgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzLWNhbGVuZGFyX19jb250ZW50LS1jZW50ZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250cm9sOyBlbHNlIG5vdFVzZUZvcm1Db250cm9sXCI+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgIFtpZF09XCJjb25maWcuaWRcIlxuICAgICAgICAgIFt0eXBlXT1cIidkYXRlJ1wiXG4gICAgICAgICAgbWF4PVwie3sgY29uZmlnLm1heCB9fVwiXG4gICAgICAgICAgbWluPVwie3sgY29uZmlnLm1pbiB9fVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLXRlbXBsYXRlICNub3RVc2VGb3JtQ29udHJvbD5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXG4gICAgICAgICAgW2lkXT1cImNvbmZpZy5pZFwiXG4gICAgICAgICAgW3R5cGVdPVwiJ2RhdGUnXCJcbiAgICAgICAgICBtYXg9XCJ7eyBjb25maWcubWF4IH19XCJcbiAgICAgICAgICBtaW49XCJ7eyBjb25maWcubWluIH19XCJcbiAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/LnRoZW1lICE9PSAnZGVmYXVsdCcgJiYgY29uZmlnLnRoZW1lICE9PSB1bmRlZmluZWRcIlxuICAgICAgY2xhc3M9XCJzLWNhbGVuZGFyX19jb250ZW50LS1yaWdodFwiPlxuICAgICAgPHMtaWNvbi1tYXQgW3R5cGVdPVwiZ2V0SWNvblR5cGUoKVwiIGNsYXNzPVwiaWNvbiByZXBvcnRcIj57e1xuICAgICAgICBJQ09OX1RIRU1FW2NvbmZpZy50aGVtZV1cbiAgICAgIH19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGNvbmZpZz8udGhlbWUgPT09ICdkZWZhdWx0JyB8fFxuICAgICAgICAoY29uZmlnPy50aGVtZSA9PT0gdW5kZWZpbmVkICYmIGNvbmZpZy5zaG93SGVscClcbiAgICAgIFwiXG4gICAgICBjbGFzcz1cInMtY2FsZW5kYXJfX2NvbnRlbnQtLXJpZ2h0XCI+XG4gICAgICA8cy1pY29uLW1hdCAoY2xpY2spPVwiY2xpY2tIZWxwKClcIiBjbGFzcz1cImljb24gY3Vyc29yXCJcbiAgICAgICAgPmhlbHBfb3V0bGluZTwvcy1pY29uLW1hdFxuICAgICAgPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHMtdmFsaWRhdGlvbi1lcnJvclxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgIGNvbnRyb2wgJiZcbiAgICAgIGNvbnRyb2wuaW52YWxpZCAmJlxuICAgICAgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpXG4gICAgXCJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlc1wiXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxuICA8L3MtdmFsaWRhdGlvbi1lcnJvcj5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbmZpZy5lcnJvclRleHRcIlxuICAgIHRoZW1lPVwicmVkXCJcbiAgICA+e3sgY29uZmlnLmVycm9yVGV4dCB9fTwvcy1lcnJvci1jb250cm9sXG4gID5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgICFjb25maWcuZXJyb3JUZXh0ICYmXG4gICAgICAoKGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXSAmJiAhY29udHJvbC50b3VjaGVkKSB8fFxuICAgICAgICAoY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMpKSAmJlxuICAgICAgIShpc0ZvY3VzZWQgJiYgY29udHJvbC5pbnZhbGlkKVxuICAgIFwiPlxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB8fCAnJyB9fTwvcy1lcnJvci1jb250cm9sXG4gID5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2NhbGVuZGFyL3MtY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9jYWxlbmRhci9zLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQzs7Ozs7OztBQUlsRyxNQUFNLE9BQU8sU0FBUztDQWtCckI7QUFjRCxNQUFNLE9BQU8sa0JBQXNCLFNBQVEsNkJBQWdDO0lBYjNFOztRQWNXLFdBQU0sR0FBYyxJQUFJLFNBQVMsRUFBRSxDQUFDO1FBQ25DLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDOUMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDaEMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFM0MsZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUN4QixjQUFTLEdBQVksS0FBSyxDQUFDO0tBb0M1QjtJQWxDQyxRQUFRO1FBQ04sSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsR0FBRyxZQUFZLENBQUM7SUFDMUMsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzVELENBQUM7SUFFRCxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDOytHQTFDVSxrQkFBa0I7bUdBQWxCLGtCQUFrQix3SkFSbEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUNqRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaURDckNILDh1RkFxRUE7OzRGRDlCYSxrQkFBa0I7a0JBYjlCLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLG1CQUFtQixDQUFDOzRCQUNqRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUSEVNRSB9IGZyb20gJy4uLy4uLy4uL2VudW1zL3RoZW1lLmVudW0nO1xuaW1wb3J0IHsgSU5QVVRfU0laRSB9IGZyb20gJy4uLy4uL2VudW1zL3NpemUuZW51bSc7XG5cbmV4cG9ydCBjbGFzcyBTQ2FsZW5kYXIge1xuICBjbGFzc0FkZD86IHN0cmluZztcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBlcnJvck1lc3NhZ2VzPzogUmVjb3JkPHN0cmluZywgc3RyaW5nPjtcbiAgZXJyb3JUZXh0Pzogc3RyaW5nO1xuICBoZWxwVGV4dD86IHN0cmluZztcbiAgaGlkZUVycm9yVGV4dD86IGJvb2xlYW47XG4gIGlkPzogc3RyaW5nO1xuICBsYWJlbD86IHN0cmluZztcbiAgbWF4Pzogc3RyaW5nO1xuICBtaW4/OiBzdHJpbmc7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICByZWFkT25seT86IGJvb2xlYW47XG4gIHJlcXVpcmVkPzogYm9vbGVhbjtcbiAgc2hvd0hlbHA/OiBib29sZWFuO1xuICBzaXplPzogSU5QVVRfU0laRTtcbiAgdGhlbWU/OiBUSEVNRTtcbiAgdXNlRm9ybUNvbnRyb2w/OiBib29sZWFuO1xufVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1jYWxlbmRhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1jYWxlbmRhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNDYWxlbmRhckNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTQ2FsZW5kYXJDb21wb25lbnQ8VD4gZXh0ZW5kcyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZTxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGNvbmZpZzogU0NhbGVuZGFyID0gbmV3IFNDYWxlbmRhcigpO1xuICBAT3V0cHV0KCkgY2xpY2tIZWxwSWNvbkV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBpZCE6IHN0cmluZztcbiAgSUNPTl9USEVNRSA9IElDT05fVEhFTUU7XG4gIGlzRm9jdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaWQgPSB0aGlzLmNvbmZpZy5pZCA9IGBzLWNhbGVuZGFyYDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrSGVscCgpIHtcbiAgICB0aGlzLmNsaWNrSGVscEljb25FdmVudC5uZXh0KCk7XG4gIH1cblxuICBnZXRJY29uVHlwZSgpOiAnc3ltYm9sJyB8ICdpY29uJyB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLnRoZW1lID09PSAneWVsbG93JyA/ICdzeW1ib2wnIDogJ2ljb24nO1xuICB9XG5cbiAgb25CbHVyKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IGZhbHNlO1xuICAgIHRoaXMuYmx1ci5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIG9uRm9jdXMoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gdHJ1ZTtcbiAgICB0aGlzLmZvY3VzLm5leHQoZXZlbnQpO1xuICB9XG59XG4iLCI8c2VjdGlvbiBjbGFzcz1cInMtY2FsZW5kYXJcIj5cbiAgPGxhYmVsIFtmb3JdPVwiaWRcIiAqbmdJZj1cImNvbmZpZz8ubGFiZWxcIiBjbGFzcz1cInMtY2FsZW5kYXJfX2xhYmVsXCI+XG4gICAge3sgY29uZmlnLmxhYmVsIH19XG4gICAgPHNwYW4gY2xhc3M9XCJzLWNhbGVuZGFyX19yZXF1aXJlZFwiICpuZ0lmPVwiY29uZmlnPy5yZXF1aXJlZFwiPio8L3NwYW4+XG4gIDwvbGFiZWw+XG4gIDxkaXZcbiAgICBjbGFzcz1cInMtY2FsZW5kYXJfX2NvbnRlbnQge3sgY29uZmlnLnNpemUgfX0gdGhlbWUte3sgY29uZmlnLnRoZW1lIH19IHt7IGNvbmZpZy5jbGFzc0FkZCB9fVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2Rpc2FibGVkLWFjdGl2ZSc6IGNvbmZpZy5kaXNhYmxlZCB8fCAoY29udHJvbCAmJiBjb250cm9sLnN0YXR1cyA9PT0gJ0RJU0FCTEVEJyksXG4gICAgICByZWFkb25seTogY29uZmlnLnJlYWRPbmx5LFxuICAgICAgJ3RoZW1lLXJlZCc6XG4gICAgICAgIChjb250cm9sICYmIGNvbnRyb2wuaW52YWxpZCAmJiAoaXNGb2N1c2VkIHx8IGNvbnRyb2wudG91Y2hlZCkpIHx8XG4gICAgICAgIChjb250cm9sICYmIGNvbnRyb2wuZXJyb3JzICYmIGNvbnRyb2wudG91Y2hlZCkgfHxcbiAgICAgICAgY29uZmlnLnRoZW1lID09PSAncmVkJyxcbiAgICB9XCI+XG4gICAgPGRpdiBjbGFzcz1cInMtY2FsZW5kYXJfX2NvbnRlbnQtLWNlbnRlclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRyb2w7IGVsc2Ugbm90VXNlRm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXG4gICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICBbdHlwZV09XCInZGF0ZSdcIlxuICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgIG1pbj1cInt7IGNvbmZpZy5taW4gfX1cIlxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcbiAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiIC8+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbm90VXNlRm9ybUNvbnRyb2w+XG4gICAgICAgIDxpbnB1dFxuICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgICAgW3R5cGVdPVwiJ2RhdGUnXCJcbiAgICAgICAgICBtYXg9XCJ7eyBjb25maWcubWF4IH19XCJcbiAgICAgICAgICBtaW49XCJ7eyBjb25maWcubWluIH19XCJcbiAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImNvbmZpZz8udGhlbWUgIT09ICdkZWZhdWx0JyAmJiBjb25maWcudGhlbWUgIT09IHVuZGVmaW5lZFwiIGNsYXNzPVwicy1jYWxlbmRhcl9fY29udGVudC0tcmlnaHRcIj5cbiAgICAgIDxzLWljb24tbWF0IFt0eXBlXT1cImdldEljb25UeXBlKClcIiBjbGFzcz1cImljb24gcmVwb3J0XCI+e3sgSUNPTl9USEVNRVtjb25maWcudGhlbWVdIH19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiY29uZmlnPy50aGVtZSA9PT0gJ2RlZmF1bHQnIHx8IChjb25maWc/LnRoZW1lID09PSB1bmRlZmluZWQgJiYgY29uZmlnLnNob3dIZWxwKVwiXG4gICAgICBjbGFzcz1cInMtY2FsZW5kYXJfX2NvbnRlbnQtLXJpZ2h0XCI+XG4gICAgICA8cy1pY29uLW1hdCAoY2xpY2spPVwiY2xpY2tIZWxwKClcIiBjbGFzcz1cImljb24gY3Vyc29yXCI+aGVscF9vdXRsaW5lPC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHMtdmFsaWRhdGlvbi1lcnJvclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIChpc0ZvY3VzZWQgfHwgY29udHJvbC50b3VjaGVkKVwiXG4gICAgW2N1c3RvbUVycm9yTWVzc2FnZXNdPVwiY29uZmlnLmVycm9yTWVzc2FnZXNcIlxuICAgIFtlcnJvcnNdPVwiY29udHJvbC5lcnJvcnNcIj5cbiAgPC9zLXZhbGlkYXRpb24tZXJyb3I+XG4gIDxzLWVycm9yLWNvbnRyb2wgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29uZmlnLmVycm9yVGV4dFwiIHRoZW1lPVwicmVkXCI+e3tcbiAgICBjb25maWcuZXJyb3JUZXh0XG4gIH19PC9zLWVycm9yLWNvbnRyb2w+XG4gIDxzLWVycm9yLWNvbnRyb2xcbiAgICAqbmdJZj1cIlxuICAgICAgIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmXG4gICAgICAhY29uZmlnLmVycm9yVGV4dCAmJlxuICAgICAgKChjb250cm9sICYmIGNvbnRyb2wuZXJyb3JzPy5bJ3JlcXVpcmVkJ10gJiYgIWNvbnRyb2wudG91Y2hlZCkgfHwgKGNvbnRyb2wgJiYgIWNvbnRyb2wuZXJyb3JzKSkgJiZcbiAgICAgICEoaXNGb2N1c2VkICYmIGNvbnRyb2wuaW52YWxpZClcbiAgICBcIj5cbiAgICB7eyBjb25maWcuaGVscFRleHQgfHwgJycgfX08L3MtZXJyb3ItY29udHJvbFxuICA+XG48L3NlY3Rpb24+XG4iXX0=