sidesys-generic-ui 2.4.9 → 2.4.10

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

@@ -32,19 +32,18 @@ export class SInputNumberComponent extends ControlValueAccessorDirective {
         this.isFocused = false;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.id = this.config.id || `s-input-number`;
     }
     getControl() {
-        if (this.control == undefined) {
-            return this.numberControl;
-        }
-        this.numberControl = this.control;
-        return this.numberControl;
+        return this.control ?? this.numberControl;
     }
     onInput(event) {
         const input = event.target;
         this.value = input.value;
-        this.onChange(this.value);
+        if (this.config.useFormControl === false) {
+            this.onChange(this.value);
+        }
         this.onTouched();
     }
     registerOnChange(fn) {
@@ -77,7 +76,8 @@ export class SInputNumberComponent extends ControlValueAccessorDirective {
         }
     }
     getValue() {
-        return this.config.useFormControl === false ? Number(this.value) : (Number(this.numberControl.value) ?? 0);
+        const val = this.config.useFormControl === false ? this.value : this.getControl()?.value;
+        return Number(val) || 0;
     }
     setValue(newValue) {
         if (this.config.useFormControl === false) {
@@ -85,7 +85,7 @@ export class SInputNumberComponent extends ControlValueAccessorDirective {
             this.onChange(this.value);
             return;
         }
-        this.numberControl.setValue(newValue);
+        this.getControl()?.setValue(newValue);
     }
     onBlur(event) {
         this.isFocused = false;
@@ -118,7 +118,7 @@ export class SInputNumberComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SInputNumberComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: i6.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"control!\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: i5.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: i6.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputNumberComponent, decorators: [{
             type: Component,
@@ -128,7 +128,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SInputNumberComponent),
                             multi: true,
                         },
-                    ], template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
+                    ], template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"control!\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], clickHelpIconEvent: [{
@@ -138,4 +138,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], focus: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC1udW1iZXIvcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC1udW1iZXIvcy1pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbURBQW1ELENBQUM7Ozs7Ozs7O0FBR2xHLE1BQU0sT0FBTyxZQUFZO0lBb0J2QixZQUFZLE1BQThCO1FBQ3hDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0NBQ0Y7QUFlRCxNQUFNLE9BQU8scUJBQXlCLFNBQVEsNkJBQWdDO0lBYjlFOztRQWNXLFdBQU0sR0FBaUIsSUFBSSxZQUFZLEVBQUUsQ0FB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QyxRQUFRLEVBQUUsQ0FBQztRQUNyQyxPQUFPLFlBQVksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFFL0QsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxTQUFTO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFFL0MsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE9BQU8sWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDO0lBQ3hDLENBQUM7K0dBMUdVLHFCQUFxQjttR0FBckIscUJBQXFCLDRKQVJyQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7Z0JBQ3BELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREM5Q0gsOHdIQW9HQTs7NEZEcERhLHFCQUFxQjtrQkFiakMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzs0QkFDcEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRIRU1FIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvdGhlbWUuZW51bSc7XG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJTlBVVF9TSVpFIH0gZnJvbSAnLi4vLi4vZW51bXMvc2l6ZS5lbnVtJztcblxuZXhwb3J0IGNsYXNzIFNJbnB1dE51bWJlciB7XG4gIGNsYXNzQWRkPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGVycm9yTWVzc2FnZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICBlcnJvclRleHQ/OiBzdHJpbmc7XG4gIGhlbHBUZXh0Pzogc3RyaW5nO1xuICBoaWRlRXJyb3JUZXh0PzogYm9vbGVhbjtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBtYXg/OiBudW1iZXI7XG4gIG1pbj86IG51bWJlcjtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBzaG93SGVscD86IGJvb2xlYW47XG4gIHNpemU/OiBJTlBVVF9TSVpFO1xuICBzdGVwPzogbnVtYmVyO1xuICB0aGVtZT86IFRIRU1FO1xuICB1c2VGb3JtQ29udHJvbD86IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoY29uZmlnPzogUGFydGlhbDxTSW5wdXROdW1iZXI+KSB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLCBjb25maWcpO1xuICAgIGlmICghdGhpcy50aGVtZSkge1xuICAgICAgdGhpcy50aGVtZSA9IFRIRU1FLkRFRkFVTFQ7XG4gICAgfVxuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTSW5wdXROdW1iZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0lucHV0TnVtYmVyQ29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4gaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb25maWc6IFNJbnB1dE51bWJlciA9IG5ldyBTSW5wdXROdW1iZXIoKTtcbiAgQE91dHB1dCgpIGNsaWNrSGVscEljb25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgaW5wdXROdW1iZXI6IG51bWJlciA9IDA7XG4gIGluY29uU3ltYm9sOiBib29sZWFuID0gZmFsc2U7XG4gIElDT05fVEhFTUUgPSBJQ09OX1RIRU1FO1xuICBudW1iZXJDb250cm9sID0gbmV3IEZvcm1Db250cm9sKDApO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaWQhOiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pZCA9IHRoaXMuY29uZmlnLmlkIHx8IGBzLWlucHV0LW51bWJlcmA7XG4gIH1cblxuICBnZXRDb250cm9sKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2wgPT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gdGhpcy5udW1iZXJDb250cm9sO1xuICAgIH1cbiAgICB0aGlzLm51bWJlckNvbnRyb2wgPSB0aGlzLmNvbnRyb2w7XG4gICAgcmV0dXJuIHRoaXMubnVtYmVyQ29udHJvbDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaW5wdXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gaW5wdXQudmFsdWU7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2hlZCgpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICAgIH1cbiAgfVxuXG4gIGNsaWNrSGVscCgpIHtcbiAgICB0aGlzLmNsaWNrSGVscEljb25FdmVudC5uZXh0KCk7XG4gIH1cblxuICBnZXRJY29uVHlwZSgpOiAnc3ltYm9sJyB8ICdpY29uJyB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLnRoZW1lID09PSAneWVsbG93JyA/ICdzeW1ib2wnIDogJ2ljb24nO1xuICB9XG5cbiAgbnVtYmVyRGVjcmVhc2UoKSB7XG4gICAgdGhpcy5hZGp1c3ROdW1iZXIoLTEpO1xuICB9XG5cbiAgbnVtYmVySW5jcmVtZW50KCkge1xuICAgIHRoaXMuYWRqdXN0TnVtYmVyKDEpO1xuICB9XG5cbiAgYWRqdXN0TnVtYmVyKHN0ZXA6IG51bWJlcikge1xuICAgIGlmICghdGhpcy5jb25maWcuZGlzYWJsZWQgJiYgIXRoaXMuY29uZmlnLnJlYWRPbmx5KSB7XG4gICAgICBpZiAodGhpcy5jb25maWcuc3RlcCA9PT0gdW5kZWZpbmVkKSB0aGlzLmNvbmZpZy5zdGVwID0gMTtcbiAgICAgIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IHRoaXMuZ2V0VmFsdWUoKTtcbiAgICAgIGNvbnN0IG5ld1ZhbHVlID0gY3VycmVudFZhbHVlICsgc3RlcCAqIHRoaXMuY29uZmlnLnN0ZXA7XG4gICAgICBpZiAoXG4gICAgICAgIChzdGVwIDwgMCAmJiAodGhpcy5jb25maWcubWluID09PSB1bmRlZmluZWQgfHwgbmV3VmFsdWUgPj0gdGhpcy5jb25maWcubWluISkpIHx8XG4gICAgICAgIChzdGVwID4gMCAmJiAodGhpcy5jb25maWcubWF4ID09PSB1bmRlZmluZWQgfHwgbmV3VmFsdWUgPD0gdGhpcy5jb25maWcubWF4ISkpXG4gICAgICApIHtcbiAgICAgICAgdGhpcy5zZXRWYWx1ZShuZXdWYWx1ZSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZ2V0VmFsdWUoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wgPT09IGZhbHNlID8gTnVtYmVyKHRoaXMudmFsdWUpIDogKE51bWJlcih0aGlzLm51bWJlckNvbnRyb2wudmFsdWUpID8/IDApO1xuICB9XG5cbiAgc2V0VmFsdWUobmV3VmFsdWU6IG51bWJlcikge1xuICAgIGlmICh0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBuZXdWYWx1ZS50b1N0cmluZygpO1xuICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5udW1iZXJDb250cm9sLnNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgfVxuXG4gIG9uQmx1cihldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcbiAgICB0aGlzLmJsdXIubmV4dChldmVudCk7XG4gIH1cblxuICBvbkZvY3VzKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIGNhbkRlY3JlYXNlKCk6IGJvb2xlYW4ge1xuICAgIGlmICh0aGlzLmNvbmZpZy5kaXNhYmxlZCB8fCB0aGlzLmNvbmZpZy5yZWFkT25seSkgcmV0dXJuIGZhbHNlO1xuXG4gICAgaWYgKHRoaXMuY29uZmlnLm1pbiA9PT0gdW5kZWZpbmVkKSByZXR1cm4gdHJ1ZTtcblxuICAgIGNvbnN0IGN1cnJlbnRWYWx1ZSA9IHRoaXMuZ2V0VmFsdWUoKTtcbiAgICByZXR1cm4gY3VycmVudFZhbHVlID4gdGhpcy5jb25maWcubWluO1xuICB9XG5cbiAgY2FuSW5jcmVhc2UoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmRpc2FibGVkIHx8IHRoaXMuY29uZmlnLnJlYWRPbmx5KSByZXR1cm4gZmFsc2U7XG5cbiAgICBpZiAodGhpcy5jb25maWcubWF4ID09PSB1bmRlZmluZWQpIHJldHVybiB0cnVlO1xuXG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpO1xuICAgIHJldHVybiBjdXJyZW50VmFsdWUgPCB0aGlzLmNvbmZpZy5tYXg7XG4gIH1cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwicy1pbnB1dC1udW1iZXJcIj5cbiAgPGxhYmVsICpuZ0lmPVwiY29uZmlnLmxhYmVsXCIgY2xhc3M9XCJzLWlucHV0LW51bWJlcl9fbGFiZWxcIiBmb3I9XCJjb25maWcuaWRcIj5cbiAgICB7eyBjb25maWcubGFiZWwgfX1cbiAgICA8c3BhbiBjbGFzcz1cInMtaW5wdXQtbnVtYmVyX19yZXF1aXJlZFwiICpuZ0lmPVwiY29uZmlnLnJlcXVpcmVkXCI+Kjwvc3Bhbj5cbiAgPC9sYWJlbD5cbiAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1jZW50ZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1sZWZ0IG1yLTFcIj5cbiAgICAgIDxzLWJ1dHRvblxuICAgICAgICBbZGlzYWJsZWRdPVwiIWNhbkRlY3JlYXNlKClcIlxuICAgICAgICAoY2xpY2spPVwibnVtYmVyRGVjcmVhc2UoKVwiXG4gICAgICAgIFtzaXplXT1cImNvbmZpZy5zaXplID8/ICdtZCdcIlxuICAgICAgICBbaWRdPVwiaWQgKyAnLWJ1dHRvbi1kZWNyZWFzZSdcIlxuICAgICAgICBbcGlsbF09XCJ0cnVlXCJcbiAgICAgICAgW2ludmVydF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJzLWlucHV0LW51bWJlcl9fYnV0dG9uXCI+XG4gICAgICAgIDxzLWljb24tbWF0PnJlbW92ZTwvcy1pY29uLW1hdD5cbiAgICAgIDwvcy1idXR0b24+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJzLWlucHV0LW51bWJlcl9fY29udGVudCB7eyBjb25maWcuc2l6ZSB9fVxuICAgICAgICB0aGVtZS17eyBjb25maWcudGhlbWUgfX0ge3sgY29uZmlnLmNsYXNzQWRkIH19IHctMTAwXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgJ2Rpc2FibGVkLWFjdGl2ZSc6IGNvbmZpZy5kaXNhYmxlZCxcbiAgICAgICAgcmVhZG9ubHk6IGNvbmZpZy5yZWFkT25seSxcbiAgICAgICAgJ3RoZW1lLXJlZCc6XG4gICAgICAgICAgKGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIChpc0ZvY3VzZWQgfHwgY29udHJvbC50b3VjaGVkKSkgfHxcbiAgICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmVycm9ycyAmJiBjb250cm9sLnRvdWNoZWQpIHx8XG4gICAgICAgICAgY29uZmlnLnRoZW1lID09PSAncmVkJyxcbiAgICAgIH1cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNlbnRlclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbDsgZWxzZSBub3RVc2VGb3JtQ29udHJvbFwiPlxuICAgICAgICAgIDxpbnB1dFxuICAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCJcbiAgICAgICAgICAgIHBsYWNlaG9sZGVyPVwie3sgY29uZmlnLnBsYWNlaG9sZGVyIH19XCJcbiAgICAgICAgICAgIFtyZWFkT25seV09XCJjb25maWcucmVhZE9ubHkgfHwgY29uZmlnLmRpc2FibGVkXCJcbiAgICAgICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgICAgICBbdHlwZV09XCInbnVtYmVyJ1wiXG4gICAgICAgICAgICBtYXg9XCJ7eyBjb25maWcubWF4IH19XCJcbiAgICAgICAgICAgIG1pbj1cInt7IGNvbmZpZy5taW4gfX1cIlxuICAgICAgICAgICAgW3N0ZXBdPVwiY29uZmlnLnN0ZXBcIlxuICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImdldENvbnRyb2woKVwiXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbm90VXNlRm9ybUNvbnRyb2w+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBjb25maWcucGxhY2Vob2xkZXIgfX1cIlxuICAgICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgIFt0eXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgICAgbWluPVwie3sgY29uZmlnLm1pbiB9fVwiXG4gICAgICAgICAgICBbc3RlcF09XCJjb25maWcuc3RlcFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy50aGVtZSAhPT0gJ2RlZmF1bHQnICYmIGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XG4gICAgICAgIDxzLWljb24tbWF0IFt0eXBlXT1cImdldEljb25UeXBlKClcIiBjbGFzcz1cImljb24gcmVwb3J0XCI+e3sgSUNPTl9USEVNRVtjb25maWcudGhlbWVdIH19PC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiKGNvbmZpZz8udGhlbWUgPT09ICdkZWZhdWx0JyAmJiBjb25maWcuc2hvd0hlbHApIHx8IChjb25maWc/LnRoZW1lID09PSB1bmRlZmluZWQgJiYgY29uZmlnLnNob3dIZWxwKVwiXG4gICAgICAgIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxuICAgICAgICA8cy1pY29uLW1hdCAoY2xpY2spPVwiY2xpY2tIZWxwKClcIiBjbGFzcz1cImljb24gY3Vyc29yXCI+aGVscF9vdXRsaW5lPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdCBtbC0xXCI+XG4gICAgICA8cy1idXR0b25cbiAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5JbmNyZWFzZSgpXCJcbiAgICAgICAgKGNsaWNrKT1cIm51bWJlckluY3JlbWVudCgpXCJcbiAgICAgICAgW2lkXT1cImlkICsgJy1idXR0b24taW5jcmVtZW50J1wiXG4gICAgICAgIFtzaXplXT1cImNvbmZpZy5zaXplID8/ICdtZCdcIlxuICAgICAgICBbcGlsbF09XCJ0cnVlXCJcbiAgICAgICAgW2ludmVydF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJidXR0b24taW5wdXQtNjI2XCJcbiAgICAgICAgPjxzLWljb24tbWF0PmFkZDwvcy1pY29uLW1hdD48L3MtYnV0dG9uXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8cy12YWxpZGF0aW9uLWVycm9yXG4gICAgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpXCJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlc1wiXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxuICA8L3MtdmFsaWRhdGlvbi1lcnJvcj5cbiAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiBjb25maWcuZXJyb3JUZXh0XCIgdGhlbWU9XCJyZWRcIj57e1xuICAgIGNvbmZpZy5lcnJvclRleHRcbiAgfX08L3MtZXJyb3ItY29udHJvbD5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgICFjb25maWcuZXJyb3JUZXh0ICYmXG4gICAgICAoKGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXSAmJiAhY29udHJvbC50b3VjaGVkKSB8fCAoY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMpKSAmJlxuICAgICAgIShpc0ZvY3VzZWQgJiYgY29udHJvbC5pbnZhbGlkKVxuICAgIFwiPlxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB8fCAnJyB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pbnB1dC1udW1iZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC1udW1iZXIvcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaW5wdXQvY29tcG9uZW50cy9pbnB1dC1udW1iZXIvcy1pbnB1dC1udW1iZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbURBQW1ELENBQUM7Ozs7Ozs7O0FBR2xHLE1BQU0sT0FBTyxZQUFZO0lBb0J2QixZQUFZLE1BQThCO1FBQ3hDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzdCLENBQUM7SUFDSCxDQUFDO0NBQ0Y7QUFlRCxNQUFNLE9BQU8scUJBQXlCLFNBQVEsNkJBQWdDO0lBYjlFOztRQWNXLFdBQU0sR0FBaUIsSUFBSSxZQUFZLEVBQUUsQ0FB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QyxRQUFRLEVBQUUsQ0FBQztRQUNyQyxPQUFPLFlBQVksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQztJQUN4QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO1lBQUUsT0FBTyxLQUFLLENBQUM7UUFFL0QsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxTQUFTO1lBQUUsT0FBTyxJQUFJLENBQUM7UUFFL0MsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3JDLE9BQU8sWUFBWSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDO0lBQ3hDLENBQUM7K0dBMUdVLHFCQUFxQjttR0FBckIscUJBQXFCLDRKQVJyQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUM7Z0JBQ3BELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREM5Q0gsbXpIQXFHQTs7NEZEckRhLHFCQUFxQjtrQkFiakMsU0FBUzsrQkFDRSxnQkFBZ0IsaUJBR1gsaUJBQWlCLENBQUMsSUFBSSxhQUMxQjt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxzQkFBc0IsQ0FBQzs0QkFDcEQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24sIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFRIRU1FIH0gZnJvbSAnLi4vLi4vLi4vZW51bXMvdGhlbWUuZW51bSc7XG5pbXBvcnQgeyBJQ09OX1RIRU1FIH0gZnJvbSAnLi4vLi4vZW51bXMvaWNvbi10aGVtZS5lbnVtJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcy9jb250cm9sLXZhbHVlLWFjY2Vzc29yLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBJTlBVVF9TSVpFIH0gZnJvbSAnLi4vLi4vZW51bXMvc2l6ZS5lbnVtJztcblxuZXhwb3J0IGNsYXNzIFNJbnB1dE51bWJlciB7XG4gIGNsYXNzQWRkPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGVycm9yTWVzc2FnZXM/OiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+O1xuICBlcnJvclRleHQ/OiBzdHJpbmc7XG4gIGhlbHBUZXh0Pzogc3RyaW5nO1xuICBoaWRlRXJyb3JUZXh0PzogYm9vbGVhbjtcbiAgaWQ/OiBzdHJpbmc7XG4gIGxhYmVsPzogc3RyaW5nO1xuICBtYXg/OiBudW1iZXI7XG4gIG1pbj86IG51bWJlcjtcbiAgcGxhY2Vob2xkZXI/OiBzdHJpbmc7XG4gIHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xuICBzaG93SGVscD86IGJvb2xlYW47XG4gIHNpemU/OiBJTlBVVF9TSVpFO1xuICBzdGVwPzogbnVtYmVyO1xuICB0aGVtZT86IFRIRU1FO1xuICB1c2VGb3JtQ29udHJvbD86IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IoY29uZmlnPzogUGFydGlhbDxTSW5wdXROdW1iZXI+KSB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLCBjb25maWcpO1xuICAgIGlmICghdGhpcy50aGVtZSkge1xuICAgICAgdGhpcy50aGVtZSA9IFRIRU1FLkRFRkFVTFQ7XG4gICAgfVxuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtaW5wdXQtbnVtYmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtaW5wdXQtbnVtYmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1pbnB1dC1udW1iZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTSW5wdXROdW1iZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU0lucHV0TnVtYmVyQ29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4gaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb25maWc6IFNJbnB1dE51bWJlciA9IG5ldyBTSW5wdXROdW1iZXIoKTtcbiAgQE91dHB1dCgpIGNsaWNrSGVscEljb25FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGJsdXIgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBmb2N1cyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgaW5wdXROdW1iZXI6IG51bWJlciA9IDA7XG4gIGluY29uU3ltYm9sOiBib29sZWFuID0gZmFsc2U7XG4gIElDT05fVEhFTUUgPSBJQ09OX1RIRU1FO1xuICBudW1iZXJDb250cm9sID0gbmV3IEZvcm1Db250cm9sKDApO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaWQhOiBzdHJpbmc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB0aGlzLmlkID0gdGhpcy5jb25maWcuaWQgfHwgYHMtaW5wdXQtbnVtYmVyYDtcbiAgfVxuXG4gIGdldENvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbCA/PyB0aGlzLm51bWJlckNvbnRyb2w7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIGlmICh0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCA9PT0gZmFsc2UpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgfVxuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuY29uZmlnLnVzZUZvcm1Db250cm9sKSB7XG4gICAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gICAgfVxuICB9XG5cbiAgY2xpY2tIZWxwKCkge1xuICAgIHRoaXMuY2xpY2tIZWxwSWNvbkV2ZW50Lm5leHQoKTtcbiAgfVxuXG4gIGdldEljb25UeXBlKCk6ICdzeW1ib2wnIHwgJ2ljb24nIHtcbiAgICByZXR1cm4gdGhpcy5jb25maWcudGhlbWUgPT09ICd5ZWxsb3cnID8gJ3N5bWJvbCcgOiAnaWNvbic7XG4gIH1cblxuICBudW1iZXJEZWNyZWFzZSgpIHtcbiAgICB0aGlzLmFkanVzdE51bWJlcigtMSk7XG4gIH1cblxuICBudW1iZXJJbmNyZW1lbnQoKSB7XG4gICAgdGhpcy5hZGp1c3ROdW1iZXIoMSk7XG4gIH1cblxuICBhZGp1c3ROdW1iZXIoc3RlcDogbnVtYmVyKSB7XG4gICAgaWYgKCF0aGlzLmNvbmZpZy5kaXNhYmxlZCAmJiAhdGhpcy5jb25maWcucmVhZE9ubHkpIHtcbiAgICAgIGlmICh0aGlzLmNvbmZpZy5zdGVwID09PSB1bmRlZmluZWQpIHRoaXMuY29uZmlnLnN0ZXAgPSAxO1xuICAgICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpO1xuICAgICAgY29uc3QgbmV3VmFsdWUgPSBjdXJyZW50VmFsdWUgKyBzdGVwICogdGhpcy5jb25maWcuc3RlcDtcbiAgICAgIGlmIChcbiAgICAgICAgKHN0ZXAgPCAwICYmICh0aGlzLmNvbmZpZy5taW4gPT09IHVuZGVmaW5lZCB8fCBuZXdWYWx1ZSA+PSB0aGlzLmNvbmZpZy5taW4hKSkgfHxcbiAgICAgICAgKHN0ZXAgPiAwICYmICh0aGlzLmNvbmZpZy5tYXggPT09IHVuZGVmaW5lZCB8fCBuZXdWYWx1ZSA8PSB0aGlzLmNvbmZpZy5tYXghKSlcbiAgICAgICkge1xuICAgICAgICB0aGlzLnNldFZhbHVlKG5ld1ZhbHVlKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBnZXRWYWx1ZSgpOiBudW1iZXIge1xuICAgIGNvbnN0IHZhbCA9IHRoaXMuY29uZmlnLnVzZUZvcm1Db250cm9sID09PSBmYWxzZSA/IHRoaXMudmFsdWUgOiB0aGlzLmdldENvbnRyb2woKT8udmFsdWU7XG4gICAgcmV0dXJuIE51bWJlcih2YWwpIHx8IDA7XG4gIH1cblxuICBzZXRWYWx1ZShuZXdWYWx1ZTogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnLnVzZUZvcm1Db250cm9sID09PSBmYWxzZSkge1xuICAgICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlLnRvU3RyaW5nKCk7XG4gICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmdldENvbnRyb2woKT8uc2V0VmFsdWUobmV3VmFsdWUpO1xuICB9XG5cbiAgb25CbHVyKGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IGZhbHNlO1xuICAgIHRoaXMuYmx1ci5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIG9uRm9jdXMoZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gdHJ1ZTtcbiAgICB0aGlzLmZvY3VzLm5leHQoZXZlbnQpO1xuICB9XG5cbiAgY2FuRGVjcmVhc2UoKTogYm9vbGVhbiB7XG4gICAgaWYgKHRoaXMuY29uZmlnLmRpc2FibGVkIHx8IHRoaXMuY29uZmlnLnJlYWRPbmx5KSByZXR1cm4gZmFsc2U7XG5cbiAgICBpZiAodGhpcy5jb25maWcubWluID09PSB1bmRlZmluZWQpIHJldHVybiB0cnVlO1xuXG4gICAgY29uc3QgY3VycmVudFZhbHVlID0gdGhpcy5nZXRWYWx1ZSgpO1xuICAgIHJldHVybiBjdXJyZW50VmFsdWUgPiB0aGlzLmNvbmZpZy5taW47XG4gIH1cblxuICBjYW5JbmNyZWFzZSgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5jb25maWcuZGlzYWJsZWQgfHwgdGhpcy5jb25maWcucmVhZE9ubHkpIHJldHVybiBmYWxzZTtcblxuICAgIGlmICh0aGlzLmNvbmZpZy5tYXggPT09IHVuZGVmaW5lZCkgcmV0dXJuIHRydWU7XG5cbiAgICBjb25zdCBjdXJyZW50VmFsdWUgPSB0aGlzLmdldFZhbHVlKCk7XG4gICAgcmV0dXJuIGN1cnJlbnRWYWx1ZSA8IHRoaXMuY29uZmlnLm1heDtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzLWlucHV0LW51bWJlclwiPlxuICA8bGFiZWwgKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtaW5wdXQtbnVtYmVyX19sYWJlbFwiIGZvcj1cImNvbmZpZy5pZFwiPlxuICAgIHt7IGNvbmZpZy5sYWJlbCB9fVxuICAgIDxzcGFuIGNsYXNzPVwicy1pbnB1dC1udW1iZXJfX3JlcXVpcmVkXCIgKm5nSWY9XCJjb25maWcucmVxdWlyZWRcIj4qPC9zcGFuPlxuICA8L2xhYmVsPlxuICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWNlbnRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWxlZnQgbXItMVwiPlxuICAgICAgPHMtYnV0dG9uXG4gICAgICAgIFtkaXNhYmxlZF09XCIhY2FuRGVjcmVhc2UoKVwiXG4gICAgICAgIChjbGljayk9XCJudW1iZXJEZWNyZWFzZSgpXCJcbiAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPz8gJ21kJ1wiXG4gICAgICAgIFtpZF09XCJpZCArICctYnV0dG9uLWRlY3JlYXNlJ1wiXG4gICAgICAgIFtwaWxsXT1cInRydWVcIlxuICAgICAgICBbaW52ZXJ0XT1cInRydWVcIlxuICAgICAgICBjbGFzcz1cInMtaW5wdXQtbnVtYmVyX19idXR0b25cIj5cbiAgICAgICAgPHMtaWNvbi1tYXQ+cmVtb3ZlPC9zLWljb24tbWF0PlxuICAgICAgPC9zLWJ1dHRvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInMtaW5wdXQtbnVtYmVyX19jb250ZW50IHt7IGNvbmZpZy5zaXplIH19XG4gICAgICAgIHRoZW1lLXt7IGNvbmZpZy50aGVtZSB9fSB7eyBjb25maWcuY2xhc3NBZGQgfX0gdy0xMDBcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnZGlzYWJsZWQtYWN0aXZlJzogY29uZmlnLmRpc2FibGVkLFxuICAgICAgICByZWFkb25seTogY29uZmlnLnJlYWRPbmx5LFxuICAgICAgICAndGhlbWUtcmVkJzpcbiAgICAgICAgICAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpKSB8fFxuICAgICAgICAgIChjb250cm9sICYmIGNvbnRyb2wuZXJyb3JzICYmIGNvbnRyb2wudG91Y2hlZCkgfHxcbiAgICAgICAgICBjb25maWcudGhlbWUgPT09ICdyZWQnLFxuICAgICAgfVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtY2VudGVyXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb250cm9sOyBlbHNlIG5vdFVzZUZvcm1Db250cm9sXCI+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBjb25maWcucGxhY2Vob2xkZXIgfX1cIlxuICAgICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgIFt0eXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgICAgbWluPVwie3sgY29uZmlnLm1pbiB9fVwiXG4gICAgICAgICAgICBbc3RlcF09XCJjb25maWcuc3RlcFwiXG4gICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbCFcIlxuICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbm90VXNlRm9ybUNvbnRyb2w+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJ7eyBjb25maWcucGxhY2Vob2xkZXIgfX1cIlxuICAgICAgICAgICAgW3JlYWRPbmx5XT1cImNvbmZpZy5yZWFkT25seSB8fCBjb25maWcuZGlzYWJsZWRcIlxuICAgICAgICAgICAgW2lkXT1cImlkXCJcbiAgICAgICAgICAgIFt0eXBlXT1cIidudW1iZXInXCJcbiAgICAgICAgICAgIG1heD1cInt7IGNvbmZpZy5tYXggfX1cIlxuICAgICAgICAgICAgbWluPVwie3sgY29uZmlnLm1pbiB9fVwiXG4gICAgICAgICAgICBbc3RlcF09XCJjb25maWcuc3RlcFwiXG4gICAgICAgICAgICBbdmFsdWVdPVwidmFsdWVcIlxuICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygkZXZlbnQpXCJcbiAgICAgICAgICAgIChibHVyKT1cIm9uQmx1cigkZXZlbnQpXCIgLz5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy50aGVtZSAhPT0gJ2RlZmF1bHQnICYmIGNvbmZpZy50aGVtZSAhPT0gdW5kZWZpbmVkXCIgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCI+XG4gICAgICAgIDxzLWljb24tbWF0IFt0eXBlXT1cImdldEljb25UeXBlKClcIiBjbGFzcz1cImljb24gcmVwb3J0XCI+e3sgSUNPTl9USEVNRVtjb25maWcudGhlbWVdIH19PC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiKGNvbmZpZz8udGhlbWUgPT09ICdkZWZhdWx0JyAmJiBjb25maWcuc2hvd0hlbHApIHx8IChjb25maWc/LnRoZW1lID09PSB1bmRlZmluZWQgJiYgY29uZmlnLnNob3dIZWxwKVwiXG4gICAgICAgIGNsYXNzPVwiY29udGVudC1yaWdodFwiPlxuICAgICAgICA8cy1pY29uLW1hdCAoY2xpY2spPVwiY2xpY2tIZWxwKClcIiBjbGFzcz1cImljb24gY3Vyc29yXCI+aGVscF9vdXRsaW5lPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdCBtbC0xXCI+XG4gICAgICA8cy1idXR0b25cbiAgICAgICAgW2Rpc2FibGVkXT1cIiFjYW5JbmNyZWFzZSgpXCJcbiAgICAgICAgKGNsaWNrKT1cIm51bWJlckluY3JlbWVudCgpXCJcbiAgICAgICAgW2lkXT1cImlkICsgJy1idXR0b24taW5jcmVtZW50J1wiXG4gICAgICAgIFtzaXplXT1cImNvbmZpZy5zaXplID8/ICdtZCdcIlxuICAgICAgICBbcGlsbF09XCJ0cnVlXCJcbiAgICAgICAgW2ludmVydF09XCJ0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJidXR0b24taW5wdXQtNjI2XCJcbiAgICAgICAgPjxzLWljb24tbWF0PmFkZDwvcy1pY29uLW1hdD48L3MtYnV0dG9uXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8cy12YWxpZGF0aW9uLWVycm9yXG4gICAgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgKGlzRm9jdXNlZCB8fCBjb250cm9sLnRvdWNoZWQpXCJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlc1wiXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxuICA8L3MtdmFsaWRhdGlvbi1lcnJvcj5cbiAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiBjb25maWcuZXJyb3JUZXh0XCIgdGhlbWU9XCJyZWRcIj57e1xuICAgIGNvbmZpZy5lcnJvclRleHRcbiAgfX08L3MtZXJyb3ItY29udHJvbD5cbiAgPHMtZXJyb3ItY29udHJvbFxuICAgICpuZ0lmPVwiXG4gICAgICAhY29uZmlnLmhpZGVFcnJvclRleHQgJiZcbiAgICAgICFjb25maWcuZXJyb3JUZXh0ICYmXG4gICAgICAoKGNvbnRyb2wgJiYgY29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXSAmJiAhY29udHJvbC50b3VjaGVkKSB8fCAoY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMpKSAmJlxuICAgICAgIShpc0ZvY3VzZWQgJiYgY29udHJvbC5pbnZhbGlkKVxuICAgIFwiPlxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB8fCAnJyB9fVxuICA8L3MtZXJyb3ItY29udHJvbD5cbjwvc2VjdGlvbj5cbiJdfQ==

package/fesm2022/sidesys-generic-ui.mjs

@@ -3282,19 +3282,18 @@ class SInputNumberComponent extends ControlValueAccessorDirective {
         this.isFocused = false;
     }
     ngOnInit() {
+        super.ngOnInit();
         this.id = this.config.id || `s-input-number`;
     }
     getControl() {
-        if (this.control == undefined) {
-            return this.numberControl;
-        }
-        this.numberControl = this.control;
-        return this.numberControl;
+        return this.control ?? this.numberControl;
     }
     onInput(event) {
         const input = event.target;
         this.value = input.value;
-        this.onChange(this.value);
+        if (this.config.useFormControl === false) {
+            this.onChange(this.value);
+        }
         this.onTouched();
     }
     registerOnChange(fn) {
@@ -3327,7 +3326,8 @@ class SInputNumberComponent extends ControlValueAccessorDirective {
         }
     }
     getValue() {
-        return this.config.useFormControl === false ? Number(this.value) : (Number(this.numberControl.value) ?? 0);
+        const val = this.config.useFormControl === false ? this.value : this.getControl()?.value;
+        return Number(val) || 0;
     }
     setValue(newValue) {
         if (this.config.useFormControl === false) {
@@ -3335,7 +3335,7 @@ class SInputNumberComponent extends ControlValueAccessorDirective {
             this.onChange(this.value);
             return;
         }
-        this.numberControl.setValue(newValue);
+        this.getControl()?.setValue(newValue);
     }
     onBlur(event) {
         this.isFocused = false;
@@ -3368,7 +3368,7 @@ class SInputNumberComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SInputNumberComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"control!\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "component", type: SButtonComponent, selector: "s-button", inputs: ["disabled", "id", "pill", "size", "invert", "type", "loading", "position", "theme", "active"] }, { kind: "component", type: SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size", "id"] }, { kind: "component", type: SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages", "id"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SInputNumberComponent, decorators: [{
             type: Component,
@@ -3378,7 +3378,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SInputNumberComponent),
                             multi: true,
                         },
-                    ], template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"getControl()\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
+                    ], template: "<section class=\"s-input-number\">\n  <label *ngIf=\"config.label\" class=\"s-input-number__label\" for=\"config.id\">\n    {{ config.label }}\n    <span class=\"s-input-number__required\" *ngIf=\"config.required\">*</span>\n  </label>\n  <div class=\"d-flex align-center\">\n    <div class=\"content-left mr-1\">\n      <s-button\n        [disabled]=\"!canDecrease()\"\n        (click)=\"numberDecrease()\"\n        [size]=\"config.size ?? 'md'\"\n        [id]=\"id + '-button-decrease'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"s-input-number__button\">\n        <s-icon-mat>remove</s-icon-mat>\n      </s-button>\n    </div>\n    <div\n      class=\"s-input-number__content {{ config.size }}\n        theme-{{ config.theme }} {{ config.classAdd }} w-100\"\n      [ngClass]=\"{\n        'disabled-active': config.disabled,\n        readonly: config.readOnly,\n        'theme-red':\n          (control && control.invalid && (isFocused || control.touched)) ||\n          (control && control.errors && control.touched) ||\n          config.theme === 'red',\n      }\">\n      <div class=\"content-center\">\n        <ng-container *ngIf=\"control; else notUseFormControl\">\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [formControl]=\"control!\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-container>\n        <ng-template #notUseFormControl>\n          <input\n            autocomplete=\"off\"\n            placeholder=\"{{ config.placeholder }}\"\n            [readOnly]=\"config.readOnly || config.disabled\"\n            [id]=\"id\"\n            [type]=\"'number'\"\n            max=\"{{ config.max }}\"\n            min=\"{{ config.min }}\"\n            [step]=\"config.step\"\n            [value]=\"value\"\n            (input)=\"onInput($event)\"\n            (focus)=\"onFocus($event)\"\n            (blur)=\"onBlur($event)\" />\n        </ng-template>\n      </div>\n      <div *ngIf=\"config.theme !== 'default' && config.theme !== undefined\" class=\"content-right\">\n        <s-icon-mat [type]=\"getIconType()\" class=\"icon report\">{{ ICON_THEME[config.theme] }}</s-icon-mat>\n      </div>\n      <div\n        *ngIf=\"(config?.theme === 'default' && config.showHelp) || (config?.theme === undefined && config.showHelp)\"\n        class=\"content-right\">\n        <s-icon-mat (click)=\"clickHelp()\" class=\"icon cursor\">help_outline</s-icon-mat>\n      </div>\n    </div>\n    <div class=\"content-left ml-1\">\n      <s-button\n        [disabled]=\"!canIncrease()\"\n        (click)=\"numberIncrement()\"\n        [id]=\"id + '-button-increment'\"\n        [size]=\"config.size ?? 'md'\"\n        [pill]=\"true\"\n        [invert]=\"true\"\n        class=\"button-input-626\"\n        ><s-icon-mat>add</s-icon-mat></s-button\n      >\n    </div>\n  </div>\n  <s-validation-error\n    *ngIf=\"!config.hideErrorText && control && control.invalid && (isFocused || control.touched)\"\n    [customErrorMessages]=\"config.errorMessages\"\n    [errors]=\"control.errors\">\n  </s-validation-error>\n  <s-error-control *ngIf=\"!config.hideErrorText && config.errorText\" theme=\"red\">{{\n    config.errorText\n  }}</s-error-control>\n  <s-error-control\n    *ngIf=\"\n      !config.hideErrorText &&\n      !config.errorText &&\n      ((control && control.errors?.['required'] && !control.touched) || (control && !control.errors)) &&\n      !(isFocused && control.invalid)\n    \">\n    {{ config.helpText || '' }}\n  </s-error-control>\n</section>\n", styles: [".s-input-number{margin-bottom:.5rem}.s-input-number__label{font-size:.875rem;color:var(--secondary-600)}.s-input-number__required{color:var(--primary-600)}.s-input-number__button{font-size:.93rem;font-weight:700}.s-input-number__content{display:flex;border:.063rem solid var(--primary-500);border-radius:.25rem;padding:0 .5rem;margin:.18rem 0;background-color:var(--neutrals-1200)}.s-input-number__content input{width:100%;border:0rem;color:var(--secondary-600);writing-mode:unset;height:2.25rem;font-size:inherit;background-color:var(--neutrals-1200)}.s-input-number__content input:focus,.s-input-number__content input:focus-visible{outline:none}.s-input-number__content input:-webkit-autofill,.s-input-number__content input:-webkit-autofill:hover,.s-input-number__content input:-webkit-autofill:focus,.s-input-number__content input:-webkit-autofill:active{-webkit-box-shadow:0rem 0rem 0rem 1.875rem var(--neutrals-1200) inset!important}.s-input-number__content input::-webkit-outer-spin-button,.s-input-number__content input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-input-number__content input[type=number]{-moz-appearance:textfield}.s-input-number__content .icon{width:1.25rem;cursor:default}.s-input-number__content .icon span{display:flex}.s-input-number__content .content-center{width:100%;background-color:var(--neutrals-1200)}.s-input-number__content .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem;color:var(--primary-600)}.s-input-number__content .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--secondary-600)}.s-input-number__content.theme-green:has(input:focus){border:.063rem solid var(--green-500);box-shadow:0 0 0 .25rem var(--green-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-yellow:has(input:focus){border:.063rem solid var(--yellow-500);box-shadow:0 0 0 .25rem var(--yellow-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.theme-red:has(input:focus){border:.063rem solid var(--red-500);box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}.s-input-number__content.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800);outline:0}.s-input-number__content.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.s-input-number__content.disabled-active.content-left{color:var(--neutrals-800)!important}.s-input-number__content.disabled-active.content-right s-icon-mat span{color:var(--neutrals-800)!important}.s-input-number__content.readonly{background-color:var(--neutrals-1100)}.s-input-number__content.readonly input{background-color:var(--neutrals-1100);cursor:default;color:var(--secondary-600)}.s-input-number__content.theme-red{border:.063rem solid var(--red-500)}.s-input-number__content.theme-red .icon.report span{color:var(--red-600)}.s-input-number__content.theme-green{border:.063rem solid var(--green-500)}.s-input-number__content.theme-green .icon.report span{color:var(--green-600)}.s-input-number__content.theme-yellow{border:.063rem solid var(--yellow-500)}.s-input-number__content.theme-yellow .icon.report span{color:var(--yellow-600)}.s-input-number__content .sm input{height:1.3rem;font-size:.75rem}.s-input-number__content .sm .icon{width:1.25rem;cursor:default}.s-input-number__content .sm .icon span{font-size:1.2em;display:flex}.s-input-number__content:not(.disabled-active):has(input:focus){border:.063rem solid var(--primary-600);box-shadow:0 0 0 .25rem var(--cyan-alpha-200),0 .063rem .125rem 0 var(--blue-alpha-100)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], clickHelpIconEvent: [{