sidesys-generic-ui 2.4.3 → 2.4.6

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

@@ -1,12 +1,12 @@
-import { Component, Input, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class SIconMaterialComponent {
     constructor() {
+        this.size = 'md';
         this.fill = false;
         this.weight = 400;
         this.grade = 0;
-        this.opticalSize = 48;
         this.style = '';
         this.type = 'icon';
         this.computedStyles = {};
@@ -17,7 +17,7 @@ export class SIconMaterialComponent {
                 this.optionsType = 'material-symbols-outlined';
                 this.fillTemp = this.fill ? 1 : 0;
                 this.computedStyles['font-variation-settings'] =
-                    `"FILL" ${this.fillTemp}, "wght" ${this.weight}, "GRAD" ${this.grade}, "opsz" ${this.opticalSize}`;
+                    `"FILL" ${this.fillTemp}, "wght" ${this.weight}, "GRAD" ${this.grade}`;
                 break;
             case 'icon':
                 this.optionsType = 'material-icons';
@@ -25,11 +25,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", opticalSize: "opticalSize", 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 [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n        <ng-content *ngIf=\"!name\"></ng-content>\n        <ng-container *ngIf=\"name\">{{name}}</ng-container>\n    </span>\n</div>", 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/v292/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;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;font-size:1.5rem;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}\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" }, 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 }); }
 }
 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 [ngClass]=\"optionsType\" [ngStyle]=\"computedStyles\">\n        <ng-content *ngIf=\"!name\"></ng-content>\n        <ng-container *ngIf=\"name\">{{name}}</ng-container>\n    </span>\n</div>", 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/v292/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;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;font-size:1.5rem;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}\n"] }]
+            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"] }]
         }], propDecorators: { Icon: [{
                 type: ViewChild,
                 args: ['icon', { static: true }]
@@ -43,11 +43,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], grade: [{
                 type: Input
-            }], opticalSize: [{
-                type: Input
             }], style: [{
                 type: Input
             }], type: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUVMLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7OztBQVN2QixNQUFNLE9BQU8sc0JBQXNCO0lBTm5DO1FBV1csU0FBSSxHQUFrQixLQUFLLENBQUM7UUFDNUIsV0FBTSxHQUFvQixHQUFHLENBQUM7UUFDOUIsVUFBSyxHQUFtQixDQUFDLENBQUM7UUFDMUIsZ0JBQVcsR0FBeUIsRUFBRSxDQUFDO1FBQ3ZDLFVBQUssR0FBb0IsRUFBRSxDQUFDO1FBQzVCLFNBQUksR0FBa0IsTUFBTSxDQUFDO1FBS3RDLG1CQUFjLEdBQThCLEVBQUUsQ0FBQztLQWVoRDtJQWJDLFFBQVE7UUFDTixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNsQixLQUFLLFFBQVE7Z0JBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRywyQkFBMkIsQ0FBQztnQkFDL0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQztvQkFDNUMsVUFBVSxJQUFJLENBQUMsUUFBUSxZQUFZLElBQUksQ0FBQyxNQUFNLFlBQVksSUFBSSxDQUFDLEtBQUssWUFBWSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7Z0JBQ3JHLE1BQU07WUFDUixLQUFLLE1BQU07Z0JBQ1QsSUFBSSxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQztnQkFDcEMsTUFBTTtRQUNWLENBQUM7SUFDSCxDQUFDOytHQTdCVSxzQkFBc0I7bUdBQXRCLHNCQUFzQixnVENoQm5DLDJPQUtNOzs0RkRXTyxzQkFBc0I7a0JBTmxDLFNBQVM7K0JBQ0UsWUFBWSxpQkFHUCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUdBLElBQUk7c0JBQXhDLFNBQVM7dUJBQUMsTUFBTSxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFFMUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0ljb24gfSBmcm9tICcuL3MtaWNvbi1tYXRlcmlhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaWNvbi1tYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNJY29uTWF0ZXJpYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdpY29uJywgeyBzdGF0aWM6IHRydWUgfSkgSWNvbiE6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgbmFtZT86IFNJY29uWyduYW1lJ107XG4gIEBJbnB1dCgpIHNpemU/OiBTSWNvblsnc2l6ZSddO1xuICBASW5wdXQoKSBmaWxsOiBTSWNvblsnZmlsbCddID0gZmFsc2U7XG4gIEBJbnB1dCgpIHdlaWdodDogU0ljb25bJ3dlaWdodCddID0gNDAwO1xuICBASW5wdXQoKSBncmFkZTogU0ljb25bJ2dyYWRlJ10gPSAwO1xuICBASW5wdXQoKSBvcHRpY2FsU2l6ZTogU0ljb25bJ29wdGljYWxTaXplJ10gPSA0ODtcbiAgQElucHV0KCkgc3R5bGU/OiBTSWNvblsnc3R5bGUnXSA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBTSWNvblsndHlwZSddID0gJ2ljb24nO1xuXG4gIG9wdGlvbnNUeXBlITogc3RyaW5nO1xuICBmaWxsVGVtcCE6IG51bWJlcjtcblxuICBjb21wdXRlZFN0eWxlczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzeW1ib2wnOlxuICAgICAgICB0aGlzLm9wdGlvbnNUeXBlID0gJ21hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQnO1xuICAgICAgICB0aGlzLmZpbGxUZW1wID0gdGhpcy5maWxsID8gMSA6IDA7XG4gICAgICAgIHRoaXMuY29tcHV0ZWRTdHlsZXNbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzJ10gPVxuICAgICAgICAgIGBcIkZJTExcIiAke3RoaXMuZmlsbFRlbXB9LCBcIndnaHRcIiAke3RoaXMud2VpZ2h0fSwgXCJHUkFEXCIgJHt0aGlzLmdyYWRlfSwgXCJvcHN6XCIgJHt0aGlzLm9wdGljYWxTaXplfWA7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaWNvbic6XG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSAnbWF0ZXJpYWwtaWNvbnMnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ljb24gY2xhc3M9XCJzLWljb24tbWF0XCI+XG4gICAgPHNwYW4gW25nQ2xhc3NdPVwib3B0aW9uc1R5cGVcIiBbbmdTdHlsZV09XCJjb21wdXRlZFN0eWxlc1wiPlxuICAgICAgICA8bmctY29udGVudCAqbmdJZj1cIiFuYW1lXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibmFtZVwiPnt7bmFtZX19PC9uZy1jb250YWluZXI+XG4gICAgPC9zcGFuPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBU25HLE1BQU0sT0FBTyxzQkFBc0I7SUFObkM7UUFVVyxTQUFJLEdBQW1CLElBQUksQ0FBQztRQUM1QixTQUFJLEdBQWtCLEtBQUssQ0FBQztRQUM1QixXQUFNLEdBQW9CLEdBQUcsQ0FBQztRQUM5QixVQUFLLEdBQW1CLENBQUMsQ0FBQztRQUMxQixVQUFLLEdBQW9CLEVBQUUsQ0FBQztRQUM1QixTQUFJLEdBQWtCLE1BQU0sQ0FBQztRQUt0QyxtQkFBYyxHQUE4QixFQUFFLENBQUM7S0FlaEQ7SUFiQyxRQUFRO1FBQ04sUUFBUSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDbEIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsMkJBQTJCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xDLElBQUksQ0FBQyxjQUFjLENBQUMseUJBQXlCLENBQUM7b0JBQzVDLFVBQVUsSUFBSSxDQUFDLFFBQVEsWUFBWSxJQUFJLENBQUMsTUFBTSxZQUFZLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDekUsTUFBTTtZQUNSLEtBQUssTUFBTTtnQkFDVCxJQUFJLENBQUMsV0FBVyxHQUFHLGdCQUFnQixDQUFDO2dCQUNwQyxNQUFNO1FBQ1YsQ0FBQztJQUNILENBQUM7K0dBNUJVLHNCQUFzQjttR0FBdEIsc0JBQXNCLG9SQ1RuQyx3UEFNQTs7NEZER2Esc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLFlBQVksaUJBR1AsaUJBQWlCLENBQUMsSUFBSTs4QkFHQSxJQUFJO3NCQUF4QyxTQUFTO3VCQUFDLE1BQU0sRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBRTFCLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0ljb24gfSBmcm9tICcuL3MtaWNvbi1tYXRlcmlhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaWNvbi1tYXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNJY29uTWF0ZXJpYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCdpY29uJywgeyBzdGF0aWM6IHRydWUgfSkgSWNvbiE6IEVsZW1lbnRSZWY7XG5cbiAgQElucHV0KCkgbmFtZT86IFNJY29uWyduYW1lJ107XG4gIEBJbnB1dCgpIHNpemU/OiBTSWNvblsnc2l6ZSddID0gJ21kJztcbiAgQElucHV0KCkgZmlsbDogU0ljb25bJ2ZpbGwnXSA9IGZhbHNlO1xuICBASW5wdXQoKSB3ZWlnaHQ6IFNJY29uWyd3ZWlnaHQnXSA9IDQwMDtcbiAgQElucHV0KCkgZ3JhZGU6IFNJY29uWydncmFkZSddID0gMDtcbiAgQElucHV0KCkgc3R5bGU/OiBTSWNvblsnc3R5bGUnXSA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiBTSWNvblsndHlwZSddID0gJ2ljb24nO1xuXG4gIG9wdGlvbnNUeXBlITogc3RyaW5nO1xuICBmaWxsVGVtcCE6IG51bWJlcjtcblxuICBjb21wdXRlZFN0eWxlczogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHt9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XG4gICAgICBjYXNlICdzeW1ib2wnOlxuICAgICAgICB0aGlzLm9wdGlvbnNUeXBlID0gJ21hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWQnO1xuICAgICAgICB0aGlzLmZpbGxUZW1wID0gdGhpcy5maWxsID8gMSA6IDA7XG4gICAgICAgIHRoaXMuY29tcHV0ZWRTdHlsZXNbJ2ZvbnQtdmFyaWF0aW9uLXNldHRpbmdzJ10gPVxuICAgICAgICAgIGBcIkZJTExcIiAke3RoaXMuZmlsbFRlbXB9LCBcIndnaHRcIiAke3RoaXMud2VpZ2h0fSwgXCJHUkFEXCIgJHt0aGlzLmdyYWRlfWA7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnaWNvbic6XG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSAnbWF0ZXJpYWwtaWNvbnMnO1xuICAgICAgICBicmVhaztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgI2ljb24gY2xhc3M9XCJzLWljb24tbWF0XCI+XG4gIDxzcGFuIGNsYXNzPVwie3sgc2l6ZSB9fVwiIFtuZ0NsYXNzXT1cIm9wdGlvbnNUeXBlXCIgW25nU3R5bGVdPVwiY29tcHV0ZWRTdHlsZXNcIj5cbiAgICA8bmctY29udGVudCAqbmdJZj1cIiFuYW1lXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJuYW1lXCI+e3sgbmFtZSB9fTwvbmctY29udGFpbmVyPlxuICA8L3NwYW4+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,3 +1,3 @@
 export class SIcon {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLEtBQUs7Q0FTakIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgU0ljb24ge1xuICB0eXBlPzogJ3N5bWJvbCcgfCAnaWNvbic7IC8vVGlwbyBkZSBpY29uby5cbiAgbmFtZT86IHN0cmluZzsgLy9Ob21icmUgZGVsIGljb25vLlxuICBzaXplPzogc3RyaW5nOyAvL1RhbWFuaW8gZGVsIGljb25vLlxuICBmaWxsPzogYm9vbGVhbjsgLy9TaSBlbCBpY29ubyBlcyBkZSByZWxsZW5vLlxuICB3ZWlnaHQ/OiBudW1iZXI7IC8vR3Jvc29yIGRlbCBpY29uby5cbiAgZ3JhZGU/OiBudW1iZXI7IC8vR3Jvc29yIGRlbCBpY29uby5cbiAgb3B0aWNhbFNpemU/OiBudW1iZXI7IC8vVGFtYW5pbyBkZWwgaWNvbm8uXG4gIHN0eWxlPzogc3RyaW5nOyAvL0VzdGlsbyBkZWwgaWNvbm8uXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLEtBQUs7Q0FRakIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgU0ljb24ge1xuICB0eXBlPzogJ3N5bWJvbCcgfCAnaWNvbic7IC8vVGlwbyBkZSBpY29uby5cbiAgbmFtZT86IHN0cmluZzsgLy9Ob21icmUgZGVsIGljb25vLlxuICBzaXplPzogJ3hzJyB8ICdzbScgfCAnbWQnIHwgJ2xnJzsgLy9UYW1hbmlvIGRlbCBpY29uby5cbiAgZmlsbD86IGJvb2xlYW47IC8vU2kgZWwgaWNvbm8gZXMgZGUgcmVsbGVuby5cbiAgd2VpZ2h0PzogbnVtYmVyOyAvL0dyb3NvciBkZWwgaWNvbm8uXG4gIGdyYWRlPzogbnVtYmVyOyAvL0dyb3NvciBkZWwgaWNvbm8uXG4gIHN0eWxlPzogc3RyaW5nOyAvL0VzdGlsbyBkZWwgaWNvbm8uXG59XG4iXX0=

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

@@ -58,7 +58,7 @@ export class SCalendarComponent extends ControlValueAccessorDirective {
                 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", "opticalSize", "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 }); }
+        ], 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCalendarComponent, decorators: [{
             type: Component,

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

@@ -71,7 +71,7 @@ export class SColorComponent {
                 useExisting: forwardRef(() => SColorComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<ng-container class=\"s-color\">\n  <label *ngIf=\"label\" class=\"s-color__label\" for=\"name\">\n    {{ label }}\n    <span class=\"s-color__required\" *ngIf=\"required\">*</span>\n  </label>\n  <div\n    class=\"s-color__content content-input-main-color {{ size }} theme-{{\n      theme\n    }} {{ classAdd }}\"\n    [ngClass]=\"{'disabled-active': disabled ,'readonly': readOnly}\">\n    <div class=\"content-left\">\n      <input\n        [readOnly]=\"readOnly\"\n        #color\n        [id]=\"name\"\n        [name]=\"name\"\n        type=\"color\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onTextChange()\"\n        class=\"content-color\"/>\n    </div>\n    <div\n      role=\"button\"\n      tabindex=\"0\"\n      class=\"content-center\"\n      (click)=\"!this.readOnly ? this.color.click() : null\"\n      (keydown.enter)=\"!this.readOnly ? this.color.click() : null\">\n      <input\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        [readOnly]=\"readOnly\"\n        [id]=\"id ? id : ''\"\n        [type]=\"color\"\n        autocomplete=\"off\"\n        [placeholder]=\"placeHolder ? placeHolder : ''\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"readOnly\" />\n    </div>\n    <div class=\"content-right\">\n      <s-icon-mat [type]=\"'icon'\" class=\"icon cursor\">colorize</s-icon-mat>\n    </div>\n    <div *ngIf=\"theme !== 'default'\" class=\"content-right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">\n        {{ ICON_THEME[this.theme] }}\n      </s-icon-mat>\n    </div>\n\n    <div *ngIf=\"theme === 'default' && help\" class=\"content-right\">\n      <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">\n        help_outline\n      </s-icon-mat>\n    </div>\n  </div>\n  <s-error-control *ngIf=\"!hideErrorText && errorText\" theme=\"red\">\n    {{ errorText }}\n  </s-error-control>\n  <s-error-control *ngIf=\"!hideErrorText && helpText && !errorText\">\n    {{ helpText }}\n  </s-error-control>\n</ng-container>\n", styles: [".s-color{margin-bottom:.5rem}.s-color__label{font-size:.875rem}.s-color__required{color:var(--primary-600)}.s-color__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem 0 0;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-color__content input:-webkit-autofill,.s-color__content input:-webkit-autofill:hover,.s-color__content input:-webkit-autofill:focus,.s-color__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-color__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-color__content input.content-color{width:2.5rem;padding:0}.s-color__content input:focus,.s-color__content input:focus-visible{outline:none}.s-color__content .icon{width:1.25rem;cursor:default}.s-color__content .icon span{display:flex}.s-color__content .content-center{align-items:center;display:flex;width:100%;background-color:var(--neutrals-1200)}.s-color__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem;padding-left:.5rem}.s-color__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin:.5rem;color:var(--secondary-600)}.s-color__content.theme-green{border:.063rem solid var(--green-500)}.s-color__content.theme-green .icon.report span{color:var(--green-600)}.s-color__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-color__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-color__content.theme-red{border:.063rem solid var(--red-500)}.s-color__content.theme-red .icon.report span{color:var(--red-600)}.s-color__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-color__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--secondary-600)}.s-color__content.disabled-active .content-left{color:var(--neutrals-800)!important;border-right:.063rem solid var(--neutrals-900)}.s-color__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-color__content.readonly{background-color:var(--neutrals-1100);border-color:var(--neutrals-900)}.s-color__content.readonly input{background-color:var(--neutrals-1100);color:var(--secondary-600);cursor:default}.s-color__content.readonly .content-left{color:var(--neutrals-800)}.s-color__content.readonly .content-right s-icon-mat span{color:var(--neutrals-800)}.s-color__content.sm input{height:1.3rem;font-size:.75rem}.s-color__content.sm .icon{width:1.25rem;cursor:default}.s-color__content.sm .icon span{font-size:1.2em;display:flex}.s-color__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-color__content:has(input:focus).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)}.s-color__content:has(input:focus).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-color__content:has(input:focus).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)}\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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<ng-container class=\"s-color\">\n  <label *ngIf=\"label\" class=\"s-color__label\" for=\"name\">\n    {{ label }}\n    <span class=\"s-color__required\" *ngIf=\"required\">*</span>\n  </label>\n  <div\n    class=\"s-color__content content-input-main-color {{ size }} theme-{{\n      theme\n    }} {{ classAdd }}\"\n    [ngClass]=\"{'disabled-active': disabled ,'readonly': readOnly}\">\n    <div class=\"content-left\">\n      <input\n        [readOnly]=\"readOnly\"\n        #color\n        [id]=\"name\"\n        [name]=\"name\"\n        type=\"color\"\n        [disabled]=\"disabled\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onTextChange()\"\n        class=\"content-color\"/>\n    </div>\n    <div\n      role=\"button\"\n      tabindex=\"0\"\n      class=\"content-center\"\n      (click)=\"!this.readOnly ? this.color.click() : null\"\n      (keydown.enter)=\"!this.readOnly ? this.color.click() : null\">\n      <input\n        (focus)=\"onFocus($event)\"\n        (blur)=\"onBlur($event)\"\n        [readOnly]=\"readOnly\"\n        [id]=\"id ? id : ''\"\n        [type]=\"color\"\n        autocomplete=\"off\"\n        [placeholder]=\"placeHolder ? placeHolder : ''\"\n        [(ngModel)]=\"value\"\n        [disabled]=\"readOnly\" />\n    </div>\n    <div class=\"content-right\">\n      <s-icon-mat [type]=\"'icon'\" class=\"icon cursor\">colorize</s-icon-mat>\n    </div>\n    <div *ngIf=\"theme !== 'default'\" class=\"content-right\">\n      <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">\n        {{ ICON_THEME[this.theme] }}\n      </s-icon-mat>\n    </div>\n\n    <div *ngIf=\"theme === 'default' && help\" class=\"content-right\">\n      <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">\n        help_outline\n      </s-icon-mat>\n    </div>\n  </div>\n  <s-error-control *ngIf=\"!hideErrorText && errorText\" theme=\"red\">\n    {{ errorText }}\n  </s-error-control>\n  <s-error-control *ngIf=\"!hideErrorText && helpText && !errorText\">\n    {{ helpText }}\n  </s-error-control>\n</ng-container>\n", styles: [".s-color{margin-bottom:.5rem}.s-color__label{font-size:.875rem}.s-color__required{color:var(--primary-600)}.s-color__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem 0 0;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-color__content input:-webkit-autofill,.s-color__content input:-webkit-autofill:hover,.s-color__content input:-webkit-autofill:focus,.s-color__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-color__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-color__content input.content-color{width:2.5rem;padding:0}.s-color__content input:focus,.s-color__content input:focus-visible{outline:none}.s-color__content .icon{width:1.25rem;cursor:default}.s-color__content .icon span{display:flex}.s-color__content .content-center{align-items:center;display:flex;width:100%;background-color:var(--neutrals-1200)}.s-color__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem;padding-left:.5rem}.s-color__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin:.5rem;color:var(--secondary-600)}.s-color__content.theme-green{border:.063rem solid var(--green-500)}.s-color__content.theme-green .icon.report span{color:var(--green-600)}.s-color__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-color__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-color__content.theme-red{border:.063rem solid var(--red-500)}.s-color__content.theme-red .icon.report span{color:var(--red-600)}.s-color__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-color__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--secondary-600)}.s-color__content.disabled-active .content-left{color:var(--neutrals-800)!important;border-right:.063rem solid var(--neutrals-900)}.s-color__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-color__content.readonly{background-color:var(--neutrals-1100);border-color:var(--neutrals-900)}.s-color__content.readonly input{background-color:var(--neutrals-1100);color:var(--secondary-600);cursor:default}.s-color__content.readonly .content-left{color:var(--neutrals-800)}.s-color__content.readonly .content-right s-icon-mat span{color:var(--neutrals-800)}.s-color__content.sm input{height:1.3rem;font-size:.75rem}.s-color__content.sm .icon{width:1.25rem;cursor:default}.s-color__content.sm .icon span{font-size:1.2em;display:flex}.s-color__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-color__content:has(input:focus).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)}.s-color__content:has(input:focus).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-color__content:has(input:focus).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)}\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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SColorComponent, decorators: [{
             type: Component,

package/esm2022/lib/input/components/error-control/s-error-control.component.mjs

@@ -35,7 +35,7 @@ export class SErrorControl {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SErrorControl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SErrorControl, selector: "s-error-control", inputs: { theme: "theme", icon: "icon", iconCustom: "iconCustom", size: "size" }, ngImport: i0, template: "<label class=\"label-content label-content-{{theme}} {{size}}\">\n    <s-icon-mat *ngIf=\"icon\" class=\"icon-{{theme}}\">{{iconName}}</s-icon-mat>\n    <ng-content></ng-content>\n</label>", styles: [".label-content{display:inline-flex;align-items:center;margin-left:.188rem;font-weight:400;font-size:.875rem;line-height:0rem}.label-content.sm{font-size:.625rem}.label-content s-icon-mat{display:flex;align-items:center;margin-right:.188rem}.label-content s-icon-mat span{font-size:1.01rem}.icon-default,.label-content-default{color:var(--secondary-500)}.icon-yellow,.label-content-yellow{color:var(--yellow-600)}.icon-red,.label-content-red{color:var(--red-600)}.icon-green,.label-content-green{color:var(--green-600)}.form-group{margin:.313rem}.form-group .label{font-weight:400;font-size:.875rem;color:var(--secondary-600)}.form-group .content-input-main-626.sm{margin:0rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SErrorControl, selector: "s-error-control", inputs: { theme: "theme", icon: "icon", iconCustom: "iconCustom", size: "size" }, ngImport: i0, template: "<label class=\"label-content label-content-{{theme}} {{size}}\">\n    <s-icon-mat *ngIf=\"icon\" class=\"icon-{{theme}}\">{{iconName}}</s-icon-mat>\n    <ng-content></ng-content>\n</label>", styles: [".label-content{display:inline-flex;align-items:center;margin-left:.188rem;font-weight:400;font-size:.875rem;line-height:0rem}.label-content.sm{font-size:.625rem}.label-content s-icon-mat{display:flex;align-items:center;margin-right:.188rem}.label-content s-icon-mat span{font-size:1.01rem}.icon-default,.label-content-default{color:var(--secondary-500)}.icon-yellow,.label-content-yellow{color:var(--yellow-600)}.icon-red,.label-content-red{color:var(--red-600)}.icon-green,.label-content-green{color:var(--green-600)}.form-group{margin:.313rem}.form-group .label{font-weight:400;font-size:.875rem;color:var(--secondary-600)}.form-group .content-input-main-626.sm{margin:0rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SErrorControl, decorators: [{
             type: Component,

package/esm2022/lib/input/components/input/s-input-model.mjs

@@ -12,6 +12,8 @@ export class SInput {
 export const INPUTS_REGEX = {
     URL: /^(https?:\/\/)?([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,6}(\/[a-zA-Z0-9#]+\/?)*$/,
     EMAIL: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+    ALPHANUMERIC: /[a-zA-ZáéíóúÁÉÍÓÚñÑ0-9._\- ]/g,
+    SEARCH: /^[a-zA-ZáéíóúÁÉÍÓÚñÑ0-9._\- ]*$/,
 };
 export var INPUT_TYPE;
 (function (INPUT_TYPE) {
@@ -32,4 +34,4 @@ export var ICON_INPUT;
     ICON_INPUT["search"] = "search";
     ICON_INPUT["url"] = "language";
 })(ICON_INPUT || (ICON_INPUT = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC1tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2lucHV0L2NvbXBvbmVudHMvaW5wdXQvcy1pbnB1dC1tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbEQsTUFBTSxPQUFPLE1BQU07SUFxQmpCLFlBQVksTUFBd0I7UUFWcEMsUUFBRyxHQUFZLENBQUMsQ0FBQztRQU1qQixVQUFLLEdBQVcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUs1QixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN4RCxDQUFDO0lBQ0gsQ0FBQztDQUNGO0FBRUQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHO0lBQzFCLEdBQUcsRUFBRSxzRUFBc0U7SUFDM0UsS0FBSyxFQUFFLGtEQUFrRDtDQUMxRCxDQUFDO0FBRUYsTUFBTSxDQUFOLElBQVksVUFTWDtBQVRELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsbUNBQXFCLENBQUE7SUFDckIsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLCtCQUFpQixDQUFBO0lBQ2pCLHlCQUFXLENBQUE7SUFDWCx5QkFBVyxDQUFBO0lBQ1gsMkJBQWEsQ0FBQTtBQUNmLENBQUMsRUFUVyxVQUFVLEtBQVYsVUFBVSxRQVNyQjtBQUVELE1BQU0sQ0FBTixJQUFZLFVBTVg7QUFORCxXQUFZLFVBQVU7SUFDcEIsNkJBQWlCLENBQUE7SUFDakIsa0NBQXNCLENBQUE7SUFDdEIsMkJBQWUsQ0FBQTtJQUNmLCtCQUFtQixDQUFBO0lBQ25CLDhCQUFrQixDQUFBO0FBQ3BCLENBQUMsRUFOVyxVQUFVLEtBQVYsVUFBVSxRQU1yQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgSU5QVVRfU0laRSB9IGZyb20gJy4uLy4uL2VudW1zL3NpemUuZW51bSc7XG5pbXBvcnQgeyBUSEVNRSB9IGZyb20gJy4uLy4uLy4uL2VudW1zL3RoZW1lLmVudW0nO1xuXG5leHBvcnQgY2xhc3MgU0lucHV0IHtcbiAgY2xhc3NBZGQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZXJyb3JNZXNzYWdlcz86IFJlY29yZDxzdHJpbmcsIHN0cmluZz47XG4gIGVycm9yVGV4dD86IHN0cmluZztcbiAgaGVscFRleHQ/OiBzdHJpbmc7XG4gIGhpZGVFcnJvclRleHQ/OiBib29sZWFuO1xuICBpZD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIG1heD86IG51bWJlcjtcbiAgbWF4bGVuZ3RoPzogbnVtYmVyO1xuICBtaW4/OiBudW1iZXIgPSAwO1xuICBwbGFjZWhvbGRlcj86IHN0cmluZztcbiAgcmVhZE9ubHk/OiBib29sZWFuO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIHNob3dIZWxwPzogYm9vbGVhbjtcbiAgc2l6ZT86IElOUFVUX1NJWkU7XG4gIHRoZW1lPzogVEhFTUUgPSBUSEVNRS5ERUZBVUxUO1xuICB0eXBlPzogSU5QVVRfVFlQRTtcbiAgdXNlRm9ybUNvbnRyb2w/OiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKGNvbmZpZz86IFBhcnRpYWw8U0lucHV0Pikge1xuICAgIE9iamVjdC5hc3NpZ24odGhpcywgY29uZmlnKTtcbiAgICBpZiAoIXRoaXMuaWQpIHtcbiAgICAgIHRoaXMuaWQgPSBNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwKS50b1N0cmluZygpO1xuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgY29uc3QgSU5QVVRTX1JFR0VYID0ge1xuICBVUkw6IC9eKGh0dHBzPzpcXC9cXC8pPyhbYS16QS1aMC05LV0rXFwuKStbYS16QS1aXXsyLDZ9KFxcL1thLXpBLVowLTkjXStcXC8/KSokLyxcbiAgRU1BSUw6IC9eW2EtekEtWjAtOS5fJSstXStAW2EtekEtWjAtOS4tXStcXC5bYS16QS1aXXsyLH0kLyxcbn07XG5cbmV4cG9ydCBlbnVtIElOUFVUX1RZUEUge1xuICBURVhUID0gJ3RleHQnLFxuICBQQVNTV09SRCA9ICdwYXNzd29yZCcsXG4gIEVNQUlMID0gJ2VtYWlsJyxcbiAgTlVNQkVSID0gJ251bWJlcicsXG4gIFNFQVJDSCA9ICdzZWFyY2gnLFxuICBURUwgPSAndGVsJyxcbiAgVVJMID0gJ3VybCcsXG4gIERBVEUgPSAnZGF0ZScsXG59XG5cbmV4cG9ydCBlbnVtIElDT05fSU5QVVQge1xuICAnZW1haWwnID0gJ2VtYWlsJyxcbiAgJ3Bhc3N3b3JkJyA9ICd2cG5fa2V5JyxcbiAgJ3RlbCcgPSAncGhvbmUnLFxuICAnc2VhcmNoJyA9ICdzZWFyY2gnLFxuICAndXJsJyA9ICdsYW5ndWFnZScsXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU0lucHV0RXJyb3Ige1xuICB0eXBlOiBWYWxpZGF0b3JGbjtcbiAgdHlwZU5hbWU6ICdyZXF1aXJlZCcgfCAnbWF4bGVuZ3RoJyB8ICdtaW5sZW5ndGgnO1xuICBlcnJvclRleHQ6IHN0cmluZztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC1tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2lucHV0L2NvbXBvbmVudHMvaW5wdXQvcy1pbnB1dC1tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbEQsTUFBTSxPQUFPLE1BQU07SUFxQmpCLFlBQVksTUFBd0I7UUFWcEMsUUFBRyxHQUFZLENBQUMsQ0FBQztRQU1qQixVQUFLLEdBQVcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUs1QixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO1lBQ2IsSUFBSSxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN4RCxDQUFDO0lBQ0gsQ0FBQztDQUNGO0FBRUQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUFHO0lBQzFCLEdBQUcsRUFBRSxzRUFBc0U7SUFDM0UsS0FBSyxFQUFFLGtEQUFrRDtJQUN6RCxZQUFZLEVBQUUsK0JBQStCO0lBQzdDLE1BQU0sRUFBRSxpQ0FBaUM7Q0FDMUMsQ0FBQztBQUVGLE1BQU0sQ0FBTixJQUFZLFVBU1g7QUFURCxXQUFZLFVBQVU7SUFDcEIsMkJBQWEsQ0FBQTtJQUNiLG1DQUFxQixDQUFBO0lBQ3JCLDZCQUFlLENBQUE7SUFDZiwrQkFBaUIsQ0FBQTtJQUNqQiwrQkFBaUIsQ0FBQTtJQUNqQix5QkFBVyxDQUFBO0lBQ1gseUJBQVcsQ0FBQTtJQUNYLDJCQUFhLENBQUE7QUFDZixDQUFDLEVBVFcsVUFBVSxLQUFWLFVBQVUsUUFTckI7QUFFRCxNQUFNLENBQU4sSUFBWSxVQU1YO0FBTkQsV0FBWSxVQUFVO0lBQ3BCLDZCQUFpQixDQUFBO0lBQ2pCLGtDQUFzQixDQUFBO0lBQ3RCLDJCQUFlLENBQUE7SUFDZiwrQkFBbUIsQ0FBQTtJQUNuQiw4QkFBa0IsQ0FBQTtBQUNwQixDQUFDLEVBTlcsVUFBVSxLQUFWLFVBQVUsUUFNckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBWYWxpZGF0b3JGbiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IElOUFVUX1NJWkUgfSBmcm9tICcuLi8uLi9lbnVtcy9zaXplLmVudW0nO1xuaW1wb3J0IHsgVEhFTUUgfSBmcm9tICcuLi8uLi8uLi9lbnVtcy90aGVtZS5lbnVtJztcblxuZXhwb3J0IGNsYXNzIFNJbnB1dCB7XG4gIGNsYXNzQWRkPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGVycm9yTWVzc2FnZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICBlcnJvclRleHQ/OiBzdHJpbmc7XG4gIGhlbHBUZXh0Pzogc3RyaW5nO1xuICBoaWRlRXJyb3JUZXh0PzogYm9vbGVhbjtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBtYXg/OiBudW1iZXI7XG4gIG1heGxlbmd0aD86IG51bWJlcjtcbiAgbWluPzogbnVtYmVyID0gMDtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBzaG93SGVscD86IGJvb2xlYW47XG4gIHNpemU/OiBJTlBVVF9TSVpFO1xuICB0aGVtZT86IFRIRU1FID0gVEhFTUUuREVGQVVMVDtcbiAgdHlwZT86IElOUFVUX1RZUEU7XG4gIHVzZUZvcm1Db250cm9sPzogYm9vbGVhbjtcblxuICBjb25zdHJ1Y3Rvcihjb25maWc/OiBQYXJ0aWFsPFNJbnB1dD4pIHtcbiAgICBPYmplY3QuYXNzaWduKHRoaXMsIGNvbmZpZyk7XG4gICAgaWYgKCF0aGlzLmlkKSB7XG4gICAgICB0aGlzLmlkID0gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMTAwMCkudG9TdHJpbmcoKTtcbiAgICB9XG4gIH1cbn1cblxuZXhwb3J0IGNvbnN0IElOUFVUU19SRUdFWCA9IHtcbiAgVVJMOiAvXihodHRwcz86XFwvXFwvKT8oW2EtekEtWjAtOS1dK1xcLikrW2EtekEtWl17Miw2fShcXC9bYS16QS1aMC05I10rXFwvPykqJC8sXG4gIEVNQUlMOiAvXlthLXpBLVowLTkuXyUrLV0rQFthLXpBLVowLTkuLV0rXFwuW2EtekEtWl17Mix9JC8sXG4gIEFMUEhBTlVNRVJJQzogL1thLXpBLVrDocOpw63Ds8O6w4HDicONw5PDmsOxw5EwLTkuX1xcLSBdL2csXG4gIFNFQVJDSDogL15bYS16QS1aw6HDqcOtw7PDusOBw4nDjcOTw5rDscORMC05Ll9cXC0gXSokLyxcbn07XG5cbmV4cG9ydCBlbnVtIElOUFVUX1RZUEUge1xuICBURVhUID0gJ3RleHQnLFxuICBQQVNTV09SRCA9ICdwYXNzd29yZCcsXG4gIEVNQUlMID0gJ2VtYWlsJyxcbiAgTlVNQkVSID0gJ251bWJlcicsXG4gIFNFQVJDSCA9ICdzZWFyY2gnLFxuICBURUwgPSAndGVsJyxcbiAgVVJMID0gJ3VybCcsXG4gIERBVEUgPSAnZGF0ZScsXG59XG5cbmV4cG9ydCBlbnVtIElDT05fSU5QVVQge1xuICAnZW1haWwnID0gJ2VtYWlsJyxcbiAgJ3Bhc3N3b3JkJyA9ICd2cG5fa2V5JyxcbiAgJ3RlbCcgPSAncGhvbmUnLFxuICAnc2VhcmNoJyA9ICdzZWFyY2gnLFxuICAndXJsJyA9ICdsYW5ndWFnZScsXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU0lucHV0RXJyb3Ige1xuICB0eXBlOiBWYWxpZGF0b3JGbjtcbiAgdHlwZU5hbWU6ICdyZXF1aXJlZCcgfCAnbWF4bGVuZ3RoJyB8ICdtaW5sZW5ndGgnO1xuICBlcnJvclRleHQ6IHN0cmluZztcbn1cbiJdfQ==

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

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation, forwardRef, } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, forwardRef } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { THEME } from '../../../enums/theme.enum';
 import { ICON_THEME } from '../../enums/icon-theme.enum';
@@ -18,18 +18,18 @@ export class SInputComponent extends ControlValueAccessorDirective {
         this.blur = new EventEmitter();
         this.focus = new EventEmitter();
         this.iconSymbol = false;
-        this.ICON_THEME = ICON_THEME;
         this.showPassword = false;
         this.INPUT_TYPE = INPUT_TYPE;
         this.THEME = THEME;
+        this.ICON_THEME = ICON_THEME;
         this.isFocused = false;
     }
     onInput(event) {
-        this.patternError();
         const input = event.target;
         this.value = input.value;
         this.onChange(this.value);
         this.onTouched();
+        this.patternError();
     }
     registerOnChange(fn) {
         if (!this.config.useFormControl) {
@@ -40,25 +40,18 @@ export class SInputComponent extends ControlValueAccessorDirective {
         return this.config.theme === 'yellow' ? 'symbol' : 'icon';
     }
     showIconType() {
-        this.iconType = this.config.type
-            ? this.getIconByType(this.config.type)
-            : undefined;
+        this.iconType = this.config.type ? this.getIconByType(this.config.type) : undefined;
         return !!this.iconType;
     }
     getIconByType(type) {
-        return type in ICON_INPUT
-            ? ICON_INPUT[type]
-            : undefined;
+        return type in ICON_INPUT ? ICON_INPUT[type] : undefined;
     }
     patternError() {
-        if (this.config.type === INPUT_TYPE.URL &&
-            !INPUTS_REGEX.URL.test(this.control?.value || this.value)) {
-            this.errorPattern = 'Formato de url invalido.';
-            return;
-        }
-        if (this.config.type === INPUT_TYPE.EMAIL &&
-            !INPUTS_REGEX.EMAIL.test(this.control?.value || this.value)) {
-            this.errorPattern = 'Formato de email invalido.';
+        const value = this.control?.value || this.value;
+        if ((this.config.type === INPUT_TYPE.SEARCH && !INPUTS_REGEX.SEARCH.test(value)) ||
+            (this.config.type === INPUT_TYPE.URL && !INPUTS_REGEX.URL.test(value)) ||
+            (this.config.type === INPUT_TYPE.EMAIL && !INPUTS_REGEX.EMAIL.test(value))) {
+            this.errorPattern = 'validation.invalidData';
             return;
         }
         this.errorPattern = undefined;
@@ -68,16 +61,16 @@ export class SInputComponent extends ControlValueAccessorDirective {
         this.showPassword = !this.showPassword;
     }
     clickHelp() {
-        this.clickHelpIconEvent.next();
+        this.clickHelpIconEvent.emit();
     }
     onBlur(event) {
         this.patternError();
         this.isFocused = false;
-        this.blur.next(event);
+        this.blur.emit(event);
     }
     onFocus(event) {
         this.isFocused = true;
-        this.focus.next(event);
+        this.focus.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SInputComponent, selector: "s-input", inputs: { config: "config" }, outputs: { clickHelpIconEvent: "clickHelpIconEvent", blur: "blur", focus: "focus" }, providers: [
@@ -86,7 +79,7 @@ export class SInputComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SInputComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"s-input\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\n    {{ config.label }}\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-input__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 && errorPattern && control.touched) ||\n        config.theme === THEME.RED ||\n        config.errorText,\n    }\">\n    <div *ngIf=\"showIconType()\" class=\"content-left\">\n      <s-icon-mat class=\"icon\">{{ iconType }}</s-icon-mat>\n    </div>\n    <div class=\"content-center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          placeholder=\"{{ config.placeholder }}\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          maxlength=\"{{ config.maxlength }}\"\n          [type]=\"config.type\"\n          [formControl]=\"control\"\n          (input)=\"patternError()\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          placeholder=\"{{ config.placeholder }}\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [type]=\"config.type\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div *ngIf=\"config?.type === 'password'\" class=\"content-right\">\n      <s-icon-mat\n        [type]=\"iconSymbol ? 'symbol' : 'icon'\"\n        class=\"icon cursor\"\n        (click)=\"changeShowPassword()\"\n        >{{ showPassword ? 'visibility' : 'visibility_off' }}\n      </s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"config?.theme !== THEME.DEFAULT && config.theme !== undefined\"\n      class=\"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.showHelp &&\n        (config.theme === THEME.DEFAULT || config.theme !== undefined)\n      \"\n      class=\"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        (config.type === INPUT_TYPE.URL && config.errorText) ||\n        (config.type === INPUT_TYPE.EMAIL && config.errorText)\n      )\n    \"\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control\n    *ngIf=\"!config.hideErrorText && config.errorText\"\n    theme=\"red\">\n    {{ config.errorText }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      config.type !== INPUT_TYPE.SEARCH &&\n      !errorPattern &&\n      !config.errorText\n    \"\n    theme=\"red\">\n    {{ errorPattern }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !errorPattern &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) ||\n        (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</div>\n", styles: [".s-input__label{font-size:.875rem;color:var(--secondary-600)}.s-input__required{color:var(--primary-600)}.s-input__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.188rem 0;background-color:var(--neutrals-1200)}.s-input__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-input__content input:-webkit-autofill,.s-input__content input:-webkit-autofill:hover,.s-input__content input:-webkit-autofill:focus,.s-input__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-input__content input:focus,.s-input__content input:focus-visible{outline:none}.s-input__content .icon{width:1.25rem;cursor:default}.s-input__content .icon span{display:flex}.s-input__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input__content .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem}.s-input__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input__content.sm input{height:1.3rem;font-size:.75rem}.s-input__content.sm .icon{width:1.25rem;cursor:default}.s-input__content.sm .icon span{font-size:1.2em;display:flex}.s-input__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);pointer-events:none}.s-input__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-input__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input__content.readonly{background-color:var(--neutrals-1100)}.s-input__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input__content.theme-red{border:.063rem solid var(--red-500)}.s-input__content.theme-red .icon.report span{color:var(--red-600)}.s-input__content.theme-green{border:.063rem solid var(--green-500)}.s-input__content.theme-green .icon.report span{color:var(--green-600)}.s-input__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input__content:has(input:focus).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-input__content:has(input:focus).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-input__content:has(input:focus).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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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", "opticalSize", "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 }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"s-input\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\n    {{ config.label }}\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-input__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        errorPattern ||\n        config.theme === THEME.RED ||\n        config.errorText,\n    }\">\n    <div *ngIf=\"showIconType()\" class=\"content-left\">\n      <s-icon-mat class=\"icon\">{{ iconType }}</s-icon-mat>\n    </div>\n    <div class=\"content-center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          [placeholder]=\"config.placeholder ?? ''\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [maxlength]=\"config.maxlength ?? null\"\n          [formControl]=\"control\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          [placeholder]=\"config.placeholder ?? ''\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\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?.type === 'password'\" class=\"content-right\">\n      <s-icon-mat [type]=\"iconSymbol ? 'symbol' : 'icon'\" class=\"icon cursor\" (click)=\"changeShowPassword()\"\n        >{{ showPassword ? 'visibility' : 'visibility_off' }}\n      </s-icon-mat>\n    </div>\n    <div *ngIf=\"config?.theme !== THEME.DEFAULT && config.theme !== undefined\" class=\"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.showHelp && (config.theme === THEME.DEFAULT || config.theme !== undefined)\"\n      class=\"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=\"\n      !config.hideErrorText &&\n      control &&\n      control.invalid &&\n      (isFocused || control.touched) &&\n      !((config.type === INPUT_TYPE.URL && config.errorText) || (config.type === INPUT_TYPE.EMAIL && config.errorText))\n    \"\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\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 *ngIf=\"!config.hideErrorText && errorPattern && !config.errorText\" theme=\"red\">\n    {{ errorPattern }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !errorPattern &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</div>\n", styles: [":host{align-self:flex-start}.s-input s-error-control .label-content{line-height:normal}.s-input__label{font-size:.875rem;color:var(--secondary-600)}.s-input__required{color:var(--primary-600)}.s-input__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.188rem 0;background-color:var(--neutrals-1200)}.s-input__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-input__content input:-webkit-autofill,.s-input__content input:-webkit-autofill:hover,.s-input__content input:-webkit-autofill:focus,.s-input__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-input__content input:focus,.s-input__content input:focus-visible{outline:none}.s-input__content .icon{width:1.25rem;cursor:default}.s-input__content .icon span{display:flex}.s-input__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input__content .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem}.s-input__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input__content.sm input{height:1.3rem;font-size:.75rem}.s-input__content.sm .icon{width:1.25rem;cursor:default}.s-input__content.sm .icon span{font-size:1.2em;display:flex}.s-input__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);pointer-events:none}.s-input__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-input__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input__content.readonly{background-color:var(--neutrals-1100)}.s-input__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input__content.theme-red{border:.063rem solid var(--red-500)}.s-input__content.theme-red .icon.report span{color:var(--red-600)}.s-input__content.theme-green{border:.063rem solid var(--green-500)}.s-input__content.theme-green .icon.report span{color:var(--green-600)}.s-input__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input__content:has(input:focus).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-input__content:has(input:focus).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-input__content:has(input:focus).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.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { 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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputComponent, decorators: [{
             type: Component,
@@ -96,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"s-input\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\n    {{ config.label }}\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-input__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 && errorPattern && control.touched) ||\n        config.theme === THEME.RED ||\n        config.errorText,\n    }\">\n    <div *ngIf=\"showIconType()\" class=\"content-left\">\n      <s-icon-mat class=\"icon\">{{ iconType }}</s-icon-mat>\n    </div>\n    <div class=\"content-center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          placeholder=\"{{ config.placeholder }}\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          maxlength=\"{{ config.maxlength }}\"\n          [type]=\"config.type\"\n          [formControl]=\"control\"\n          (input)=\"patternError()\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          placeholder=\"{{ config.placeholder }}\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [type]=\"config.type\"\n          [value]=\"value\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-template>\n    </div>\n    <div *ngIf=\"config?.type === 'password'\" class=\"content-right\">\n      <s-icon-mat\n        [type]=\"iconSymbol ? 'symbol' : 'icon'\"\n        class=\"icon cursor\"\n        (click)=\"changeShowPassword()\"\n        >{{ showPassword ? 'visibility' : 'visibility_off' }}\n      </s-icon-mat>\n    </div>\n    <div\n      *ngIf=\"config?.theme !== THEME.DEFAULT && config.theme !== undefined\"\n      class=\"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.showHelp &&\n        (config.theme === THEME.DEFAULT || config.theme !== undefined)\n      \"\n      class=\"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        (config.type === INPUT_TYPE.URL && config.errorText) ||\n        (config.type === INPUT_TYPE.EMAIL && config.errorText)\n      )\n    \"\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control\n    *ngIf=\"!config.hideErrorText && config.errorText\"\n    theme=\"red\">\n    {{ config.errorText }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      config.type !== INPUT_TYPE.SEARCH &&\n      !errorPattern &&\n      !config.errorText\n    \"\n    theme=\"red\">\n    {{ errorPattern }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !errorPattern &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) ||\n        (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</div>\n", styles: [".s-input__label{font-size:.875rem;color:var(--secondary-600)}.s-input__required{color:var(--primary-600)}.s-input__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.188rem 0;background-color:var(--neutrals-1200)}.s-input__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-input__content input:-webkit-autofill,.s-input__content input:-webkit-autofill:hover,.s-input__content input:-webkit-autofill:focus,.s-input__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-input__content input:focus,.s-input__content input:focus-visible{outline:none}.s-input__content .icon{width:1.25rem;cursor:default}.s-input__content .icon span{display:flex}.s-input__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input__content .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem}.s-input__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input__content.sm input{height:1.3rem;font-size:.75rem}.s-input__content.sm .icon{width:1.25rem;cursor:default}.s-input__content.sm .icon span{font-size:1.2em;display:flex}.s-input__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);pointer-events:none}.s-input__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-input__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input__content.readonly{background-color:var(--neutrals-1100)}.s-input__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input__content.theme-red{border:.063rem solid var(--red-500)}.s-input__content.theme-red .icon.report span{color:var(--red-600)}.s-input__content.theme-green{border:.063rem solid var(--green-500)}.s-input__content.theme-green .icon.report span{color:var(--green-600)}.s-input__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input__content:has(input:focus).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-input__content:has(input:focus).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-input__content:has(input:focus).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"] }]
+                    ], template: "<div class=\"s-input\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\n    {{ config.label }}\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-input__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        errorPattern ||\n        config.theme === THEME.RED ||\n        config.errorText,\n    }\">\n    <div *ngIf=\"showIconType()\" class=\"content-left\">\n      <s-icon-mat class=\"icon\">{{ iconType }}</s-icon-mat>\n    </div>\n    <div class=\"content-center\">\n      <ng-container *ngIf=\"control; else notUseFormControl\">\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          [placeholder]=\"config.placeholder ?? ''\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\n          max=\"{{ config.max }}\"\n          min=\"{{ config.min }}\"\n          [maxlength]=\"config.maxlength ?? null\"\n          [formControl]=\"control\"\n          (input)=\"onInput($event)\"\n          (focus)=\"onFocus($event)\"\n          (blur)=\"onBlur($event)\" />\n      </ng-container>\n      <ng-template #notUseFormControl>\n        <input\n          autocomplete=\"off\"\n          [id]=\"config.id\"\n          [placeholder]=\"config.placeholder ?? ''\"\n          [readOnly]=\"config.readOnly || config.disabled\"\n          type=\"{{ type }}\"\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?.type === 'password'\" class=\"content-right\">\n      <s-icon-mat [type]=\"iconSymbol ? 'symbol' : 'icon'\" class=\"icon cursor\" (click)=\"changeShowPassword()\"\n        >{{ showPassword ? 'visibility' : 'visibility_off' }}\n      </s-icon-mat>\n    </div>\n    <div *ngIf=\"config?.theme !== THEME.DEFAULT && config.theme !== undefined\" class=\"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.showHelp && (config.theme === THEME.DEFAULT || config.theme !== undefined)\"\n      class=\"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=\"\n      !config.hideErrorText &&\n      control &&\n      control.invalid &&\n      (isFocused || control.touched) &&\n      !((config.type === INPUT_TYPE.URL && config.errorText) || (config.type === INPUT_TYPE.EMAIL && config.errorText))\n    \"\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\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 *ngIf=\"!config.hideErrorText && errorPattern && !config.errorText\" theme=\"red\">\n    {{ errorPattern }}\n  </s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !errorPattern &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</div>\n", styles: [":host{align-self:flex-start}.s-input s-error-control .label-content{line-height:normal}.s-input__label{font-size:.875rem;color:var(--secondary-600)}.s-input__required{color:var(--primary-600)}.s-input__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.188rem 0;background-color:var(--neutrals-1200)}.s-input__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-input__content input:-webkit-autofill,.s-input__content input:-webkit-autofill:hover,.s-input__content input:-webkit-autofill:focus,.s-input__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-input__content input:focus,.s-input__content input:focus-visible{outline:none}.s-input__content .icon{width:1.25rem;cursor:default}.s-input__content .icon span{display:flex}.s-input__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input__content .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;border-right:.063rem solid var(--secondary-500);padding-right:.5rem;color:var(--secondary-500);font-size:.9rem}.s-input__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input__content.sm input{height:1.3rem;font-size:.75rem}.s-input__content.sm .icon{width:1.25rem;cursor:default}.s-input__content.sm .icon span{font-size:1.2em;display:flex}.s-input__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);pointer-events:none}.s-input__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-input__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input__content.readonly{background-color:var(--neutrals-1100)}.s-input__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input__content.theme-red{border:.063rem solid var(--red-500)}.s-input__content.theme-red .icon.report span{color:var(--red-600)}.s-input__content.theme-green{border:.063rem solid var(--green-500)}.s-input__content.theme-green .icon.report span{color:var(--green-600)}.s-input__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input__content:has(input:focus).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-input__content:has(input:focus).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-input__content:has(input:focus).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: [{
@@ -106,4 +99,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], focus: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2lucHV0L3MtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC9zLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3pELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7OztBQWUvRSxNQUFNLE9BQU8sZUFBbUIsU0FBUSw2QkFBZ0M7SUFieEU7O1FBY1csV0FBTSxHQUFXLElBQUksTUFBTSxFQUFFLENBQUM7UUFDN0IsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUzQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGVBQVUsR0FBRyxVQUFVLENBQUM7UUFDeEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUN4QixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsY0FBUyxHQUFZLEtBQUssQ0FBQztLQXNFNUI7SUFwRUMsT0FBTyxDQUFDLEtBQVk7UUFDbEIsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQzVELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUk7WUFDOUIsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7WUFDdEMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNkLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLE9BQU8sSUFBSSxJQUFJLFVBQVU7WUFDdkIsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUErQixDQUFDO1lBQzdDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDaEIsQ0FBQztJQUVELFlBQVk7UUFDVixJQUNFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxHQUFHO1lBQ25DLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUN6RCxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRywwQkFBMEIsQ0FBQztZQUMvQyxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQ0UsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDLEtBQUs7WUFDckMsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQzNELENBQUM7WUFDRCxJQUFJLENBQUMsWUFBWSxHQUFHLDRCQUE0QixDQUFDO1lBQ2pELE9BQU87UUFDVCxDQUFDO1FBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7SUFDaEMsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUM7UUFDdEUsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDekMsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELE1BQU0sQ0FBQyxLQUFVO1FBQ2YsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDOytHQW5GVSxlQUFlO21HQUFmLGVBQWUscUpBUmY7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFDOUMsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGlEQ3pCSCx3L0hBMkhBOzs0RkRoR2EsZUFBZTtrQkFiM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdRLE1BQU07c0JBQWQsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csSUFBSTtzQkFBYixNQUFNO2dCQUNHLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRIRU1FIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvdGhlbWUuZW51bSc7XG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJQ09OX0lOUFVULCBJTlBVVF9UWVBFLCBJTlBVVFNfUkVHRVgsIFNJbnB1dCB9IGZyb20gJy4vcy1pbnB1dC1tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTSW5wdXRDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0lucHV0Q29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4ge1xuICBASW5wdXQoKSBjb25maWc6IFNJbnB1dCA9IG5ldyBTSW5wdXQoKTtcbiAgQE91dHB1dCgpIGNsaWNrSGVscEljb25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBpY29uU3ltYm9sOiBib29sZWFuID0gZmFsc2U7XG4gIGljb25UeXBlPzogc3RyaW5nO1xuICBJQ09OX1RIRU1FID0gSUNPTl9USEVNRTtcbiAgc2hvd1Bhc3N3b3JkID0gZmFsc2U7XG4gIHR5cGUhOiBJTlBVVF9UWVBFO1xuICBlcnJvclBhdHRlcm4hOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIElOUFVUX1RZUEUgPSBJTlBVVF9UWVBFO1xuICBUSEVNRSA9IFRIRU1FO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIHRoaXMucGF0dGVybkVycm9yKCk7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cbiAgfVxuXG4gIGdldEljb25UeXBlKCk6ICdzeW1ib2wnIHwgJ2ljb24nIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcudGhlbWUgPT09ICd5ZWxsb3cnID8gJ3N5bWJvbCcgOiAnaWNvbic7XG4gIH1cblxuICBzaG93SWNvblR5cGUoKTogYm9vbGVhbiB7XG4gICAgdGhpcy5pY29uVHlwZSA9IHRoaXMuY29uZmlnLnR5cGVcbiAgICAgID8gdGhpcy5nZXRJY29uQnlUeXBlKHRoaXMuY29uZmlnLnR5cGUpXG4gICAgICA6IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gISF0aGlzLmljb25UeXBlO1xuICB9XG5cbiAgZ2V0SWNvbkJ5VHlwZSh0eXBlOiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0eXBlIGluIElDT05fSU5QVVRcbiAgICAgID8gSUNPTl9JTlBVVFt0eXBlIGFzIGtleW9mIHR5cGVvZiBJQ09OX0lOUFVUXVxuICAgICAgOiB1bmRlZmluZWQ7XG4gIH1cblxuICBwYXR0ZXJuRXJyb3IoKSB7XG4gICAgaWYgKFxuICAgICAgdGhpcy5jb25maWcudHlwZSA9PT0gSU5QVVRfVFlQRS5VUkwgJiZcbiAgICAgICFJTlBVVFNfUkVHRVguVVJMLnRlc3QodGhpcy5jb250cm9sPy52YWx1ZSB8fCB0aGlzLnZhbHVlKVxuICAgICkge1xuICAgICAgdGhpcy5lcnJvclBhdHRlcm4gPSAnRm9ybWF0byBkZSB1cmwgaW52YWxpZG8uJztcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgaWYgKFxuICAgICAgdGhpcy5jb25maWcudHlwZSA9PT0gSU5QVVRfVFlQRS5FTUFJTCAmJlxuICAgICAgIUlOUFVUU19SRUdFWC5FTUFJTC50ZXN0KHRoaXMuY29udHJvbD8udmFsdWUgfHwgdGhpcy52YWx1ZSlcbiAgICApIHtcbiAgICAgIHRoaXMuZXJyb3JQYXR0ZXJuID0gJ0Zvcm1hdG8gZGUgZW1haWwgaW52YWxpZG8uJztcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lcnJvclBhdHRlcm4gPSB1bmRlZmluZWQ7XG4gIH1cblxuICBjaGFuZ2VTaG93UGFzc3dvcmQoKSB7XG4gICAgdGhpcy50eXBlID0gdGhpcy5zaG93UGFzc3dvcmQgPyBJTlBVVF9UWVBFLlBBU1NXT1JEIDogSU5QVVRfVFlQRS5URVhUO1xuICAgIHRoaXMuc2hvd1Bhc3N3b3JkID0gIXRoaXMuc2hvd1Bhc3N3b3JkO1xuICB9XG5cbiAgY2xpY2tIZWxwKCkge1xuICAgIHRoaXMuY2xpY2tIZWxwSWNvbkV2ZW50Lm5leHQoKTtcbiAgfVxuXG4gIG9uQmx1cihldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wYXR0ZXJuRXJyb3IoKTtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IGZhbHNlO1xuICAgIHRoaXMuYmx1ci5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIG9uRm9jdXMoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gdHJ1ZTtcbiAgICB0aGlzLmZvY3VzLm5leHQoZXZlbnQpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicy1pbnB1dFwiPlxuICA8bGFiZWwgW2Zvcl09XCJjb25maWcuaWRcIiAqbmdJZj1cImNvbmZpZz8ubGFiZWxcIiBjbGFzcz1cInMtaW5wdXRfX2xhYmVsXCI+XG4gICAge3sgY29uZmlnLmxhYmVsIH19XG4gICAgPHNwYW4gY2xhc3M9XCJzLWlucHV0X19yZXF1aXJlZFwiICpuZ0lmPVwiY29uZmlnPy5yZXF1aXJlZFwiPio8L3NwYW4+XG4gIDwvbGFiZWw+XG4gIDxkaXZcbiAgICBjbGFzcz1cInMtaW5wdXRfX2NvbnRlbnQge3sgY29uZmlnLnNpemUgfX0gdGhlbWUte3sgY29uZmlnLnRoZW1lIH19IHt7XG4gICAgICBjb25maWcuY2xhc3NBZGRcbiAgICB9fVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgJ2Rpc2FibGVkLWFjdGl2ZSc6XG4gICAgICAgIGNvbmZpZy5kaXNhYmxlZCB8fCAoY29udHJvbCAmJiBjb250cm9sLnN0YXR1cyA9PT0gJ0RJU0FCTEVEJyksXG4gICAgICAncmVhZG9ubHknOlxuICAgICAgICBjb25maWcucmVhZE9ubHksXG4gICAgICAndGhlbWUtcmVkJzpcbiAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIChpc0ZvY3VzZWQgfHwgY29udHJvbC50b3VjaGVkKSkgfHxcbiAgICAgICAgKGNvbnRyb2wgJiYgZXJyb3JQYXR0ZXJuICYmIGNvbnRyb2wudG91Y2hlZCkgfHxcbiAgICAgICAgY29uZmlnLnRoZW1lID09PSBUSEVNRS5SRUQgfHxcbiAgICAgICAgY29uZmlnLmVycm9yVGV4dCxcbiAgICB9XCI+XG4gICAgPGRpdiAqbmdJZj1cInNob3dJY29uVHlwZSgpXCIgY2xhc3M9XCJjb250ZW50LWxlZnRcIj5cbiAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiaWNvblwiPnt7IGljb25UeXBlIH19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNlbnRlclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRyb2w7IGVsc2Ugbm90VXNlRm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBbaWRdPVwiY29uZmlnLmlkXCJcbiAgICAgICAgICBwbGFjZWhvbGRlcj1cInt7IGNvbmZpZy5wbGFjZWhvbGRlciB9fVwiXG4gICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgIHR5cGU9XCJ7eyB0eXBlIH19XCJcbiAgICAgICAgICBtYXg9XCJ7eyBjb25maWcubWF4IH19XCJcbiAgICAgICAgICBtaW49XCJ7eyBjb25maWcubWluIH19XCJcbiAgICAgICAgICBtYXhsZW5ndGg9XCJ7eyBjb25maWcubWF4bGVuZ3RoIH19XCJcbiAgICAgICAgICBbdHlwZV09XCJjb25maWcudHlwZVwiXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgICAgICAgIChpbnB1dCk9XCJwYXR0ZXJuRXJyb3IoKVwiXG4gICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXG4gICAgICAgICAgKGJsdXIpPVwib25CbHVyKCRldmVudClcIiAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI25vdFVzZUZvcm1Db250cm9sPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgIFtpZF09XCJjb25maWcuaWRcIlxuICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3sgY29uZmlnLnBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXG4gICAgICAgICAgdHlwZT1cInt7IHR5cGUgfX1cIlxuICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgIG1pbj1cInt7IGNvbmZpZy5taW4gfX1cIlxuICAgICAgICAgIFt0eXBlXT1cImNvbmZpZy50eXBlXCJcbiAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKCRldmVudClcIlxuICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImNvbmZpZz8udHlwZSA9PT0gJ3Bhc3N3b3JkJ1wiIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxuICAgICAgPHMtaWNvbi1tYXRcbiAgICAgICAgW3R5cGVdPVwiaWNvblN5bWJvbCA/ICdzeW1ib2wnIDogJ2ljb24nXCJcbiAgICAgICAgY2xhc3M9XCJpY29uIGN1cnNvclwiXG4gICAgICAgIChjbGljayk9XCJjaGFuZ2VTaG93UGFzc3dvcmQoKVwiXG4gICAgICAgID57eyBzaG93UGFzc3dvcmQgPyAndmlzaWJpbGl0eScgOiAndmlzaWJpbGl0eV9vZmYnIH19XG4gICAgICA8L3MtaWNvbi1tYXQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb25maWc/LnRoZW1lICE9PSBUSEVNRS5ERUZBVUxUICYmIGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkXCJcbiAgICAgIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxuICAgICAgPHMtaWNvbi1tYXQgW3R5cGVdPVwiZ2V0SWNvblR5cGUoKVwiIGNsYXNzPVwiaWNvbiByZXBvcnRcIj57e1xuICAgICAgICBJQ09OX1RIRU1FW2NvbmZpZy50aGVtZV1cbiAgICAgIH19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIGNvbmZpZy5zaG93SGVscCAmJlxuICAgICAgICAoY29uZmlnLnRoZW1lID09PSBUSEVNRS5ERUZBVUxUIHx8IGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkKVxuICAgICAgXCJcbiAgICAgIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxuICAgICAgPHMtaWNvbi1tYXQgKGNsaWNrKT1cImNsaWNrSGVscCgpXCIgY2xhc3M9XCJpY29uIGN1cnNvclwiXG4gICAgICAgID5oZWxwX291dGxpbmU8L3MtaWNvbi1tYXRcbiAgICAgID5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxzLXZhbGlkYXRpb24tZXJyb3JcbiAgICAqbmdJZj1cIlxuICAgICAgIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmXG4gICAgICBjb250cm9sICYmXG4gICAgICBjb250cm9sLmludmFsaWQgJiZcbiAgICAgIChpc0ZvY3VzZWQgfHwgY29udHJvbC50b3VjaGVkKSAmJlxuICAgICAgIShcbiAgICAgICAgKGNvbmZpZy50eXBlID09PSBJTlBVVF9UWVBFLlVSTCAmJiBjb25maWcuZXJyb3JUZXh0KSB8fFxuICAgICAgICAoY29uZmlnLnR5cGUgPT09IElOUFVUX1RZUEUuRU1BSUwgJiYgY29uZmlnLmVycm9yVGV4dClcbiAgICAgIClcbiAgICBcIlxuICAgIFtjdXN0b21FcnJvck1lc3NhZ2VzXT1cImNvbmZpZy5lcnJvck1lc3NhZ2VzID8/IHVuZGVmaW5lZFwiXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxuICA8L3MtdmFsaWRhdGlvbi1lcnJvcj5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbmZpZy5lcnJvclRleHRcIlxuICAgIHRoZW1lPVwicmVkXCI+XG4gICAge3sgY29uZmlnLmVycm9yVGV4dCB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgIGNvbmZpZy50eXBlICE9PSBJTlBVVF9UWVBFLlNFQVJDSCAmJlxuICAgICAgIWVycm9yUGF0dGVybiAmJlxuICAgICAgIWNvbmZpZy5lcnJvclRleHRcbiAgICBcIlxuICAgIHRoZW1lPVwicmVkXCI+XG4gICAge3sgZXJyb3JQYXR0ZXJuIH19XG4gIDwvcy1lcnJvci1jb250cm9sPlxuICA8cy1lcnJvci1jb250cm9sXG4gICAgKm5nSWY9XCJcbiAgICAgICFjb25maWcuaGlkZUVycm9yVGV4dCAmJlxuICAgICAgIWVycm9yUGF0dGVybiAmJlxuICAgICAgIWNvbmZpZy5lcnJvclRleHQgJiZcbiAgICAgICgoY29udHJvbCAmJiBjb250cm9sLmVycm9ycz8uWydyZXF1aXJlZCddICYmICFjb250cm9sLnRvdWNoZWQpIHx8XG4gICAgICAgIChjb250cm9sICYmICFjb250cm9sLmVycm9ycykpICYmXG4gICAgICAhKGlzRm9jdXNlZCAmJiBjb250cm9sLmludmFsaWQpXG4gICAgXCI+XG4gICAge3sgY29uZmlnLmhlbHBUZXh0IHx8ICcnIH19XG4gIDwvcy1lcnJvci1jb250cm9sPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2lucHV0L3MtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC9zLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDbEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7Ozs7O0FBZS9FLE1BQU0sT0FBTyxlQUFtQixTQUFRLDZCQUFnQztJQWJ4RTs7UUFjVyxXQUFNLEdBQVcsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUM3Qix1QkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzlDLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2hDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTNDLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbkIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFHckIsZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUN4QixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsZUFBVSxHQUFHLFVBQVUsQ0FBQztRQUN4QixjQUFTLEdBQUcsS0FBSyxDQUFDO0tBNkRuQjtJQTNEQyxPQUFPLENBQUMsS0FBWTtRQUNsQixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFZLENBQUM7UUFDaEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNyQixDQUFDO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDNUQsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztRQUNwRixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBWTtRQUN4QixPQUFPLElBQUksSUFBSSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUErQixDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUN0RixDQUFDO0lBRUQsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDaEQsSUFDRSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1RSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN0RSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxLQUFLLFVBQVUsQ0FBQyxLQUFLLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUMxRSxDQUFDO1lBQ0QsSUFBSSxDQUFDLFlBQVksR0FBRyx3QkFBd0IsQ0FBQztZQUM3QyxPQUFPO1FBQ1QsQ0FBQztRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDO1FBQ3RFLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDaEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQzsrR0ExRVUsZUFBZTttR0FBZixlQUFlLHFKQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzlDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpRENsQkgsc3BIQTRGQTs7NEZEeEVhLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgVEhFTUUgfSBmcm9tICcuLi8uLi8uLi9lbnVtcy90aGVtZS5lbnVtJztcbmltcG9ydCB7IElDT05fVEhFTUUgfSBmcm9tICcuLi8uLi9lbnVtcy9pY29uLXRoZW1lLmVudW0nO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IElDT05fSU5QVVQsIElOUFVUX1RZUEUsIElOUFVUU19SRUdFWCwgU0lucHV0IH0gZnJvbSAnLi9zLWlucHV0LW1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNJbnB1dENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTSW5wdXRDb21wb25lbnQ8VD4gZXh0ZW5kcyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZTxUPiB7XG4gIEBJbnB1dCgpIGNvbmZpZzogU0lucHV0ID0gbmV3IFNJbnB1dCgpO1xuICBAT3V0cHV0KCkgY2xpY2tIZWxwSWNvbkV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGljb25TeW1ib2wgPSBmYWxzZTtcbiAgaWNvblR5cGU/OiBzdHJpbmc7XG4gIHNob3dQYXNzd29yZCA9IGZhbHNlO1xuICB0eXBlITogSU5QVVRfVFlQRTtcbiAgZXJyb3JQYXR0ZXJuPzogc3RyaW5nO1xuICBJTlBVVF9UWVBFID0gSU5QVVRfVFlQRTtcbiAgVEhFTUUgPSBUSEVNRTtcbiAgSUNPTl9USEVNRSA9IElDT05fVEhFTUU7XG4gIGlzRm9jdXNlZCA9IGZhbHNlO1xuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWUgYXMgYW55O1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgICB0aGlzLnBhdHRlcm5FcnJvcigpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cbiAgfVxuXG4gIGdldEljb25UeXBlKCk6ICdzeW1ib2wnIHwgJ2ljb24nIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcudGhlbWUgPT09ICd5ZWxsb3cnID8gJ3N5bWJvbCcgOiAnaWNvbic7XG4gIH1cblxuICBzaG93SWNvblR5cGUoKTogYm9vbGVhbiB7XG4gICAgdGhpcy5pY29uVHlwZSA9IHRoaXMuY29uZmlnLnR5cGUgPyB0aGlzLmdldEljb25CeVR5cGUodGhpcy5jb25maWcudHlwZSkgOiB1bmRlZmluZWQ7XG4gICAgcmV0dXJuICEhdGhpcy5pY29uVHlwZTtcbiAgfVxuXG4gIGdldEljb25CeVR5cGUodHlwZTogc3RyaW5nKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdHlwZSBpbiBJQ09OX0lOUFVUID8gSUNPTl9JTlBVVFt0eXBlIGFzIGtleW9mIHR5cGVvZiBJQ09OX0lOUFVUXSA6IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHBhdHRlcm5FcnJvcigpIHtcbiAgICBjb25zdCB2YWx1ZSA9IHRoaXMuY29udHJvbD8udmFsdWUgfHwgdGhpcy52YWx1ZTtcbiAgICBpZiAoXG4gICAgICAodGhpcy5jb25maWcudHlwZSA9PT0gSU5QVVRfVFlQRS5TRUFSQ0ggJiYgIUlOUFVUU19SRUdFWC5TRUFSQ0gudGVzdCh2YWx1ZSkpIHx8XG4gICAgICAodGhpcy5jb25maWcudHlwZSA9PT0gSU5QVVRfVFlQRS5VUkwgJiYgIUlOUFVUU19SRUdFWC5VUkwudGVzdCh2YWx1ZSkpIHx8XG4gICAgICAodGhpcy5jb25maWcudHlwZSA9PT0gSU5QVVRfVFlQRS5FTUFJTCAmJiAhSU5QVVRTX1JFR0VYLkVNQUlMLnRlc3QodmFsdWUpKVxuICAgICkge1xuICAgICAgdGhpcy5lcnJvclBhdHRlcm4gPSAndmFsaWRhdGlvbi5pbnZhbGlkRGF0YSc7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuZXJyb3JQYXR0ZXJuID0gdW5kZWZpbmVkO1xuICB9XG5cbiAgY2hhbmdlU2hvd1Bhc3N3b3JkKCkge1xuICAgIHRoaXMudHlwZSA9IHRoaXMuc2hvd1Bhc3N3b3JkID8gSU5QVVRfVFlQRS5QQVNTV09SRCA6IElOUFVUX1RZUEUuVEVYVDtcbiAgICB0aGlzLnNob3dQYXNzd29yZCA9ICF0aGlzLnNob3dQYXNzd29yZDtcbiAgfVxuXG4gIGNsaWNrSGVscCgpIHtcbiAgICB0aGlzLmNsaWNrSGVscEljb25FdmVudC5lbWl0KCk7XG4gIH1cblxuICBvbkJsdXIoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMucGF0dGVybkVycm9yKCk7XG4gICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcbiAgICB0aGlzLmJsdXIuZW1pdChldmVudCk7XG4gIH1cblxuICBvbkZvY3VzKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtaW5wdXRcIj5cbiAgPGxhYmVsIFtmb3JdPVwiY29uZmlnLmlkXCIgKm5nSWY9XCJjb25maWc/LmxhYmVsXCIgY2xhc3M9XCJzLWlucHV0X19sYWJlbFwiPlxuICAgIHt7IGNvbmZpZy5sYWJlbCB9fVxuICAgIDxzcGFuIGNsYXNzPVwicy1pbnB1dF9fcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxuICA8L2xhYmVsPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzLWlucHV0X19jb250ZW50IHt7IGNvbmZpZy5zaXplIH19IHRoZW1lLXt7IGNvbmZpZy50aGVtZSB9fSB7eyBjb25maWcuY2xhc3NBZGQgfX1cIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdkaXNhYmxlZC1hY3RpdmUnOiBjb25maWcuZGlzYWJsZWQgfHwgKGNvbnRyb2wgJiYgY29udHJvbC5zdGF0dXMgPT09ICdESVNBQkxFRCcpLFxuICAgICAgcmVhZG9ubHk6IGNvbmZpZy5yZWFkT25seSxcbiAgICAgICd0aGVtZS1yZWQnOlxuICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpKSB8fFxuICAgICAgICBlcnJvclBhdHRlcm4gfHxcbiAgICAgICAgY29uZmlnLnRoZW1lID09PSBUSEVNRS5SRUQgfHxcbiAgICAgICAgY29uZmlnLmVycm9yVGV4dCxcbiAgICB9XCI+XG4gICAgPGRpdiAqbmdJZj1cInNob3dJY29uVHlwZSgpXCIgY2xhc3M9XCJjb250ZW50LWxlZnRcIj5cbiAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiaWNvblwiPnt7IGljb25UeXBlIH19PC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNlbnRlclwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRyb2w7IGVsc2Ugbm90VXNlRm9ybUNvbnRyb2xcIj5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICBbaWRdPVwiY29uZmlnLmlkXCJcbiAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiY29uZmlnLnBsYWNlaG9sZGVyID8/ICcnXCJcbiAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXG4gICAgICAgICAgdHlwZT1cInt7IHR5cGUgfX1cIlxuICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgIG1pbj1cInt7IGNvbmZpZy5taW4gfX1cIlxuICAgICAgICAgIFttYXhsZW5ndGhdPVwiY29uZmlnLm1heGxlbmd0aCA/PyBudWxsXCJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXG4gICAgICAgICAgKGJsdXIpPVwib25CbHVyKCRldmVudClcIiAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI25vdFVzZUZvcm1Db250cm9sPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgIFtpZF09XCJjb25maWcuaWRcIlxuICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJjb25maWcucGxhY2Vob2xkZXIgPz8gJydcIlxuICAgICAgICAgIFtyZWFkT25seV09XCJjb25maWcucmVhZE9ubHkgfHwgY29uZmlnLmRpc2FibGVkXCJcbiAgICAgICAgICB0eXBlPVwie3sgdHlwZSB9fVwiXG4gICAgICAgICAgbWF4PVwie3sgY29uZmlnLm1heCB9fVwiXG4gICAgICAgICAgbWluPVwie3sgY29uZmlnLm1pbiB9fVwiXG4gICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiIC8+XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJjb25maWc/LnR5cGUgPT09ICdwYXNzd29yZCdcIiBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIj5cbiAgICAgIDxzLWljb24tbWF0IFt0eXBlXT1cImljb25TeW1ib2wgPyAnc3ltYm9sJyA6ICdpY29uJ1wiIGNsYXNzPVwiaWNvbiBjdXJzb3JcIiAoY2xpY2spPVwiY2hhbmdlU2hvd1Bhc3N3b3JkKClcIlxuICAgICAgICA+e3sgc2hvd1Bhc3N3b3JkID8gJ3Zpc2liaWxpdHknIDogJ3Zpc2liaWxpdHlfb2ZmJyB9fVxuICAgICAgPC9zLWljb24tbWF0PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJjb25maWc/LnRoZW1lICE9PSBUSEVNRS5ERUZBVUxUICYmIGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XG4gICAgICA8cy1pY29uLW1hdCBbdHlwZV09XCJnZXRJY29uVHlwZSgpXCIgY2xhc3M9XCJpY29uIHJlcG9ydFwiPnt7IElDT05fVEhFTUVbY29uZmlnLnRoZW1lXSB9fTwvcy1pY29uLW1hdD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImNvbmZpZy5zaG93SGVscCAmJiAoY29uZmlnLnRoZW1lID09PSBUSEVNRS5ERUZBVUxUIHx8IGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkKVwiXG4gICAgICBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIj5cbiAgICAgIDxzLWljb24tbWF0IChjbGljayk9XCJjbGlja0hlbHAoKVwiIGNsYXNzPVwiaWNvbiBjdXJzb3JcIj5oZWxwX291dGxpbmU8L3MtaWNvbi1tYXQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8cy12YWxpZGF0aW9uLWVycm9yXG4gICAgKm5nSWY9XCJcbiAgICAgICFjb25maWcuaGlkZUVycm9yVGV4dCAmJlxuICAgICAgY29udHJvbCAmJlxuICAgICAgY29udHJvbC5pbnZhbGlkICYmXG4gICAgICAoaXNGb2N1c2VkIHx8IGNvbnRyb2wudG91Y2hlZCkgJiZcbiAgICAgICEoKGNvbmZpZy50eXBlID09PSBJTlBVVF9UWVBFLlVSTCAmJiBjb25maWcuZXJyb3JUZXh0KSB8fCAoY29uZmlnLnR5cGUgPT09IElOUFVUX1RZUEUuRU1BSUwgJiYgY29uZmlnLmVycm9yVGV4dCkpXG4gICAgXCJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlcyA/PyB1bmRlZmluZWRcIlxuICAgIFtlcnJvcnNdPVwiY29udHJvbC5lcnJvcnNcIj5cbiAgPC9zLXZhbGlkYXRpb24tZXJyb3I+XG4gIDxzLWVycm9yLWNvbnRyb2wgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29uZmlnLmVycm9yVGV4dFwiIHRoZW1lPVwicmVkXCI+XG4gICAge3sgY29uZmlnLmVycm9yVGV4dCB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbiAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiBlcnJvclBhdHRlcm4gJiYgIWNvbmZpZy5lcnJvclRleHRcIiB0aGVtZT1cInJlZFwiPlxuICAgIHt7IGVycm9yUGF0dGVybiB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgICFlcnJvclBhdHRlcm4gJiZcbiAgICAgICFjb25maWcuZXJyb3JUZXh0ICYmXG4gICAgICAoKGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXSAmJiAhY29udHJvbC50b3VjaGVkKSB8fCAoY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMpKSAmJlxuICAgICAgIShpc0ZvY3VzZWQgJiYgY29udHJvbC5pbnZhbGlkKVxuICAgIFwiPlxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB8fCAnJyB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbjwvZGl2PlxuIl19

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

@@ -118,7 +118,7 @@ export class SInputNumberComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SInputNumberComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.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=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"config.id ? config.id : ''\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"config.id ? config.id : ''\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\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=\"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' && config.showHelp) ||\n          (config?.theme === undefined && config.showHelp)\n        \"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\"\n          >help_outline</s-icon-mat\n        >\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\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 || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__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-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__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-input-number__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-input-number__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)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-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", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i6.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.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=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"config.id ? config.id : ''\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"config.id ? config.id : ''\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\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=\"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' && config.showHelp) ||\n          (config?.theme === undefined && config.showHelp)\n        \"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\"\n          >help_outline</s-icon-mat\n        >\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\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 || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__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-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__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-input-number__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-input-number__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)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-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.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i6.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputNumberComponent, decorators: [{
             type: Component,

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

@@ -58,7 +58,7 @@ export class STimeComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => STimeComponent),
                 multi: true
             }
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-time\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-time__label\">\n    {{ config.label }}\n    <span class=\"s-time__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-time__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=\"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]=\"'time'\"\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]=\"'time'\"\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=\"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=\"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 || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-time{margin-bottom:.5rem}.s-time__label{font-size:.875rem;color:var(--secondary-600)}.s-time__required{color:var(--primary-600)}.s-time__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-time__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-time__content input:focus,.s-time__content input:focus-visible{outline:none}.s-time__content input:-webkit-autofill,.s-time__content input:-webkit-autofill:hover,.s-time__content input:-webkit-autofill:focus,.s-time__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-time__content .icon{width:1.25rem;cursor:default}.s-time__content .icon span{display:flex}.s-time__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-time__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-time__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-time__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-time__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-time__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-time__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-time__content.readonly{background-color:var(--neutrals-1100)}.s-time__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-time__content.theme-red{border:.063rem solid var(--red-500)}.s-time__content.theme-red .icon.report span{color:var(--red-600)}.s-time__content.theme-green{border:.063rem solid var(--green-500)}.s-time__content.theme-green .icon.report span{color:var(--green-600)}.s-time__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-time__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-time__content.sm input{height:1.3rem;font-size:.75rem}.s-time__content.sm .icon{width:1.25rem;cursor:default}.s-time__content.sm .icon span{font-size:1.2em;display:flex}.s-time__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .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", "opticalSize", "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 }); }
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-time\">\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-time__label\">\n    {{ config.label }}\n    <span class=\"s-time__required\" *ngIf=\"config?.required\">*</span>\n  </label>\n  <div\n    class=\"s-time__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=\"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]=\"'time'\"\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]=\"'time'\"\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=\"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=\"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 || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-time{margin-bottom:.5rem}.s-time__label{font-size:.875rem;color:var(--secondary-600)}.s-time__required{color:var(--primary-600)}.s-time__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-time__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-time__content input:focus,.s-time__content input:focus-visible{outline:none}.s-time__content input:-webkit-autofill,.s-time__content input:-webkit-autofill:hover,.s-time__content input:-webkit-autofill:focus,.s-time__content input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.875rem var(--neutrals-1200) inset!important}.s-time__content .icon{width:1.25rem;cursor:default}.s-time__content .icon span{display:flex}.s-time__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-time__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-time__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-time__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.s-time__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-time__content.disabled-active .content-left{color:var(--neutrals-800)!important}.s-time__content.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-time__content.readonly{background-color:var(--neutrals-1100)}.s-time__content.readonly input{background-color:var(--neutrals-1100);cursor:default}.s-time__content.theme-red{border:.063rem solid var(--red-500)}.s-time__content.theme-red .icon.report span{color:var(--red-600)}.s-time__content.theme-green{border:.063rem solid var(--green-500)}.s-time__content.theme-green .icon.report span{color:var(--green-600)}.s-time__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-time__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-time__content.sm input{height:1.3rem;font-size:.75rem}.s-time__content.sm .icon{width:1.25rem;cursor:default}.s-time__content.sm .icon span{font-size:1.2em;display:flex}.s-time__content:has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)}.s-time__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STimeComponent, decorators: [{
             type: Component,