sidesys-generic-ui 0.0.26 → 0.0.27-beta

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

@@ -0,0 +1,136 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ICON_THEME } from '../../enums/icon-theme.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../../icon-material/s-icon-material.component";
+import * as i4 from "../error-control/s-error-control.component";
+export class SCalendarComponent {
+    constructor() {
+        this.onChange = (_) => { };
+        this.onTouch = () => { };
+        this.value = '';
+        this.id = (Math.floor(Math.random() * 1000)).toString();
+        this.disabled = false;
+        this.readOnly = false;
+        this.theme = 'default';
+        this.classAdd = '';
+        this.help = false;
+        this.size = 'md';
+        this.valueChangeEvent = new EventEmitter();
+        this.clickHelpIconEvent = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.visibility = false;
+        this.tooltipValue = '';
+        this.ICON_THEME = ICON_THEME;
+    }
+    onTextChange() {
+        this.onTouch();
+        this.onChange(this.value);
+        if (this.inputTimeout) {
+            clearTimeout(this.inputTimeout);
+        }
+        this.inputTimeout = setTimeout(() => {
+            this.valueChangeEvent.next(this.value);
+        }, 500, null);
+    }
+    onTextChangeVal(val) {
+        if (this.inputTimeout) {
+            clearTimeout(this.inputTimeout);
+        }
+        this.inputTimeout = setTimeout(() => {
+            if (val) {
+                this.onTouch();
+                this.onChange(val);
+                this.valueChangeEvent.next(val);
+                this.value = val;
+            }
+            else {
+                this.onTouch();
+                this.onChange(val);
+                this.valueChangeEvent.next(this.value);
+            }
+        }, 500, null);
+    }
+    clickIcon() {
+        this.clickHelpIconEvent.next();
+    }
+    getIconType() {
+        return this.theme == 'yellow' ? 'symbol' : 'icon';
+    }
+    //FUNCIONES PARA QUE FUNCIONE FORM BUILDER
+    writeValue(value) {
+        if (value) {
+            this.value = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    onBlur(event) {
+        this.blur.next(event);
+    }
+    onFocus(event) {
+        this.focus.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SCalendarComponent, selector: "s-calendar", inputs: { value: "value", id: "id", label: "label", required: "required", helpText: "helpText", errorText: "errorText", max: "max", min: "min", disabled: "disabled", readOnly: "readOnly", theme: "theme", classAdd: "classAdd", help: "help", size: "size" }, outputs: { valueChangeEvent: "valueChangeEvent", clickHelpIconEvent: "clickHelpIconEvent", blur: "blur", focus: "focus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SCalendarComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<ng-container>\r\n    <label *ngIf=\"label\" class=\"s-input__label\">\r\n\t\t{{label}}\r\n\t\t<span class=\"s-input__required\" *ngIf=\"required\">*</span>\r\n\t</label>\r\n    <div\r\n        class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}}\"\r\n        [ngClass]=\"{'disabled-active': disabled}\">\r\n        <div class=\"content-center\">\r\n            <input \r\n                (focus)=\"onFocus($event)\"\r\n                (blur)=\"onBlur($event)\"\r\n                [readOnly]=\"readOnly\"  \r\n                [id]=\"id ? id : ''\" \r\n                [disabled]=\"disabled\" \r\n                [type]=\"'date'\" \r\n                autocomplete=\"off\"\r\n                [max]=\"max\"\r\n                [min]=\"min\"\r\n                (ngModelChange)=\"onTextChangeVal($event)\"\r\n                [ngModel]=\"value\">\r\n        </div>\r\n        <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n            <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[this.theme]}}</s-icon-mat>\r\n        </div>\r\n        <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n            <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n        </div>\r\n    </div>\r\n    <s-error-control *ngIf=\"errorText\" theme =\"red\">{{errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"helpText && !errorText\">{{helpText}}</s-error-control>\r\n</ng-container>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\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", "color", "fill", "weight", "grade", "opticalSize", "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: "16.2.3", ngImport: i0, type: SCalendarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-calendar', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SCalendarComponent),
+                            multi: true
+                        }
+                    ], template: "<ng-container>\r\n    <label *ngIf=\"label\" class=\"s-input__label\">\r\n\t\t{{label}}\r\n\t\t<span class=\"s-input__required\" *ngIf=\"required\">*</span>\r\n\t</label>\r\n    <div\r\n        class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}}\"\r\n        [ngClass]=\"{'disabled-active': disabled}\">\r\n        <div class=\"content-center\">\r\n            <input \r\n                (focus)=\"onFocus($event)\"\r\n                (blur)=\"onBlur($event)\"\r\n                [readOnly]=\"readOnly\"  \r\n                [id]=\"id ? id : ''\" \r\n                [disabled]=\"disabled\" \r\n                [type]=\"'date'\" \r\n                autocomplete=\"off\"\r\n                [max]=\"max\"\r\n                [min]=\"min\"\r\n                (ngModelChange)=\"onTextChangeVal($event)\"\r\n                [ngModel]=\"value\">\r\n        </div>\r\n        <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n            <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[this.theme]}}</s-icon-mat>\r\n        </div>\r\n        <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n            <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n        </div>\r\n    </div>\r\n    <s-error-control *ngIf=\"errorText\" theme =\"red\">{{errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"helpText && !errorText\">{{helpText}}</s-error-control>\r\n</ng-container>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], helpText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], classAdd: [{
+                type: Input
+            }], help: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], valueChangeEvent: [{
+                type: Output
+            }], clickHelpIconEvent: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2NhbGVuZGFyL3MtY2FsZW5kYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9jYWxlbmRhci9zLWNhbGVuZGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7OztBQWV6RCxNQUFNLE9BQU8sa0JBQWtCO0lBYi9CO1FBZUUsYUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFDM0IsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUVYLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsT0FBRSxHQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQU8zRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsVUFBSyxHQUEyQyxTQUFTLENBQUM7UUFDMUQsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixTQUFJLEdBQVksS0FBSyxDQUFDO1FBQ3RCLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDOUMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM5QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUczQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLGVBQVUsR0FBRyxVQUFVLENBQUM7S0FpRXpCO0lBL0RDLFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUUxQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNqQztRQUVELElBQUksQ0FBQyxZQUFZLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QyxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2hCLENBQUM7SUFFRCxlQUFlLENBQUMsR0FBVztRQUN6QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNqQztRQUVELElBQUksQ0FBQyxZQUFZLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNsQyxJQUFJLEdBQUcsRUFBRTtnQkFDUCxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDbkIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDaEMsSUFBSSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUM7YUFDbEI7aUJBQ0k7Z0JBQ0gsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ25CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ3hDO1FBQ0gsQ0FBQyxFQUFFLEdBQUcsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNoQixDQUFDO0lBRUQsU0FBUztRQUNQLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLEtBQUssSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3BELENBQUM7SUFFRCwwQ0FBMEM7SUFDMUMsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxLQUFLLEVBQUU7WUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztTQUNwQjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3RCLElBQUksQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLEdBQUcsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBVTtRQUNmLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxPQUFPLENBQUMsS0FBVTtRQUNoQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN6QixDQUFDOzhHQTNGVSxrQkFBa0I7a0dBQWxCLGtCQUFrQixnYUFSbEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2dCQUNqRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDZkgsaytDQStCZTs7MkZEZEYsa0JBQWtCO2tCQWI5QixTQUFTOytCQUNFLFlBQVksaUJBR1AsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBT1EsS0FBSztzQkFBYixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1jYWxlbmRhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY2FsZW5kYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtY2FsZW5kYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU0NhbGVuZGFyQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQ2FsZW5kYXJDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciAge1xyXG4gIFxyXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4geyB9O1xyXG4gIG9uVG91Y2ggPSAoKSA9PiB7IH07XHJcblxyXG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gKE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDApKS50b1N0cmluZygpO1xyXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJlcXVpcmVkPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoZWxwVGV4dD86IHN0cmluZztcclxuICBASW5wdXQoKSBlcnJvclRleHQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgbWF4Pzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1pbj86IHN0cmluZztcclxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHJlYWRPbmx5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGhlbWU6ICdkZWZhdWx0JyB8ICdncmVlbicgfCAneWVsbG93JyB8ICdyZWQnID0gJ2RlZmF1bHQnO1xyXG4gIEBJbnB1dCgpIGNsYXNzQWRkOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBoZWxwOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xyXG4gIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIGNsaWNrSGVscEljb25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGlucHV0VGltZW91dD86IGFueTtcclxuICB2aXNpYmlsaXR5ID0gZmFsc2U7XHJcbiAgdG9vbHRpcFZhbHVlOiBzdHJpbmcgPSAnJztcclxuICBJQ09OX1RIRU1FID0gSUNPTl9USEVNRTtcclxuXHJcbiAgb25UZXh0Q2hhbmdlKCkge1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG5cclxuICAgIGlmICh0aGlzLmlucHV0VGltZW91dCkge1xyXG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5pbnB1dFRpbWVvdXQpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuaW5wdXRUaW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMudmFsdWVDaGFuZ2VFdmVudC5uZXh0KHRoaXMudmFsdWUpO1xyXG4gICAgfSwgNTAwLCBudWxsKTtcclxuICB9XHJcblxyXG4gIG9uVGV4dENoYW5nZVZhbCh2YWw6IHN0cmluZykge1xyXG4gICAgaWYgKHRoaXMuaW5wdXRUaW1lb3V0KSB7XHJcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLmlucHV0VGltZW91dCk7XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5pbnB1dFRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgaWYgKHZhbCkge1xyXG4gICAgICAgIHRoaXMub25Ub3VjaCgpO1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2UodmFsKTtcclxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlRXZlbnQubmV4dCh2YWwpO1xyXG4gICAgICAgIHRoaXMudmFsdWUgPSB2YWw7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh2YWwpO1xyXG4gICAgICAgIHRoaXMudmFsdWVDaGFuZ2VFdmVudC5uZXh0KHRoaXMudmFsdWUpO1xyXG4gICAgICB9XHJcbiAgICB9LCA1MDAsIG51bGwpO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tJY29uKCkge1xyXG4gICAgdGhpcy5jbGlja0hlbHBJY29uRXZlbnQubmV4dCgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0SWNvblR5cGUoKTogJ3N5bWJvbCcgfCAnaWNvbicge1xyXG4gICAgcmV0dXJuIHRoaXMudGhlbWUgPT0gJ3llbGxvdycgPyAnc3ltYm9sJyA6ICdpY29uJztcclxuICB9XHJcblxyXG4gIC8vRlVOQ0lPTkVTIFBBUkEgUVVFIEZVTkNJT05FIEZPUk0gQlVJTERFUlxyXG4gIHdyaXRlVmFsdWUodmFsdWU6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoID0gZm47XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5ibHVyLm5leHQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgb25Gb2N1cyhldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmZvY3VzLm5leHQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyPlxyXG4gICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cInMtaW5wdXRfX2xhYmVsXCI+XHJcblx0XHR7e2xhYmVsfX1cclxuXHRcdDxzcGFuIGNsYXNzPVwicy1pbnB1dF9fcmVxdWlyZWRcIiAqbmdJZj1cInJlcXVpcmVkXCI+Kjwvc3Bhbj5cclxuXHQ8L2xhYmVsPlxyXG4gICAgPGRpdlxyXG4gICAgICAgIGNsYXNzPVwiY29udGVudC1pbnB1dC1tYWluLTYyNiBjb250ZW50LWlucHV0LW1haW4tdGV4dCB7e3NpemV9fSB0aGVtZS17e3RoZW1lfX0ge3tjbGFzc0FkZH19XCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7J2Rpc2FibGVkLWFjdGl2ZSc6IGRpc2FibGVkfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNlbnRlclwiPlxyXG4gICAgICAgICAgICA8aW5wdXQgXHJcbiAgICAgICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIFtyZWFkT25seV09XCJyZWFkT25seVwiICBcclxuICAgICAgICAgICAgICAgIFtpZF09XCJpZCA/IGlkIDogJydcIiBcclxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFxyXG4gICAgICAgICAgICAgICAgW3R5cGVdPVwiJ2RhdGUnXCIgXHJcbiAgICAgICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxyXG4gICAgICAgICAgICAgICAgW21heF09XCJtYXhcIlxyXG4gICAgICAgICAgICAgICAgW21pbl09XCJtaW5cIlxyXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25UZXh0Q2hhbmdlVmFsKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgW25nTW9kZWxdPVwidmFsdWVcIj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwidGhlbWUgIT0gJ2RlZmF1bHQnXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0IFt0eXBlXT1cImdldEljb25UeXBlKClcIiBjbGFzcz1cImljb24gcmVwb3J0XCI+e3tJQ09OX1RIRU1FW3RoaXMudGhlbWVdfX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInRoZW1lID09ICdkZWZhdWx0JyAmJiBoZWxwXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XHJcbiAgICAgICAgICAgIDxzLWljb24tbWF0IChjbGljayk9XCJjbGlja0ljb24oKVwiIGNsYXNzPVwiaWNvbiBjdXJzb3JcIj5oZWxwX291dGxpbmU8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxzLWVycm9yLWNvbnRyb2wgKm5nSWY9XCJlcnJvclRleHRcIiB0aGVtZSA9XCJyZWRcIj57e2Vycm9yVGV4dH19PC9zLWVycm9yLWNvbnRyb2w+XHJcblx0PHMtZXJyb3ItY29udHJvbCAqbmdJZj1cImhlbHBUZXh0ICYmICFlcnJvclRleHRcIj57e2hlbHBUZXh0fX08L3MtZXJyb3ItY29udHJvbD5cclxuPC9uZy1jb250YWluZXI+Il19

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

@@ -0,0 +1,119 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ICON_THEME } from '../../enums/icon-theme.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../../icon-material/s-icon-material.component";
+import * as i4 from "../error-control/s-error-control.component";
+export class SColorComponent {
+    constructor() {
+        this.onChange = (_) => { };
+        this.onTouch = () => { };
+        this.value = '#000000';
+        this.id = (Math.floor(Math.random() * 1000)).toString();
+        this.name = '';
+        this.readOnly = false;
+        this.theme = 'default';
+        this.classAdd = '';
+        this.help = false;
+        this.size = 'md';
+        this.visibility = false;
+        this.inconSymbol = false;
+        this.ICON_THEME = ICON_THEME;
+        this.valueChangeEvent = new EventEmitter();
+        this.clickHelpIconEvent = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.focus = new EventEmitter();
+    }
+    onTextChange() {
+        this.onTouch();
+        this.onChange(this.value);
+        if (this.inputTimeout) {
+            clearTimeout(this.inputTimeout);
+        }
+        this.inputTimeout = setTimeout(() => {
+            this.valueChangeEvent.next(this.value);
+        }, 500, null);
+    }
+    clickIcon() {
+        this.clickHelpIconEvent.next();
+    }
+    colorClick() {
+        document.getElementById(this.name)?.click();
+    }
+    getIconType() {
+        return this.theme == 'yellow' ? 'symbol' : 'icon';
+    }
+    //FUNCIONES PARA QUE FUNCIONE FORM BUILDER
+    writeValue(value) {
+        if (value) {
+            this.value = value;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouch = fn;
+    }
+    onBlur(event) {
+        this.blur.next(event);
+    }
+    onFocus(event) {
+        this.focus.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SColorComponent, selector: "s-color", inputs: { value: "value", id: "id", name: "name", label: "label", placeHolder: "placeHolder", required: "required", helpText: "helpText", errorText: "errorText", readOnly: "readOnly", theme: "theme", classAdd: "classAdd", help: "help", size: "size" }, outputs: { valueChangeEvent: "valueChangeEvent", clickHelpIconEvent: "clickHelpIconEvent", blur: "blur", focus: "focus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SColorComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<ng-container>\r\n    <label *ngIf=\"label\" class=\"s-input__label\">\r\n\t\t{{label}}\r\n\t\t<span class=\"s-input__required\" *ngIf=\"required\">*</span>\r\n\t</label>\r\n    <div\r\n        class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}}\"\r\n        [ngClass]=\"{'disabled-active': readOnly}\">\r\n        <div class=\"content-left\">\r\n            <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"readOnly\" [(ngModel)]=\"value\"\r\n                (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n        </div>\r\n        <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n            <input \r\n                (focus)=\"onFocus($event)\"\r\n                (blur)=\"onBlur($event)\"\r\n                [readOnly]=\"readOnly\" \r\n                [id]=\"id ? id : ''\" \r\n                [type]=\"color\"\r\n                autocomplete=\"off\" \r\n                [placeholder]=\"placeHolder ? placeHolder : ''\" \r\n                [(ngModel)]=\"value\" \r\n                [disabled]=\"readOnly\">\r\n        </div>\r\n        <div class=\"content-right\">\r\n\t\t\t<s-icon-mat [type]=\"'icon'\" class=\"icon cursor\">colorize</s-icon-mat>\r\n\t\t</div>\r\n        <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n            <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[this.theme]}}</s-icon-mat>\r\n        </div>\r\n\r\n        <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n            <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n        </div>\r\n    </div>\r\n    <s-error-control *ngIf=\"errorText\" theme =\"red\">{{errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"helpText && !errorText\">{{helpText}}</s-error-control>\r\n</ng-container>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--secondary-600)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\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", "color", "fill", "weight", "grade", "opticalSize", "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: "16.2.3", ngImport: i0, type: SColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-color', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SColorComponent),
+                            multi: true
+                        }
+                    ], template: "<ng-container>\r\n    <label *ngIf=\"label\" class=\"s-input__label\">\r\n\t\t{{label}}\r\n\t\t<span class=\"s-input__required\" *ngIf=\"required\">*</span>\r\n\t</label>\r\n    <div\r\n        class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}}\"\r\n        [ngClass]=\"{'disabled-active': readOnly}\">\r\n        <div class=\"content-left\">\r\n            <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"readOnly\" [(ngModel)]=\"value\"\r\n                (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n        </div>\r\n        <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n            <input \r\n                (focus)=\"onFocus($event)\"\r\n                (blur)=\"onBlur($event)\"\r\n                [readOnly]=\"readOnly\" \r\n                [id]=\"id ? id : ''\" \r\n                [type]=\"color\"\r\n                autocomplete=\"off\" \r\n                [placeholder]=\"placeHolder ? placeHolder : ''\" \r\n                [(ngModel)]=\"value\" \r\n                [disabled]=\"readOnly\">\r\n        </div>\r\n        <div class=\"content-right\">\r\n\t\t\t<s-icon-mat [type]=\"'icon'\" class=\"icon cursor\">colorize</s-icon-mat>\r\n\t\t</div>\r\n        <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n            <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[this.theme]}}</s-icon-mat>\r\n        </div>\r\n\r\n        <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n            <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n        </div>\r\n    </div>\r\n    <s-error-control *ngIf=\"errorText\" theme =\"red\">{{errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"helpText && !errorText\">{{helpText}}</s-error-control>\r\n</ng-container>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--secondary-600)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], helpText: [{
+                type: Input
+            }], errorText: [{
+                type: Input
+            }], readOnly: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], classAdd: [{
+                type: Input
+            }], help: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], valueChangeEvent: [{
+                type: Output
+            }], clickHelpIconEvent: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb2xvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2NvbG9yL3MtY29sb3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9jb2xvci9zLWNvbG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JHLE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7Ozs7OztBQWV6RCxNQUFNLE9BQU8sZUFBZTtJQWI1QjtRQWVFLGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzNCLFlBQU8sR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFWCxVQUFLLEdBQVcsU0FBUyxDQUFDO1FBQzFCLE9BQUUsR0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxHQUFHLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDM0QsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQU1sQixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLFVBQUssR0FBMkMsU0FBUyxDQUFDO1FBQzFELGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDdEIsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUN0QixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUdsQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGVBQVUsR0FBRyxVQUFVLENBQUM7UUFFZCxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQzlDLHVCQUFrQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDOUMsU0FBSSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDaEMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0ErQzVDO0lBN0NDLFlBQVk7UUFDVixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsWUFBWSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztTQUNqQztRQUNELElBQUksQ0FBQyxZQUFZLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNsQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6QyxDQUFDLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2hCLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxVQUFVO1FBQ1IsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDOUMsQ0FBQztJQUVELFdBQVc7UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLElBQUksUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUNwRCxDQUFDO0lBRUQsMENBQTBDO0lBQzFDLFVBQVUsQ0FBQyxLQUFVO1FBQ25CLElBQUksS0FBSyxFQUFFO1lBQ1QsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7U0FDcEI7SUFDSCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQVU7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVU7UUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekIsQ0FBQzs4R0F6RVUsZUFBZTtrR0FBZixlQUFlLHlaQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzlDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNmSCxnNURBcUNlOzsyRkRwQkYsZUFBZTtrQkFiM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQU9RLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFPSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IElDT05fVEhFTUUgfSBmcm9tICcuLi8uLi9lbnVtcy9pY29uLXRoZW1lLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWNvbG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jb2xvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1jb2xvci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTQ29sb3JDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNDb2xvckNvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yICB7XHJcbiAgXHJcbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XHJcbiAgb25Ub3VjaCA9ICgpID0+IHsgfTtcclxuXHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcjMDAwMDAwJztcclxuICBASW5wdXQoKSBpZDogc3RyaW5nID0gKE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDApKS50b1N0cmluZygpO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGxhYmVsPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHBsYWNlSG9sZGVyPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHJlcXVpcmVkPzogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoZWxwVGV4dD86IHN0cmluZztcclxuICBASW5wdXQoKSBlcnJvclRleHQ/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcmVhZE9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0aGVtZTogJ2RlZmF1bHQnIHwgJ2dyZWVuJyB8ICd5ZWxsb3cnIHwgJ3JlZCcgPSAnZGVmYXVsdCc7XHJcbiAgQElucHV0KCkgY2xhc3NBZGQ6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGhlbHA6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyA9ICdtZCc7XHJcblxyXG4gIGlucHV0VGltZW91dD86IGFueTtcclxuICB2aXNpYmlsaXR5ID0gZmFsc2U7XHJcbiAgaW5jb25TeW1ib2w6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBJQ09OX1RIRU1FID0gSUNPTl9USEVNRTtcclxuXHJcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAT3V0cHV0KCkgY2xpY2tIZWxwSWNvbkV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgb25UZXh0Q2hhbmdlKCkge1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgaWYgKHRoaXMuaW5wdXRUaW1lb3V0KSB7XHJcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLmlucHV0VGltZW91dCk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmlucHV0VGltZW91dCA9IHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICB0aGlzLnZhbHVlQ2hhbmdlRXZlbnQubmV4dCh0aGlzLnZhbHVlKTtcclxuICAgIH0sIDUwMCwgbnVsbCk7XHJcbiAgfVxyXG5cclxuICBjbGlja0ljb24oKSB7XHJcbiAgICB0aGlzLmNsaWNrSGVscEljb25FdmVudC5uZXh0KCk7XHJcbiAgfVxyXG5cclxuICBjb2xvckNsaWNrKCkge1xyXG4gICAgZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5uYW1lKT8uY2xpY2soKTtcclxuICB9XHJcblxyXG4gIGdldEljb25UeXBlKCk6ICdzeW1ib2wnIHwgJ2ljb24nIHtcclxuICAgIHJldHVybiB0aGlzLnRoZW1lID09ICd5ZWxsb3cnID8gJ3N5bWJvbCcgOiAnaWNvbic7XHJcbiAgfVxyXG5cclxuICAvL0ZVTkNJT05FUyBQQVJBIFFVRSBGVU5DSU9ORSBGT1JNIEJVSUxERVJcclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICB0aGlzLnZhbHVlID0gdmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgb25CbHVyKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuYmx1ci5uZXh0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIG9uRm9jdXMoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5mb2N1cy5uZXh0KGV2ZW50KTtcclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lcj5cclxuICAgIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgY2xhc3M9XCJzLWlucHV0X19sYWJlbFwiPlxyXG5cdFx0e3tsYWJlbH19XHJcblx0XHQ8c3BhbiBjbGFzcz1cInMtaW5wdXRfX3JlcXVpcmVkXCIgKm5nSWY9XCJyZXF1aXJlZFwiPio8L3NwYW4+XHJcblx0PC9sYWJlbD5cclxuICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cImNvbnRlbnQtaW5wdXQtbWFpbi02MjYgY29udGVudC1pbnB1dC1tYWluLWNvbG9yIHt7c2l6ZX19IHRoZW1lLXt7dGhlbWV9fSB7e2NsYXNzQWRkfX1cIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsnZGlzYWJsZWQtYWN0aXZlJzogcmVhZE9ubHl9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdFwiPlxyXG4gICAgICAgICAgICA8aW5wdXQgW3JlYWRPbmx5XT1cInJlYWRPbmx5XCIgI2NvbG9yIFtpZF09XCJuYW1lXCIgW25hbWVdPVwibmFtZVwiIHR5cGU9XCJjb2xvclwiIFtkaXNhYmxlZF09XCJyZWFkT25seVwiIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgICAgICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25UZXh0Q2hhbmdlKClcIiBzdHlsZT1cIndpZHRoOiA0MHB4OyBwYWRkaW5nOiAwO1wiPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNlbnRlclwiIChjbGljayk9XCIhdGhpcy5yZWFkT25seSA/IHRoaXMuY29sb3IuY2xpY2soKSA6IG51bGxcIj5cclxuICAgICAgICAgICAgPGlucHV0IFxyXG4gICAgICAgICAgICAgICAgKGZvY3VzKT1cIm9uRm9jdXMoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICBbcmVhZE9ubHldPVwicmVhZE9ubHlcIiBcclxuICAgICAgICAgICAgICAgIFtpZF09XCJpZCA/IGlkIDogJydcIiBcclxuICAgICAgICAgICAgICAgIFt0eXBlXT1cImNvbG9yXCJcclxuICAgICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiIFxyXG4gICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlSG9sZGVyID8gcGxhY2VIb2xkZXIgOiAnJ1wiIFxyXG4gICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiIFxyXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInJlYWRPbmx5XCI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIj5cclxuXHRcdFx0PHMtaWNvbi1tYXQgW3R5cGVdPVwiJ2ljb24nXCIgY2xhc3M9XCJpY29uIGN1cnNvclwiPmNvbG9yaXplPC9zLWljb24tbWF0PlxyXG5cdFx0PC9kaXY+XHJcbiAgICAgICAgPGRpdiAqbmdJZj1cInRoZW1lICE9ICdkZWZhdWx0J1wiIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxyXG4gICAgICAgICAgICA8cy1pY29uLW1hdCBbdHlwZV09XCJnZXRJY29uVHlwZSgpXCIgY2xhc3M9XCJpY29uIHJlcG9ydFwiPnt7SUNPTl9USEVNRVt0aGlzLnRoZW1lXX19PC9zLWljb24tbWF0PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwidGhlbWUgPT0gJ2RlZmF1bHQnICYmIGhlbHBcIiBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIj5cclxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgKGNsaWNrKT1cImNsaWNrSWNvbigpXCIgY2xhc3M9XCJpY29uIGN1cnNvclwiPmhlbHBfb3V0bGluZTwvcy1pY29uLW1hdD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cImVycm9yVGV4dFwiIHRoZW1lID1cInJlZFwiPnt7ZXJyb3JUZXh0fX08L3MtZXJyb3ItY29udHJvbD5cclxuXHQ8cy1lcnJvci1jb250cm9sICpuZ0lmPVwiaGVscFRleHQgJiYgIWVycm9yVGV4dFwiPnt7aGVscFRleHR9fTwvcy1lcnJvci1jb250cm9sPlxyXG48L25nLWNvbnRhaW5lcj4iXX0=

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

@@ -7,7 +7,7 @@ export class SErrorControl {
         this.theme = "default"; //default , red , green , yellow
         this.icon = false;
         this.iconCustom = "";
-        this.size = 'm';
+        this.size = 'md';
         this.iconName = '';
     }
     ngOnInit() {
@@ -35,7 +35,7 @@ export class SErrorControl {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SErrorControl, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", 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}}\">\r\n    <s-icon-mat *ngIf=\"icon\" class=\"icon-{{theme}}\">{{iconName}}</s-icon-mat>\r\n    <ng-content></ng-content>\r\n</label>", styles: [".label-content{display:inline-flex;align-items:center;margin-left:3px;font-weight:400;font-size:.875rem;line-height:0px}.label-content.sm{font-size:.625rem}.label-content s-icon-mat{display:flex;align-items:center;margin-right:3px}.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:5px}.form-group .label{font-weight:400;font-size:.875rem;color:var(--secondary-600)}.form-group .content-input-main-626.sm{margin:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", 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}}\">\r\n    <s-icon-mat *ngIf=\"icon\" class=\"icon-{{theme}}\">{{iconName}}</s-icon-mat>\r\n    <ng-content></ng-content>\r\n</label>", styles: [".label-content{display:inline-flex;align-items:center;margin-left:3px;font-weight:400;font-size:.875rem;line-height:0px}.label-content.sm{font-size:.625rem}.label-content s-icon-mat{display:flex;align-items:center;margin-right:3px}.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:5px}.form-group .label{font-weight:400;font-size:.875rem;color:var(--secondary-600)}.form-group .content-input-main-626.sm{margin:0}\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", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SErrorControl, decorators: [{
             type: Component,
@@ -49,4 +49,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
             }], size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1lcnJvci1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2lucHV0L2NvbXBvbmVudHMvZXJyb3ItY29udHJvbC9zLWVycm9yLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9lcnJvci1jb250cm9sL3MtZXJyb3ItY29udHJvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVE1RSxNQUFNLE9BQU8sYUFBYTtJQVV4QjtRQVJTLFVBQUssR0FBMkMsU0FBUyxDQUFDLENBQUUsZ0NBQWdDO1FBQzVGLFNBQUksR0FBVyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixTQUFJLEdBQWUsR0FBRyxDQUFDO1FBR2hDLGFBQVEsR0FBVyxFQUFFLENBQUE7SUFFTCxDQUFDO0lBRWpCLFFBQVE7UUFFTixJQUFHLElBQUksQ0FBQyxVQUFVLElBQUksRUFBRSxFQUFDO1lBRXZCLFFBQVEsSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDbEIsS0FBSyxTQUFTO29CQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFBO29CQUN6QixNQUFNO2dCQUNOLEtBQUssS0FBSztvQkFDTixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQTtvQkFDM0IsTUFBTTtnQkFDTixLQUFLLE9BQU87b0JBQ1osSUFBSSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUE7b0JBQzlCLE1BQU07Z0JBQ04sS0FBSyxRQUFRO29CQUNULElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFBO29CQUMxQixNQUFNO2dCQUVOO29CQUNFLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFBO29CQUN6QixNQUFNO2FBQ1A7U0FFRjthQUFJO1lBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFBO1NBQ2hDO0lBRUgsQ0FBQzs4R0F2Q1UsYUFBYTtrR0FBYixhQUFhLHlJQ1IxQixvTUFHUTs7MkZES0ssYUFBYTtrQkFOekIsU0FBUzsrQkFDRSxpQkFBaUIsaUJBR1osaUJBQWlCLENBQUMsSUFBSTswRUFJNUIsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1lcnJvci1jb250cm9sJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1lcnJvci1jb250cm9sLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWVycm9yLWNvbnRyb2wuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0Vycm9yQ29udHJvbCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHRoZW1lOiAnZGVmYXVsdCcgfCAncmVkJyB8ICdncmVlbicgfCAneWVsbG93JyA9IFwiZGVmYXVsdFwiOyAgLy9kZWZhdWx0ICwgcmVkICwgZ3JlZW4gLCB5ZWxsb3dcclxuICBASW5wdXQoKSBpY29uOmJvb2xlYW4gPSBmYWxzZTsgIFxyXG4gIEBJbnB1dCgpIGljb25DdXN0b206c3RyaW5nID0gXCJcIjtcclxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ20nID0gJ20nO1xyXG5cclxuXHJcbiAgaWNvbk5hbWU6IHN0cmluZyA9ICcnXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIGlmKHRoaXMuaWNvbkN1c3RvbSA9PSBcIlwiKXtcclxuXHJcbiAgICAgIHN3aXRjaCAodGhpcy50aGVtZSkge1xyXG4gICAgICAgIGNhc2UgXCJkZWZhdWx0XCI6XHJcbiAgICAgICAgICB0aGlzLmljb25OYW1lID0gXCJzdGFyc1wiXHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgY2FzZSBcInJlZFwiOlxyXG4gICAgICAgICAgICB0aGlzLmljb25OYW1lID0gXCJlcnJvclwiXHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgY2FzZSBcImdyZWVuXCI6XHJcbiAgICAgICAgdGhpcy5pY29uTmFtZSA9IFwiY2hlY2tfY2lyY2xlXCJcclxuICAgICAgICBicmVhaztcclxuICAgICAgICBjYXNlIFwieWVsbG93XCI6XHJcbiAgICAgICAgICAgIHRoaXMuaWNvbk5hbWUgPSBcImluZm9cIlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgdGhpcy5pY29uTmFtZSA9IFwic3RhcnNcIlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcblxyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMuaWNvbk5hbWUgPSB0aGlzLmljb25DdXN0b21cclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJsYWJlbC1jb250ZW50IGxhYmVsLWNvbnRlbnQte3t0aGVtZX19IHt7c2l6ZX19XCI+XHJcbiAgICA8cy1pY29uLW1hdCAqbmdJZj1cImljb25cIiBjbGFzcz1cImljb24te3t0aGVtZX19XCI+e3tpY29uTmFtZX19PC9zLWljb24tbWF0PlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2xhYmVsPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1lcnJvci1jb250cm9sLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2lucHV0L2NvbXBvbmVudHMvZXJyb3ItY29udHJvbC9zLWVycm9yLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9lcnJvci1jb250cm9sL3MtZXJyb3ItY29udHJvbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVE1RSxNQUFNLE9BQU8sYUFBYTtJQVV4QjtRQVJTLFVBQUssR0FBMkMsU0FBUyxDQUFDLENBQUUsZ0NBQWdDO1FBQzVGLFNBQUksR0FBVyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUdsQyxhQUFRLEdBQVcsRUFBRSxDQUFBO0lBRUwsQ0FBQztJQUVqQixRQUFRO1FBRU4sSUFBRyxJQUFJLENBQUMsVUFBVSxJQUFJLEVBQUUsRUFBQztZQUV2QixRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ2xCLEtBQUssU0FBUztvQkFDWixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQTtvQkFDekIsTUFBTTtnQkFDTixLQUFLLEtBQUs7b0JBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUE7b0JBQzNCLE1BQU07Z0JBQ04sS0FBSyxPQUFPO29CQUNaLElBQUksQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFBO29CQUM5QixNQUFNO2dCQUNOLEtBQUssUUFBUTtvQkFDVCxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQTtvQkFDMUIsTUFBTTtnQkFFTjtvQkFDRSxJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQTtvQkFDekIsTUFBTTthQUNQO1NBRUY7YUFBSTtZQUNILElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQTtTQUNoQztJQUVILENBQUM7OEdBdkNVLGFBQWE7a0dBQWIsYUFBYSx5SUNSMUIsb01BR1E7OzJGREtLLGFBQWE7a0JBTnpCLFNBQVM7K0JBQ0UsaUJBQWlCLGlCQUdaLGlCQUFpQixDQUFDLElBQUk7MEVBSTVCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtZXJyb3ItY29udHJvbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtZXJyb3ItY29udHJvbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1lcnJvci1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNFcnJvckNvbnRyb2wgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSB0aGVtZTogJ2RlZmF1bHQnIHwgJ3JlZCcgfCAnZ3JlZW4nIHwgJ3llbGxvdycgPSBcImRlZmF1bHRcIjsgIC8vZGVmYXVsdCAsIHJlZCAsIGdyZWVuICwgeWVsbG93XHJcbiAgQElucHV0KCkgaWNvbjpib29sZWFuID0gZmFsc2U7ICBcclxuICBASW5wdXQoKSBpY29uQ3VzdG9tOnN0cmluZyA9IFwiXCI7XHJcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnO1xyXG5cclxuXHJcbiAgaWNvbk5hbWU6IHN0cmluZyA9ICcnXHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIGlmKHRoaXMuaWNvbkN1c3RvbSA9PSBcIlwiKXtcclxuXHJcbiAgICAgIHN3aXRjaCAodGhpcy50aGVtZSkge1xyXG4gICAgICAgIGNhc2UgXCJkZWZhdWx0XCI6XHJcbiAgICAgICAgICB0aGlzLmljb25OYW1lID0gXCJzdGFyc1wiXHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgY2FzZSBcInJlZFwiOlxyXG4gICAgICAgICAgICB0aGlzLmljb25OYW1lID0gXCJlcnJvclwiXHJcbiAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgY2FzZSBcImdyZWVuXCI6XHJcbiAgICAgICAgdGhpcy5pY29uTmFtZSA9IFwiY2hlY2tfY2lyY2xlXCJcclxuICAgICAgICBicmVhaztcclxuICAgICAgICBjYXNlIFwieWVsbG93XCI6XHJcbiAgICAgICAgICAgIHRoaXMuaWNvbk5hbWUgPSBcImluZm9cIlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICBcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgdGhpcy5pY29uTmFtZSA9IFwic3RhcnNcIlxyXG4gICAgICAgIGJyZWFrO1xyXG4gICAgICB9XHJcblxyXG4gICAgfWVsc2V7XHJcbiAgICAgIHRoaXMuaWNvbk5hbWUgPSB0aGlzLmljb25DdXN0b21cclxuICAgIH1cclxuXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8bGFiZWwgY2xhc3M9XCJsYWJlbC1jb250ZW50IGxhYmVsLWNvbnRlbnQte3t0aGVtZX19IHt7c2l6ZX19XCI+XHJcbiAgICA8cy1pY29uLW1hdCAqbmdJZj1cImljb25cIiBjbGFzcz1cImljb24te3t0aGVtZX19XCI+e3tpY29uTmFtZX19PC9zLWljb24tbWF0PlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2xhYmVsPiJdfQ==

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

@@ -0,0 +1,116 @@
+import { Component, EventEmitter, Input, Output, ViewEncapsulation, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { THEME } from '../../enums/theme.emun';
+import { ICON_THEME } from '../../enums/icon-theme.enum';
+import { ControlValueAccessorDirective } from '../../directives/control-value-accessor.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../../icon-material/s-icon-material.component";
+import * as i4 from "../error-control/s-error-control.component";
+import * as i5 from "../validation-error/s-validation-error.component";
+export var INPUT_TYPE;
+(function (INPUT_TYPE) {
+    INPUT_TYPE["TEXT"] = "text";
+    INPUT_TYPE["PASSWORD"] = "password";
+    INPUT_TYPE["EMAIL"] = "email";
+    INPUT_TYPE["NUMBER"] = "number";
+    INPUT_TYPE["SEARCH"] = "search";
+    INPUT_TYPE["TEL"] = "tel";
+    INPUT_TYPE["URL"] = "url";
+})(INPUT_TYPE || (INPUT_TYPE = {}));
+export var ICON_INPUT;
+(function (ICON_INPUT) {
+    ICON_INPUT["email"] = "email";
+    ICON_INPUT["password"] = "vpn_key";
+    ICON_INPUT["tel"] = "phone";
+    ICON_INPUT["search"] = "search";
+})(ICON_INPUT || (ICON_INPUT = {}));
+export var INPUT_SIZE;
+(function (INPUT_SIZE) {
+    INPUT_SIZE["SM"] = "sm";
+    INPUT_SIZE["MD"] = "md";
+})(INPUT_SIZE || (INPUT_SIZE = {}));
+export class SInput {
+    constructor(config) {
+        this.required = false;
+        this.disabled = false;
+        this.min = 0;
+        this.readOnly = false;
+        this.theme = THEME.DEFAULT;
+        this.type = INPUT_TYPE.TEXT;
+        this.help = false;
+        this.value = '';
+        this.size = INPUT_SIZE.MD;
+        this.classAdd = '';
+        Object.assign(this, config);
+        if (!this.id) {
+            this.id = (Math.floor(Math.random() * 1000)).toString();
+        }
+    }
+}
+export class SInputComponent extends ControlValueAccessorDirective {
+    constructor() {
+        super(...arguments);
+        this.config = new SInput;
+        this.clickHelpIconEvent = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.iconSymbol = false;
+        this.ICON_THEME = ICON_THEME;
+        this.showPassword = false;
+    }
+    getIconType() {
+        return this.config.theme == 'yellow' ? 'symbol' : 'icon';
+    }
+    showIconType() {
+        if (this.config.type) {
+            this.iconType = this.getIconByType(this.config.type);
+            return !!this.iconType;
+        }
+        return false;
+    }
+    getIconByType(type) {
+        return type in ICON_INPUT ? ICON_INPUT[type] : undefined;
+    }
+    changeShowPassword() {
+        this.type = this.showPassword ? INPUT_TYPE.PASSWORD : INPUT_TYPE.TEXT;
+        this.showPassword = !this.showPassword;
+    }
+    clickHelp() {
+        this.clickHelpIconEvent.next();
+    }
+    onBlur(event) {
+        this.blur.next(event);
+    }
+    onFocus(event) {
+        this.focus.next(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SInputComponent, selector: "s-input", inputs: { config: "config" }, outputs: { clickHelpIconEvent: "clickHelpIconEvent", blur: "blur", focus: "focus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => SInputComponent),
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"s-input\" *ngIf=\"control\">\r\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\r\n    {{config.label}}\r\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\r\n  </label>\r\n  <div class=\"content-input-main-626 content-input-main-text {{config.size}} theme-{{config.theme}} {{config.classAdd}}\"\r\n\t\t[ngClass]=\"{'disabled-active': config.disabled || control.status == 'DISABLED', 'theme-red': control.errors && control.touched || errorText && control.touched}\">\r\n\t\t\t<div *ngIf=\"showIconType()\" class=\"content-left\">\r\n\t\t\t\t<s-icon-mat class=\"icon\">{{iconType}}</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.type === 'url'\" class=\"content-left-url\">http://</div>\r\n\t\t\t<div class=\"content-center\">\r\n        <input\r\n          autocomplete=\"off\"\r\n\t\t\t\t\t[id]=\"config.id\"\r\n\t\t\t\t\tplaceholder={{config.placeholder}}\r\n\t\t\t\t\t[readOnly]=\"config.readOnly || config.disabled\"\r\n\t\t\t\t\ttype={{type}}\r\n\t\t\t\t\tmax={{config.max}}\r\n\t\t\t\t\tmin={{config.min}}\r\n\t\t\t\t\tmaxlength={{config.maxlength}}\r\n          [type]=\"config.type\"\r\n          [formControl]=\"control\"\r\n\t\t\t\t\t(focus)=\"onFocus($event)\"\r\n          (blur)=\"onBlur($event)\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"config?.type === 'password'\" class=\"content-right\">\r\n\t\t\t\t<s-icon-mat [type]=\"iconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n\t\t\t\t\t(click)=\"changeShowPassword()\">{{showPassword ? 'visibility' : 'visibility_off'}}\r\n\t\t\t\t</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.theme != 'default'\" class=\"content-right\"> \r\n\t\t\t\t<s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[config.theme ?? 'default']}}</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.theme == 'default' && config.help\" class=\"content-right\">\r\n\t\t\t\t<s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n\t\t\t</div>\r\n  </div>\r\n\t<s-validation-error \r\n\t\t*ngIf=\"config.errorMessages && control.touched\"\r\n\t\t[customErrorMessages]=\"config.errorMessages\"\r\n\t\t[errors]=\"control.errors\">\r\n\t</s-validation-error>\r\n\t<s-error-control *ngIf=\"config.errorText\" theme =\"red\">{{config.errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"config.helpText && !errorText && !config.errorText && !control.errors\">{{config.helpText}}</s-error-control>\r\n</div>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\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", "color", "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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-input', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => SInputComponent),
+                            multi: true
+                        }
+                    ], template: "<div class=\"s-input\" *ngIf=\"control\">\r\n  <label [for]=\"config.id\" *ngIf=\"config?.label\" class=\"s-input__label\">\r\n    {{config.label}}\r\n    <span class=\"s-input__required\" *ngIf=\"config?.required\">*</span>\r\n  </label>\r\n  <div class=\"content-input-main-626 content-input-main-text {{config.size}} theme-{{config.theme}} {{config.classAdd}}\"\r\n\t\t[ngClass]=\"{'disabled-active': config.disabled || control.status == 'DISABLED', 'theme-red': control.errors && control.touched || errorText && control.touched}\">\r\n\t\t\t<div *ngIf=\"showIconType()\" class=\"content-left\">\r\n\t\t\t\t<s-icon-mat class=\"icon\">{{iconType}}</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.type === 'url'\" class=\"content-left-url\">http://</div>\r\n\t\t\t<div class=\"content-center\">\r\n        <input\r\n          autocomplete=\"off\"\r\n\t\t\t\t\t[id]=\"config.id\"\r\n\t\t\t\t\tplaceholder={{config.placeholder}}\r\n\t\t\t\t\t[readOnly]=\"config.readOnly || config.disabled\"\r\n\t\t\t\t\ttype={{type}}\r\n\t\t\t\t\tmax={{config.max}}\r\n\t\t\t\t\tmin={{config.min}}\r\n\t\t\t\t\tmaxlength={{config.maxlength}}\r\n          [type]=\"config.type\"\r\n          [formControl]=\"control\"\r\n\t\t\t\t\t(focus)=\"onFocus($event)\"\r\n          (blur)=\"onBlur($event)\"\r\n        />\r\n      </div>\r\n      <div *ngIf=\"config?.type === 'password'\" class=\"content-right\">\r\n\t\t\t\t<s-icon-mat [type]=\"iconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n\t\t\t\t\t(click)=\"changeShowPassword()\">{{showPassword ? 'visibility' : 'visibility_off'}}\r\n\t\t\t\t</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.theme != 'default'\" class=\"content-right\"> \r\n\t\t\t\t<s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ICON_THEME[config.theme ?? 'default']}}</s-icon-mat>\r\n\t\t\t</div>\r\n\t\t\t<div *ngIf=\"config?.theme == 'default' && config.help\" class=\"content-right\">\r\n\t\t\t\t<s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n\t\t\t</div>\r\n  </div>\r\n\t<s-validation-error \r\n\t\t*ngIf=\"config.errorMessages && control.touched\"\r\n\t\t[customErrorMessages]=\"config.errorMessages\"\r\n\t\t[errors]=\"control.errors\">\r\n\t</s-validation-error>\r\n\t<s-error-control *ngIf=\"config.errorText\" theme =\"red\">{{config.errorText}}</s-error-control>\r\n\t<s-error-control *ngIf=\"config.helpText && !errorText && !config.errorText && !control.errors\">{{config.helpText}}</s-error-control>\r\n</div>", styles: [".s-input{margin-bottom:.5rem}.s-input__label{font-size:14px}.s-input__required{color:var(--primary-600)}.content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-left-url{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"] }]
+        }], propDecorators: { config: [{
+                type: Input
+            }], clickHelpIconEvent: [{
+                type: Output
+            }], blur: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pbnB1dC9jb21wb25lbnRzL2lucHV0L3MtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC9zLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSxpQkFBaUIsRUFBZSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbURBQW1ELENBQUM7Ozs7Ozs7QUFFbEcsTUFBTSxDQUFOLElBQVksVUFRWDtBQVJELFdBQVksVUFBVTtJQUNwQiwyQkFBYSxDQUFBO0lBQ2IsbUNBQXFCLENBQUE7SUFDckIsNkJBQWUsQ0FBQTtJQUNmLCtCQUFpQixDQUFBO0lBQ2pCLCtCQUFpQixDQUFBO0lBQ2pCLHlCQUFXLENBQUE7SUFDWCx5QkFBVyxDQUFBO0FBQ2IsQ0FBQyxFQVJXLFVBQVUsS0FBVixVQUFVLFFBUXJCO0FBRUQsTUFBTSxDQUFOLElBQVksVUFLWDtBQUxELFdBQVksVUFBVTtJQUNwQiw2QkFBaUIsQ0FBQTtJQUNqQixrQ0FBc0IsQ0FBQTtJQUN0QiwyQkFBZSxDQUFBO0lBQ2YsK0JBQW1CLENBQUE7QUFDckIsQ0FBQyxFQUxXLFVB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R0FBZixlQUFlLHFKQVJmO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxlQUFlLENBQUM7Z0JBQzlDLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREN6RUgsMDhFQThDTTs7MkZENkJPLGVBQWU7a0JBYjNCLFNBQVM7K0JBQ0UsU0FBUyxpQkFHSixpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLGdCQUFnQixDQUFDOzRCQUM5QyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IsIFZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBUSEVNRSB9IGZyb20gJy4uLy4uL2VudW1zL3RoZW1lLmVtdW4nO1xyXG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3IuZGlyZWN0aXZlJztcclxuXHJcbmV4cG9ydCBlbnVtIElOUFVUX1RZUEUge1xyXG4gIFRFWFQgPSAndGV4dCcsXHJcbiAgUEFTU1dPUkQgPSAncGFzc3dvcmQnLFxyXG4gIEVNQUlMID0gJ2VtYWlsJyxcclxuICBOVU1CRVIgPSAnbnVtYmVyJyxcclxuICBTRUFSQ0ggPSAnc2VhcmNoJyxcclxuICBURUwgPSAndGVsJyxcclxuICBVUkwgPSAndXJsJ1xyXG59XHJcblxyXG5leHBvcnQgZW51bSBJQ09OX0lOUFVUIHtcclxuICAnZW1haWwnID0gJ2VtYWlsJyxcclxuICAncGFzc3dvcmQnID0gJ3Zwbl9rZXknLFxyXG4gICd0ZWwnID0gJ3Bob25lJyxcclxuICAnc2VhcmNoJyA9ICdzZWFyY2gnXHJcbn1cclxuXHJcbmV4cG9ydCBlbnVtIElOUFVUX1NJWkUge1xyXG4gIFNNID0gJ3NtJyxcclxuICBNRCA9ICdtZCdcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBTSW5wdXRFcnJvciB7XHJcbiAgdHlwZTogVmFsaWRhdG9yRm47XHJcbiAgdHlwZU5hbWU6ICdyZXF1aXJlZCcgfCAnbWF4bGVuZ3RoJyB8ICdtaW5sZW5ndGgnO1xyXG4gIGVycm9yVGV4dDogc3RyaW5nO1xyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgU0lucHV0IHtcclxuICBpZD86IHN0cmluZztcclxuICBsYWJlbD86IHN0cmluZztcclxuICBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICByZXF1aXJlZD86IGJvb2xlYW4gPSBmYWxzZTtcclxuICBkaXNhYmxlZD86IGJvb2xlYW4gPSBmYWxzZTtcclxuICBtYXg/OiBudW1iZXI7XHJcbiAgbWF4bGVuZ3RoPzogbnVtYmVyO1xyXG4gIG1pbj86IG51bWJlciA9IDA7XHJcbiAgcmVhZE9ubHk/OiBib29sZWFuID0gZmFsc2U7XHJcbiAgdGhlbWU/OiBUSEVNRSA9IFRIRU1FLkRFRkFVTFQ7XHJcbiAgdHlwZT86IElOUFVUX1RZUEUgPSBJTlBVVF9UWVBFLlRFWFQ7XHJcbiAgaGVscD86IGJvb2xlYW4gPSBmYWxzZTtcclxuICB2YWx1ZT86IHN0cmluZyA9ICcnO1xyXG4gIHNpemU/OiBJTlBVVF9TSVpFID0gSU5QVVRfU0laRS5NRDtcclxuICBjbGFzc0FkZD86IHN0cmluZyA9ICcnO1xyXG4gIGhlbHBUZXh0Pzogc3RyaW5nO1xyXG4gIGVycm9yTWVzc2FnZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xyXG4gIGVycm9yVGV4dD86IHN0cmluZzsgLy9ybVxyXG5cclxuICBjb25zdHJ1Y3Rvcihjb25maWc/OiBQYXJ0aWFsPFNJbnB1dD4pIHtcclxuICAgIE9iamVjdC5hc3NpZ24odGhpcywgY29uZmlnKTtcclxuICAgIGlmICghdGhpcy5pZCkge1xyXG4gICAgICB0aGlzLmlkID0gKE1hdGguZmxvb3IoTWF0aC5yYW5kb20oKSAqIDEwMDApKS50b1N0cmluZygpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICB7XHJcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTSW5wdXRDb21wb25lbnQpLFxyXG4gICAgICBtdWx0aTogdHJ1ZVxyXG4gICAgfVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNJbnB1dENvbXBvbmVudDxUPiBleHRlbmRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlPFQ+IHtcclxuICBASW5wdXQoKSBjb25maWc6IFNJbnB1dCA9IG5ldyBTSW5wdXQ7XHJcbiAgQE91dHB1dCgpIGNsaWNrSGVscEljb25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIGljb25TeW1ib2w6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBpY29uVHlwZT86IHN0cmluZztcclxuICBJQ09OX1RIRU1FID0gSUNPTl9USEVNRTtcclxuICBzaG93UGFzc3dvcmQgPSBmYWxzZTtcclxuICB0eXBlITogSU5QVVRfVFlQRTtcclxuICBlcnJvclRleHQhOiBzdHJpbmc7XHJcblxyXG4gIGdldEljb25UeXBlKCk6ICdzeW1ib2wnIHwgJ2ljb24nIHtcclxuICAgIHJldHVybiB0aGlzLmNvbmZpZy50aGVtZSA9PSAneWVsbG93JyA/ICdzeW1ib2wnIDogJ2ljb24nO1xyXG4gIH1cclxuXHJcbiAgc2hvd0ljb25UeXBlKCk6IGJvb2xlYW4ge1xyXG4gICAgaWYgKHRoaXMuY29uZmlnLnR5cGUpIHtcclxuICAgICAgdGhpcy5pY29uVHlwZSA9IHRoaXMuZ2V0SWNvbkJ5VHlwZSh0aGlzLmNvbmZpZy50eXBlKTtcclxuICAgICAgcmV0dXJuICEhdGhpcy5pY29uVHlwZTtcclxuICAgIH1cclxuICAgIHJldHVybiBmYWxzZTtcclxuICB9XHJcblxyXG4gIGdldEljb25CeVR5cGUodHlwZTogc3RyaW5nKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0eXBlIGluIElDT05fSU5QVVQgPyBJQ09OX0lOUFVUW3R5cGUgYXMga2V5b2YgdHlwZW9mIElDT05fSU5QVVRdIDogdW5kZWZpbmVkO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlU2hvd1Bhc3N3b3JkKCkge1xyXG4gICAgdGhpcy50eXBlID0gdGhpcy5zaG93UGFzc3dvcmQgPyBJTlBVVF9UWVBFLlBBU1NXT1JEIDogSU5QVVRfVFlQRS5URVhUO1xyXG4gICAgdGhpcy5zaG93UGFzc3dvcmQgPSAhdGhpcy5zaG93UGFzc3dvcmQ7XHJcbiAgfVxyXG5cclxuICBjbGlja0hlbHAoKSB7XHJcbiAgICB0aGlzLmNsaWNrSGVscEljb25FdmVudC5uZXh0KCk7XHJcbiAgfVxyXG5cclxuICBvbkJsdXIoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5ibHVyLm5leHQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgb25Gb2N1cyhldmVudDogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLmZvY3VzLm5leHQoZXZlbnQpO1xyXG4gIH1cclxufSIsIjxkaXYgY2xhc3M9XCJzLWlucHV0XCIgKm5nSWY9XCJjb250cm9sXCI+XHJcbiAgPGxhYmVsIFtmb3JdPVwiY29uZmlnLmlkXCIgKm5nSWY9XCJjb25maWc/LmxhYmVsXCIgY2xhc3M9XCJzLWlucHV0X19sYWJlbFwiPlxyXG4gICAge3tjb25maWcubGFiZWx9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLWlucHV0X19yZXF1aXJlZFwiICpuZ0lmPVwiY29uZmlnPy5yZXF1aXJlZFwiPio8L3NwYW4+XHJcbiAgPC9sYWJlbD5cclxuICA8ZGl2IGNsYXNzPVwiY29udGVudC1pbnB1dC1tYWluLTYyNiBjb250ZW50LWlucHV0LW1haW4tdGV4dCB7e2NvbmZpZy5zaXplfX0gdGhlbWUte3tjb25maWcudGhlbWV9fSB7e2NvbmZpZy5jbGFzc0FkZH19XCJcclxuXHRcdFtuZ0NsYXNzXT1cInsnZGlzYWJsZWQtYWN0aXZlJzogY29uZmlnLmRpc2FibGVkIHx8IGNvbnRyb2wuc3RhdHVzID09ICdESVNBQkxFRCcsICd0aGVtZS1yZWQnOiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLnRvdWNoZWQgfHwgZXJyb3JUZXh0ICYmIGNvbnRyb2wudG91Y2hlZH1cIj5cclxuXHRcdFx0PGRpdiAqbmdJZj1cInNob3dJY29uVHlwZSgpXCIgY2xhc3M9XCJjb250ZW50LWxlZnRcIj5cclxuXHRcdFx0XHQ8cy1pY29uLW1hdCBjbGFzcz1cImljb25cIj57e2ljb25UeXBlfX08L3MtaWNvbi1tYXQ+XHJcblx0XHRcdDwvZGl2PlxyXG5cdFx0XHQ8ZGl2ICpuZ0lmPVwiY29uZmlnPy50eXBlID09PSAndXJsJ1wiIGNsYXNzPVwiY29udGVudC1sZWZ0LXVybFwiPmh0dHA6Ly88L2Rpdj5cclxuXHRcdFx0PGRpdiBjbGFzcz1cImNvbnRlbnQtY2VudGVyXCI+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxyXG5cdFx0XHRcdFx0W2lkXT1cImNvbmZpZy5pZFwiXHJcblx0XHRcdFx0XHRwbGFjZWhvbGRlcj17e2NvbmZpZy5wbGFjZWhvbGRlcn19XHJcblx0XHRcdFx0XHRbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXHJcblx0XHRcdFx0XHR0eXBlPXt7dHlwZX19XHJcblx0XHRcdFx0XHRtYXg9e3tjb25maWcubWF4fX1cclxuXHRcdFx0XHRcdG1pbj17e2NvbmZpZy5taW59fVxyXG5cdFx0XHRcdFx0bWF4bGVuZ3RoPXt7Y29uZmlnLm1heGxlbmd0aH19XHJcbiAgICAgICAgICBbdHlwZV09XCJjb25maWcudHlwZVwiXHJcbiAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcblx0XHRcdFx0XHQoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcclxuICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCJcclxuICAgICAgICAvPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZz8udHlwZSA9PT0gJ3Bhc3N3b3JkJ1wiIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxyXG5cdFx0XHRcdDxzLWljb24tbWF0IFt0eXBlXT1cImljb25TeW1ib2w/J3N5bWJvbCc6J2ljb24nXCIgY2xhc3M9XCJpY29uIGN1cnNvclwiXHJcblx0XHRcdFx0XHQoY2xpY2spPVwiY2hhbmdlU2hvd1Bhc3N3b3JkKClcIj57e3Nob3dQYXNzd29yZCA/ICd2aXNpYmlsaXR5JyA6ICd2aXNpYmlsaXR5X29mZid9fVxyXG5cdFx0XHRcdDwvcy1pY29uLW1hdD5cclxuXHRcdFx0PC9kaXY+XHJcblx0XHRcdDxkaXYgKm5nSWY9XCJjb25maWc/LnRoZW1lICE9ICdkZWZhdWx0J1wiIGNsYXNzPVwiY29udGVudC1yaWdodFwiPiBcclxuXHRcdFx0XHQ8cy1pY29uLW1hdCBbdHlwZV09XCJnZXRJY29uVHlwZSgpXCIgY2xhc3M9XCJpY29uIHJlcG9ydFwiPnt7SUNPTl9USEVNRVtjb25maWcudGhlbWUgPz8gJ2RlZmF1bHQnXX19PC9zLWljb24tbWF0PlxyXG5cdFx0XHQ8L2Rpdj5cclxuXHRcdFx0PGRpdiAqbmdJZj1cImNvbmZpZz8udGhlbWUgPT0gJ2RlZmF1bHQnICYmIGNvbmZpZy5oZWxwXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XHJcblx0XHRcdFx0PHMtaWNvbi1tYXQgKGNsaWNrKT1cImNsaWNrSGVscCgpXCIgY2xhc3M9XCJpY29uIGN1cnNvclwiPmhlbHBfb3V0bGluZTwvcy1pY29uLW1hdD5cclxuXHRcdFx0PC9kaXY+XHJcbiAgPC9kaXY+XHJcblx0PHMtdmFsaWRhdGlvbi1lcnJvciBcclxuXHRcdCpuZ0lmPVwiY29uZmlnLmVycm9yTWVzc2FnZXMgJiYgY29udHJvbC50b3VjaGVkXCJcclxuXHRcdFtjdXN0b21FcnJvck1lc3NhZ2VzXT1cImNvbmZpZy5lcnJvck1lc3NhZ2VzXCJcclxuXHRcdFtlcnJvcnNdPVwiY29udHJvbC5lcnJvcnNcIj5cclxuXHQ8L3MtdmFsaWRhdGlvbi1lcnJvcj5cclxuXHQ8cy1lcnJvci1jb250cm9sICpuZ0lmPVwiY29uZmlnLmVycm9yVGV4dFwiIHRoZW1lID1cInJlZFwiPnt7Y29uZmlnLmVycm9yVGV4dH19PC9zLWVycm9yLWNvbnRyb2w+XHJcblx0PHMtZXJyb3ItY29udHJvbCAqbmdJZj1cImNvbmZpZy5oZWxwVGV4dCAmJiAhZXJyb3JUZXh0ICYmICFjb25maWcuZXJyb3JUZXh0ICYmICFjb250cm9sLmVycm9yc1wiPnt7Y29uZmlnLmhlbHBUZXh0fX08L3MtZXJyb3ItY29udHJvbD5cclxuPC9kaXY+Il19