sidesys-generic-ui 0.0.26 → 0.0.27-bug24488-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/esm2022/lib/checkbox/s-checkbox.component.mjs +2 -2
  2. package/esm2022/lib/footer/s-footer.component.mjs +8 -3
  3. package/esm2022/lib/input/components/input-text/s-input-text.component.mjs +2 -2
  4. package/esm2022/lib/pagination/s-pagination.component.mjs +17 -4
  5. package/esm2022/lib/popup/s-popup.component.mjs +3 -3
  6. package/esm2022/lib/precode/s-precode.component.mjs +11 -5
  7. package/esm2022/lib/progressbar/s-progressbar.component.mjs +2 -2
  8. package/esm2022/lib/radio/s-radio.component.mjs +2 -2
  9. package/esm2022/lib/sidebar/s-sidebar.component.mjs +13 -5
  10. package/fesm2022/sidesys-generic-ui.mjs +54 -22
  11. package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
  12. package/lib/footer/s-footer.component.d.ts +2 -1
  13. package/lib/pagination/s-pagination.component.d.ts +5 -1
  14. package/lib/precode/s-precode.component.d.ts +3 -1
  15. package/lib/sidebar/s-sidebar.component.d.ts +3 -1
  16. package/package.json +1 -1
package/esm2022/lib/checkbox/s-checkbox.component.mjs CHANGED
@@ -36,7 +36,7 @@ export class SCheckboxComponent {
36
36
  useExisting: forwardRef(() => SCheckboxComponent),
37
37
  multi: true
38
38
  }
39
- ], ngImport: i0, template: "<div class=\"s-checkbox\">\r\n <input type=\"checkbox\" \r\n class=\"s-checkbox__input \"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive,\r\n 'undefined': isUndefined\r\n }\"\r\n [value]=\"value\" [ngModel]=\"model\"\r\n [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\"\r\n />\r\n <label *ngIf=\"label\"\r\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
39
+ ], ngImport: i0, template: "<div class=\"s-checkbox\">\r\n <input type=\"checkbox\" \r\n class=\"s-checkbox__input \"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive,\r\n 'undefined': isUndefined\r\n }\"\r\n [value]=\"value\" [ngModel]=\"model\"\r\n [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\"\r\n />\r\n <label *ngIf=\"label\"\r\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\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.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
40
40
  }
41
41
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SCheckboxComponent, decorators: [{
42
42
  type: Component,
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
46
46
  useExisting: forwardRef(() => SCheckboxComponent),
47
47
  multi: true
48
48
  }
49
- ], template: "<div class=\"s-checkbox\">\r\n <input type=\"checkbox\" \r\n class=\"s-checkbox__input \"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive,\r\n 'undefined': isUndefined\r\n }\"\r\n [value]=\"value\" [ngModel]=\"model\"\r\n [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\"\r\n />\r\n <label *ngIf=\"label\"\r\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"] }]
49
+ ], template: "<div class=\"s-checkbox\">\r\n <input type=\"checkbox\" \r\n class=\"s-checkbox__input \"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive,\r\n 'undefined': isUndefined\r\n }\"\r\n [value]=\"value\" [ngModel]=\"model\"\r\n [disabled]=\"disabled\"\r\n (ngModelChange)=\"doCheck($event)\"\r\n />\r\n <label *ngIf=\"label\"\r\n [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"] }]
50
50
  }], propDecorators: { value: [{
51
51
  type: Input
52
52
  }], model: [{
package/esm2022/lib/footer/s-footer.component.mjs CHANGED
@@ -3,13 +3,18 @@ import * as i0 from "@angular/core";
3
3
  import * as i1 from "@angular/common";
4
4
  import * as i2 from "../company-logo/s-company-logo.component";
5
5
  export class SFooterComponent {
6
+ constructor() {
7
+ this.developedBy = 'Desarrollado por';
8
+ }
6
9
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
7
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFooterComponent, selector: "s-footer", inputs: { theme: "theme" }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n <span class=\"s-footer__text\">Desarrollado por</span>\r\n <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }] }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFooterComponent, selector: "s-footer", inputs: { theme: "theme", developedBy: "developedBy" }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n <span class=\"s-footer__text\">{{developedBy}}</span>\r\n <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }] }); }
8
11
  }
9
12
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFooterComponent, decorators: [{
10
13
  type: Component,
11
- args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n <span class=\"s-footer__text\">Desarrollado por</span>\r\n <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
14
+ args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n <span class=\"s-footer__text\">{{developedBy}}</span>\r\n <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
12
15
  }], propDecorators: { theme: [{
13
16
  type: Input
17
+ }], developedBy: [{
18
+ type: Input
14
19
  }] } });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQiw0RUNSN0IsME5BR1M7OzJGREtJLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9YLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1mb290ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1mb290ZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTRm9vdGVyQ29tcG9uZW50IHtcclxuICBcclxuICBASW5wdXQoKSB0aGVtZT86IHN0cmluZztcclxuXHJcbn1cclxuIiwiPGZvb3RlciBjbGFzcz1cInMtZm9vdGVyXCIgW25nQ2xhc3NdPVwidGhlbWUgPyAndGhlbWUtJyt0aGVtZSA6ICcnXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cInMtZm9vdGVyX190ZXh0XCI+RGVzYXJyb2xsYWRvIHBvcjwvc3Bhbj5cclxuICAgIDxzLWNvbXBhbnktbG9nbyBbaGVpZ2h0XT1cIjIzXCIgW3dpZHRoXT1cIjcwXCI+PC9zLWNvbXBhbnktbG9nbz5cclxuPC9mb290ZXI+Il19
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBU1csZ0JBQVcsR0FBWSxrQkFBa0IsQ0FBQztLQUVwRDs4R0FMWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix3R0NSN0IseU5BR1M7OzJGREtJLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9YLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWZvb3RlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWZvb3Rlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNGb290ZXJDb21wb25lbnQge1xyXG4gIFxyXG4gIEBJbnB1dCgpIHRoZW1lPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRldmVsb3BlZEJ5Pzogc3RyaW5nID0gJ0Rlc2Fycm9sbGFkbyBwb3InO1xyXG5cclxufVxyXG4iLCI8Zm9vdGVyIGNsYXNzPVwicy1mb290ZXJcIiBbbmdDbGFzc109XCJ0aGVtZSA/ICd0aGVtZS0nK3RoZW1lIDogJydcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwicy1mb290ZXJfX3RleHRcIj57e2RldmVsb3BlZEJ5fX08L3NwYW4+XHJcbiAgICA8cy1jb21wYW55LWxvZ28gW2hlaWdodF09XCIyM1wiIFt3aWR0aF09XCI3MFwiPjwvcy1jb21wYW55LWxvZ28+XHJcbjwvZm9vdGVyPiJdfQ==
package/esm2022/lib/input/components/input-text/s-input-text.component.mjs CHANGED
@@ -270,7 +270,7 @@ export class SInputTextComponent {
270
270
  useExisting: forwardRef(() => SInputTextComponent),
271
271
  multi: true
272
272
  }
273
- ], viewQueries: [{ propertyName: "typeNumber", first: true, predicate: ["typeNumber"], descendants: true }, { propertyName: "tooltipContainer", first: true, predicate: ["tooltipContainer"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\r\n <!-- El switch case con cada caso por input ['text', 'password', 'email' , 'phone' , 'url' , 'search']-->\r\n\r\n <!-- case text -->\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\"\r\n >\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case password -->\r\n <ng-container *ngSwitchCase=\"'password'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-password {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">vpn_key</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n type=\"{{visibility ? 'text' : 'password'}}\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\r\n \">\r\n </div>\r\n <div class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n (click)=\"visibility = !visibility\">{{visibility ? 'visibility' :\r\n 'visibility_off'}}</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case email -->\r\n <ng-container *ngSwitchCase=\"'email'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-email {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">mail_outline</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case phone -->\r\n <ng-container *ngSwitchCase=\"'phone'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-phone {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">phone</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case url -->\r\n <ng-container *ngSwitchCase=\"'url'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-url {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n http://\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case search -->\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-search {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">search</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <!-- <div class=\"content-right\">\r\n <s-icon-mat class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div> -->\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case color -->\r\n <ng-container *ngSwitchCase=\"'color'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"disabled\" [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n </div>\r\n <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [type]=\"text\" \r\n autocomplete=\"off\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n [disabled]=\"disabled\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case date -->\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case time -->\r\n <ng-container *ngSwitchCase=\"'time'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case number -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"d-flex align-center\">\r\n <div class=\"content-left mr-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberDecrease()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>remove</s-icon-mat></s-button>\r\n </div>\r\n <div class=\"content-input-main-626 content-input-main-text content-input-main-number {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}} w-100\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n #typeNumber \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n >\r\n </div>\r\n\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n <div class=\"content-left ml-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberIncrement()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>add</s-icon-mat></s-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case range -->\r\n <ng-container *ngSwitchCase=\"'range'\">\r\n <div class=\"content-input-main-range {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"tooltip tooltip-{{disabled}}\" #tooltipContainer>\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n #rangeField\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n (mousemove)=\"changeRange(rangeField.value)\"\r\n (ngModelChange)=\"onTextChange()\"\r\n (input)=\"updateTooltip(rangeField.value)\"\r\n >\r\n <span class=\"tooltiptext\" #tooltip>{{ tooltipValue }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case default -->\r\n <ng-container *ngSwitchDefault>\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : 'generic'\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n</ng-container>", styles: [".content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{-webkit-appearance:none;appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{-webkit-appearance:none;appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }], encapsulation: i0.ViewEncapsulation.None }); }
273
+ ], viewQueries: [{ propertyName: "typeNumber", first: true, predicate: ["typeNumber"], descendants: true }, { propertyName: "tooltipContainer", first: true, predicate: ["tooltipContainer"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\r\n <!-- El switch case con cada caso por input ['text', 'password', 'email' , 'phone' , 'url' , 'search']-->\r\n\r\n <!-- case text -->\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\"\r\n >\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case password -->\r\n <ng-container *ngSwitchCase=\"'password'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-password {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">vpn_key</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n type=\"{{visibility ? 'text' : 'password'}}\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\r\n \">\r\n </div>\r\n <div class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n (click)=\"visibility = !visibility\">{{visibility ? 'visibility' :\r\n 'visibility_off'}}</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case email -->\r\n <ng-container *ngSwitchCase=\"'email'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-email {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">mail_outline</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case phone -->\r\n <ng-container *ngSwitchCase=\"'phone'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-phone {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">phone</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case url -->\r\n <ng-container *ngSwitchCase=\"'url'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-url {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n http://\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case search -->\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-search {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">search</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <!-- <div class=\"content-right\">\r\n <s-icon-mat class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div> -->\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case color -->\r\n <ng-container *ngSwitchCase=\"'color'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"disabled\" [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n </div>\r\n <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [type]=\"text\" \r\n autocomplete=\"off\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n [disabled]=\"disabled\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case date -->\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case time -->\r\n <ng-container *ngSwitchCase=\"'time'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case number -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"d-flex align-center\">\r\n <div class=\"content-left mr-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberDecrease()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>remove</s-icon-mat></s-button>\r\n </div>\r\n <div class=\"content-input-main-626 content-input-main-text content-input-main-number {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}} w-100\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n #typeNumber \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n >\r\n </div>\r\n\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n <div class=\"content-left ml-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberIncrement()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>add</s-icon-mat></s-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case range -->\r\n <ng-container *ngSwitchCase=\"'range'\">\r\n <div class=\"content-input-main-range {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"tooltip tooltip-{{disabled}}\" #tooltipContainer>\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n #rangeField\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n (mousemove)=\"changeRange(rangeField.value)\"\r\n (ngModelChange)=\"onTextChange()\"\r\n (input)=\"updateTooltip(rangeField.value)\"\r\n >\r\n <span class=\"tooltiptext\" #tooltip>{{ tooltipValue }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case default -->\r\n <ng-container *ngSwitchDefault>\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : 'generic'\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n</ng-container>", styles: [".content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }], encapsulation: i0.ViewEncapsulation.None }); }
274
274
  }
275
275
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SInputTextComponent, decorators: [{
276
276
  type: Component,
@@ -280,7 +280,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
280
280
  useExisting: forwardRef(() => SInputTextComponent),
281
281
  multi: true
282
282
  }
283
- ], template: "<ng-container [ngSwitch]=\"type\">\r\n <!-- El switch case con cada caso por input ['text', 'password', 'email' , 'phone' , 'url' , 'search']-->\r\n\r\n <!-- case text -->\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\"\r\n >\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case password -->\r\n <ng-container *ngSwitchCase=\"'password'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-password {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">vpn_key</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n type=\"{{visibility ? 'text' : 'password'}}\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\r\n \">\r\n </div>\r\n <div class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n (click)=\"visibility = !visibility\">{{visibility ? 'visibility' :\r\n 'visibility_off'}}</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case email -->\r\n <ng-container *ngSwitchCase=\"'email'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-email {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">mail_outline</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case phone -->\r\n <ng-container *ngSwitchCase=\"'phone'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-phone {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">phone</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case url -->\r\n <ng-container *ngSwitchCase=\"'url'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-url {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n http://\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case search -->\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-search {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">search</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <!-- <div class=\"content-right\">\r\n <s-icon-mat class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div> -->\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case color -->\r\n <ng-container *ngSwitchCase=\"'color'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"disabled\" [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n </div>\r\n <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [type]=\"text\" \r\n autocomplete=\"off\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n [disabled]=\"disabled\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case date -->\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case time -->\r\n <ng-container *ngSwitchCase=\"'time'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case number -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"d-flex align-center\">\r\n <div class=\"content-left mr-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberDecrease()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>remove</s-icon-mat></s-button>\r\n </div>\r\n <div class=\"content-input-main-626 content-input-main-text content-input-main-number {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}} w-100\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n #typeNumber \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n >\r\n </div>\r\n\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n <div class=\"content-left ml-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberIncrement()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>add</s-icon-mat></s-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case range -->\r\n <ng-container *ngSwitchCase=\"'range'\">\r\n <div class=\"content-input-main-range {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"tooltip tooltip-{{disabled}}\" #tooltipContainer>\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n #rangeField\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n (mousemove)=\"changeRange(rangeField.value)\"\r\n (ngModelChange)=\"onTextChange()\"\r\n (input)=\"updateTooltip(rangeField.value)\"\r\n >\r\n <span class=\"tooltiptext\" #tooltip>{{ tooltipValue }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case default -->\r\n <ng-container *ngSwitchDefault>\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : 'generic'\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n</ng-container>", styles: [".content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{-webkit-appearance:none;appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{-webkit-appearance:none;appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"] }]
283
+ ], template: "<ng-container [ngSwitch]=\"type\">\r\n <!-- El switch case con cada caso por input ['text', 'password', 'email' , 'phone' , 'url' , 'search']-->\r\n\r\n <!-- case text -->\r\n <ng-container *ngSwitchCase=\"'text'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\"\r\n >\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case password -->\r\n <ng-container *ngSwitchCase=\"'password'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-password {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">vpn_key</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n type=\"{{visibility ? 'text' : 'password'}}\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\r\n \">\r\n </div>\r\n <div class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon cursor\"\r\n (click)=\"visibility = !visibility\">{{visibility ? 'visibility' :\r\n 'visibility_off'}}</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case email -->\r\n <ng-container *ngSwitchCase=\"'email'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-email {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">mail_outline</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case phone -->\r\n <ng-container *ngSwitchCase=\"'phone'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-phone {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">phone</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case url -->\r\n <ng-container *ngSwitchCase=\"'url'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-url {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n http://\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n\r\n <!-- case search -->\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-search {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">search</s-icon-mat>\r\n </div>\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <!-- <div class=\"content-right\">\r\n <s-icon-mat class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div> -->\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case color -->\r\n <ng-container *ngSwitchCase=\"'color'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-color {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-left\">\r\n <input [readOnly]=\"readOnly\" #color [id]=\"name\" [name]=\"name\" type=\"color\" [disabled]=\"disabled\" [(ngModel)]=\"inputText\"\r\n (ngModelChange)=\"onTextChange()\" style=\"width: 40px; padding: 0;\">\r\n </div>\r\n <div class=\"content-center\" (click)=\"!this.readOnly ? this.color.click() : null\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [type]=\"text\" \r\n autocomplete=\"off\" \r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n [disabled]=\"disabled\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case date -->\r\n <ng-container *ngSwitchCase=\"'date'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case time -->\r\n <ng-container *ngSwitchCase=\"'time'\">\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [id]=\"id ? id : ''\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n (ngModelChange)=\"onTextChangeVal($event)\"\r\n [ngModel]=\"inputText\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case number -->\r\n <ng-container *ngSwitchCase=\"'number'\">\r\n <div class=\"d-flex align-center\">\r\n <div class=\"content-left mr-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberDecrease()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>remove</s-icon-mat></s-button>\r\n </div>\r\n <div class=\"content-input-main-626 content-input-main-text content-input-main-number {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}} w-100\">\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : ''\" \r\n #typeNumber \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\"\r\n [max]=\"max\"\r\n [min]=\"min\"\r\n [step]=\"step\"\r\n >\r\n </div>\r\n\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n <div class=\"content-left ml-1\">\r\n <s-button [disabled]=\"disabled\" (click)=\"numberIncrement()\" [size]=\"size\" [pill]=\"true\" [invert]=\"true\" class=\"button-input-626\"><s-icon-mat>add</s-icon-mat></s-button>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case range -->\r\n <ng-container *ngSwitchCase=\"'range'\">\r\n <div class=\"content-input-main-range {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <div class=\"tooltip tooltip-{{disabled}}\" #tooltipContainer>\r\n <input\r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n #rangeField\r\n [readOnly]=\"readOnly\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [id]=\"id\" \r\n [name]=\"name\" \r\n autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\"\r\n [(ngModel)]=\"inputText\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [step]=\"step\"\r\n (mousemove)=\"changeRange(rangeField.value)\"\r\n (ngModelChange)=\"onTextChange()\"\r\n (input)=\"updateTooltip(rangeField.value)\"\r\n >\r\n <span class=\"tooltiptext\" #tooltip>{{ tooltipValue }}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- case default -->\r\n <ng-container *ngSwitchDefault>\r\n <div\r\n class=\"content-input-main-626 content-input-main-text {{size}} theme-{{theme}} {{classAdd}} {{disabledstyle}}\">\r\n <!-- <div class=\"content-left\">\r\n <s-icon-mat class=\"icon\">email</s-icon-mat>\r\n </div> -->\r\n <div class=\"content-center\">\r\n <input \r\n (focus)=\"onFocus($event)\"\r\n (blur)=\"onBlur($event)\"\r\n [readOnly]=\"readOnly\" \r\n [id]=\"id ? id : 'generic'\" \r\n [disabled]=\"disabled\" \r\n [type]=\"type\" \r\n [name]=\"name\" autocomplete=\"off\"\r\n [placeholder]=\"placeHolder\" \r\n [(ngModel)]=\"inputText\" \r\n (ngModelChange)=\"onTextChange()\">\r\n </div>\r\n <div *ngIf=\"theme != 'default'\" class=\"content-right\">\r\n <s-icon-mat [type]=\"inconSymbol?'symbol':'icon'\" class=\"icon report\">{{iconName}}</s-icon-mat>\r\n </div>\r\n\r\n <div *ngIf=\"theme == 'default' && help\" class=\"content-right\">\r\n <s-icon-mat (click)=\"clickIcon()\" class=\"icon cursor\">help_outline</s-icon-mat>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n</ng-container>", styles: [".content-input-main-626:has(input:focus){border:1px solid var(--primary-600);box-shadow:0 0 0 4px #0091fe26,0 1px 2px #1018280d}.content-input-main-626.theme-green:has(input:focus){border:1px solid var(--green-500);box-shadow:0 0 0 4px #36b37e26,0 1px 2px #1018280d}.content-input-main-626.theme-yellow:has(input:focus){border:1px solid var(--yellow-500);box-shadow:0 0 0 4px #ffab0026,0 1px 2px #1018280d}.content-input-main-626.theme-red:has(input:focus){border:1px solid var(--red-500);box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d}.content-input-main-626.sm input{height:22px;font-size:.75rem}.content-input-main-626.sm .icon{width:20px;cursor:default}.content-input-main-626.sm .icon span{font-size:1.2em;display:flex}.content-input-main-626{display:flex;border:1px solid var(--primary-500);border-radius:4px;padding:0 8px;margin:3px 0;background-color:var(--neutrals-1200)}.content-input-main-626 input{width:100%;border:0px;color:var(--secondary-600);writing-mode:unset;height:36px;font-size:inherit;background-color:var(--neutrals-1200)}.content-input-main-626 input:focus,.content-input-main-626 input:focus-visible{outline:none}.content-input-main-626 .icon{width:20px;cursor:default}.content-input-main-626 .icon span{display:flex}.content-input-main-626 .content-center{width:100%;background-color:var(--neutrals-1200)}.content-input-main-626 .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:8px;color:var(--primary-600)}.content-input-main-626 .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:8px;color:var(--secondary-600)}.content-input-main-626.disabled-active{background-color:var(--neutrals-1100);border-color:var(--neutrals-900);color:var(--neutrals-800)}.content-input-main-626.disabled-active input{background-color:var(--neutrals-1100);color:var(--neutrals-800)}.content-input-main-626.disabled-active .content-left{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active .content-right s-icon-mat span{color:var(--neutrals-800)!important}.content-input-main-626.disabled-active.content-input-main-url .content-left,.content-input-main-626.disabled-active.content-input-main-color .content-left{color:var(--neutrals-800)!important;border-right:1px solid var(--neutrals-900)}.content-input-main-626.theme-red{border:1px solid var(--red-500)}.content-input-main-626.theme-red .icon.report span{color:var(--red-600)}.content-input-main-626.theme-green{border:1px solid var(--green-500)}.content-input-main-626.theme-green .icon.report span{color:var(--green-600)}.content-input-main-626.theme-yellow{border:1px solid var(--yellow-500)}.content-input-main-626.theme-yellow .icon.report span{color:var(--yellow-600)}.content-input-main-626.content-input-main-password .content-right .icon span{color:var(--secondary-500)}.content-input-main-url .content-left,.content-input-main-color .content-left{border-right:1px solid var(--secondary-500);padding-right:8px;color:var(--secondary-500);font-size:.9rem;padding-left:8px}.content-input-main-url,.content-input-main-color{padding-left:0}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--neutrals-1200) inset!important}.content-input-main-626.content-input-main-number input::-webkit-outer-spin-button,.content-input-main-626.content-input-main-number input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.content-input-main-626.content-input-main-number input[type=number]{-moz-appearance:textfield}.button-input-626{font-size:15px;font-weight:700}.content-input-main-range input{width:100%;height:36px;margin:0;-webkit-appearance:none}.content-input-main-range input[type=range]::-webkit-slider-runnable-track{border-radius:4px;height:8px}.content-input-main-range input[type=range]::-moz-range-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-track{appearance:none;background-color:var(--neutrals-1000)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-moz-range-progress{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-ms-fill-upper{appearance:none;background-color:var(--primary-600)!important;height:8px;border-radius:4px}.content-input-main-range input[type=range]::-webkit-slider-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200);margin-top:-8px}.content-input-main-range input[type=range]::-moz-range-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-ms-thumb{box-sizing:border-box;-webkit-appearance:none;border:unset;outline:unset;box-shadow:unset;width:24px;height:24px;border-radius:50%;border:3px solid var(--primary-600);background:var(--neutrals-1200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-moz-range-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-ms-thumb:hover{border:3px solid var(--primary-600);background:var(--primary-200)}.content-input-main-range input[type=range]::-webkit-slider-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-moz-range-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]::-ms-thumb:active{border:3px solid var(--primary-600);background:var(--primary-600);box-shadow:0 1px 2px #1018280d,0 0 0 4px #0091fe26}.content-input-main-range input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}.tooltip{position:relative;display:inline-block;cursor:pointer;width:100%}.tooltip .tooltiptext{visibility:hidden;width:40px;background-color:var(--neutrals-1200);color:var(--secondary-600);font-weight:700;font-size:12px;text-align:center;border-radius:4px;padding:5px;position:absolute;z-index:1;bottom:100%;left:550%;transform:translate(-50%);box-shadow:0 0 16px #17386129}.tooltip-false:hover .tooltiptext{visibility:visible}.tooltip .tooltiptext:before{content:\"\";position:absolute!important;transform:rotate(45deg);height:10px;width:10px;bottom:-5px;background-color:var(--neutrals-1200);box-shadow:0 0 16px #17386129;left:40%}\n"] }]
284
284
  }], ctorParameters: function () { return []; }, propDecorators: { typeNumber: [{
285
285
  type: ViewChild,
286
286
  args: ['typeNumber']
package/esm2022/lib/pagination/s-pagination.component.mjs CHANGED
@@ -11,6 +11,11 @@ export class SPaginationComponent {
11
11
  { key: '20', value: '20 ítems' },
12
12
  { key: '25', value: '25 ítems' },
13
13
  ];
14
+ //Translate scheme
15
+ this.showing = "Mostrando";
16
+ this.to = "a";
17
+ this.of = "de";
18
+ this.items = "ítems.";
14
19
  this.pageNumber = 0;
15
20
  this.totalItems = 1; //Resultados totales
16
21
  this.pageSize = 10;
@@ -79,12 +84,20 @@ export class SPaginationComponent {
79
84
  this.paginationEmitter.emit(pagination);
80
85
  }
81
86
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
82
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SPaginationComponent, selector: "s-pagination", inputs: { pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{'s-pagination--selected':pageSizes}\">\r\n <div class=\"s-pagination__items\">\r\n <select *ngIf=\"pageSizes\" (change)=\"selectPagination($event)\" class=\"s-pagination__items__select-pagination\">\r\n <option *ngFor=\"let o of pageSizes, let i = index\" [value]=\"o.key\" [selected]=\"i == 0\">{{o.value}}</option>\r\n </select>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">Mostrando {{startResults}} a {{endResults}} de\r\n {{totalItems}} \u00EDtems.</p>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems <= pageSize\">Mostrando {{totalItems}} \u00EDtems.</p>\r\n </div>\r\n <div class=\"s-pagination__pages-content\">\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber > 1\" (click)=\"previous()\">keyboard_arrow_left</s-icon-mat>\r\n <p *ngIf=\"pageNumber > 1\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(1)\">1</p>\r\n <p *ngIf=\"previousPage > 2 && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"previousPage >= 2\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(previousPage)\">{{previousPage}}</p>\r\n <s-button [pill]=\"true\">\r\n <label>{{pageNumber}}</label>\r\n </s-button>\r\n <p *ngIf=\"nextPage > 1 && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(nextPage)\">{{nextPage}}\r\n </p>\r\n <p *ngIf=\"totalPages !== nextPage +1 && pageNumber !== totalPages && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"totalPages !== nextPage && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\"\r\n (click)=\"pageSelection(totalPages)\">{{totalPages}}</p>\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber < totalPages\" (click)=\"next()\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-pagination{display:flex;align-items:center;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{display:flex}.s-pagination__items__select-pagination{margin-right:2rem;background:var(--neutrals-1100)!important;font-size:.875rem!important;font-weight:700;border-radius:none;width:auto;color:var(--secondary-600);border:none;outline:none;height:2rem;padding:0 10px;cursor:pointer}.s-pagination__items--text{color:var(--secondary-500);margin:0;margin-right:2rem;display:flex;align-items:center}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
87
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SPaginationComponent, selector: "s-pagination", inputs: { showing: "showing", to: "to", of: "of", items: "items", pageNumber: "pageNumber", totalItems: "totalItems", pageSize: "pageSize", pageSizes: "pageSizes" }, outputs: { pageEmitter: "pageEmitter", paginationEmitter: "paginationEmitter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"s-pagination\" [ngClass]=\"{'s-pagination--selected':pageSizes}\">\r\n <div class=\"s-pagination__items\">\r\n <select *ngIf=\"pageSizes\" (change)=\"selectPagination($event)\" class=\"s-pagination__items__select-pagination\">\r\n <option *ngFor=\"let o of pageSizes, let i = index\" [value]=\"o.key\" [selected]=\"i == 0\">{{o.value}}</option>\r\n </select>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">{{showing}} {{startResults}} {{to}} {{endResults}} {{of}}\r\n {{totalItems}} {{items}}</p>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems <= pageSize\">{{showing}} {{totalItems}} {{items}}</p>\r\n </div>\r\n <div class=\"s-pagination__pages-content\">\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber > 1\" (click)=\"previous()\">keyboard_arrow_left</s-icon-mat>\r\n <p *ngIf=\"pageNumber > 1\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(1)\">1</p>\r\n <p *ngIf=\"previousPage > 2 && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"previousPage >= 2\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(previousPage)\">{{previousPage}}</p>\r\n <s-button [pill]=\"true\">\r\n <label>{{pageNumber}}</label>\r\n </s-button>\r\n <p *ngIf=\"nextPage > 1 && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(nextPage)\">{{nextPage}}\r\n </p>\r\n <p *ngIf=\"totalPages !== nextPage +1 && pageNumber !== totalPages && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"totalPages !== nextPage && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\"\r\n (click)=\"pageSelection(totalPages)\">{{totalPages}}</p>\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber < totalPages\" (click)=\"next()\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-pagination{display:flex;align-items:center;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{display:flex}.s-pagination__items__select-pagination{margin-right:2rem;background:var(--neutrals-1100)!important;font-size:.875rem!important;font-weight:700;border-radius:none;width:auto;color:var(--secondary-600);border:none;outline:none;height:2rem;padding:0 10px;cursor:pointer}.s-pagination__items--text{color:var(--secondary-500);margin:0;margin-right:2rem;display:flex;align-items:center}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }] }); }
83
88
  }
84
89
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SPaginationComponent, decorators: [{
85
90
  type: Component,
86
- args: [{ selector: 's-pagination', template: "<div class=\"s-pagination\" [ngClass]=\"{'s-pagination--selected':pageSizes}\">\r\n <div class=\"s-pagination__items\">\r\n <select *ngIf=\"pageSizes\" (change)=\"selectPagination($event)\" class=\"s-pagination__items__select-pagination\">\r\n <option *ngFor=\"let o of pageSizes, let i = index\" [value]=\"o.key\" [selected]=\"i == 0\">{{o.value}}</option>\r\n </select>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">Mostrando {{startResults}} a {{endResults}} de\r\n {{totalItems}} \u00EDtems.</p>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems <= pageSize\">Mostrando {{totalItems}} \u00EDtems.</p>\r\n </div>\r\n <div class=\"s-pagination__pages-content\">\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber > 1\" (click)=\"previous()\">keyboard_arrow_left</s-icon-mat>\r\n <p *ngIf=\"pageNumber > 1\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(1)\">1</p>\r\n <p *ngIf=\"previousPage > 2 && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"previousPage >= 2\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(previousPage)\">{{previousPage}}</p>\r\n <s-button [pill]=\"true\">\r\n <label>{{pageNumber}}</label>\r\n </s-button>\r\n <p *ngIf=\"nextPage > 1 && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(nextPage)\">{{nextPage}}\r\n </p>\r\n <p *ngIf=\"totalPages !== nextPage +1 && pageNumber !== totalPages && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"totalPages !== nextPage && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\"\r\n (click)=\"pageSelection(totalPages)\">{{totalPages}}</p>\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber < totalPages\" (click)=\"next()\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-pagination{display:flex;align-items:center;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{display:flex}.s-pagination__items__select-pagination{margin-right:2rem;background:var(--neutrals-1100)!important;font-size:.875rem!important;font-weight:700;border-radius:none;width:auto;color:var(--secondary-600);border:none;outline:none;height:2rem;padding:0 10px;cursor:pointer}.s-pagination__items--text{color:var(--secondary-500);margin:0;margin-right:2rem;display:flex;align-items:center}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}\n"] }]
87
- }], propDecorators: { pageNumber: [{
91
+ args: [{ selector: 's-pagination', template: "<div class=\"s-pagination\" [ngClass]=\"{'s-pagination--selected':pageSizes}\">\r\n <div class=\"s-pagination__items\">\r\n <select *ngIf=\"pageSizes\" (change)=\"selectPagination($event)\" class=\"s-pagination__items__select-pagination\">\r\n <option *ngFor=\"let o of pageSizes, let i = index\" [value]=\"o.key\" [selected]=\"i == 0\">{{o.value}}</option>\r\n </select>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems > pageSize\">{{showing}} {{startResults}} {{to}} {{endResults}} {{of}}\r\n {{totalItems}} {{items}}</p>\r\n <p class=\"s-body-2 s-pagination__items--text\" *ngIf=\"totalItems <= pageSize\">{{showing}} {{totalItems}} {{items}}</p>\r\n </div>\r\n <div class=\"s-pagination__pages-content\">\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber > 1\" (click)=\"previous()\">keyboard_arrow_left</s-icon-mat>\r\n <p *ngIf=\"pageNumber > 1\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(1)\">1</p>\r\n <p *ngIf=\"previousPage > 2 && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"previousPage >= 2\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(previousPage)\">{{previousPage}}</p>\r\n <s-button [pill]=\"true\">\r\n <label>{{pageNumber}}</label>\r\n </s-button>\r\n <p *ngIf=\"nextPage > 1 && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\" (click)=\"pageSelection(nextPage)\">{{nextPage}}\r\n </p>\r\n <p *ngIf=\"totalPages !== nextPage +1 && pageNumber !== totalPages && totalPages > 2\" class=\"s-pagination__pages-content__page-number s-pagination__pages-content__points\">...</p>\r\n <p *ngIf=\"totalPages !== nextPage && pageNumber !== totalPages\" class=\"s-pagination__pages-content__page-number\"\r\n (click)=\"pageSelection(totalPages)\">{{totalPages}}</p>\r\n <s-icon-mat class=\"cursor display-flex\" *ngIf=\"pageNumber < totalPages\" (click)=\"next()\">keyboard_arrow_right</s-icon-mat>\r\n </div>\r\n</div>", styles: [".s-pagination{display:flex;align-items:center;justify-content:flex-end}.s-pagination--selected{justify-content:space-between}.s-pagination__items{display:flex}.s-pagination__items__select-pagination{margin-right:2rem;background:var(--neutrals-1100)!important;font-size:.875rem!important;font-weight:700;border-radius:none;width:auto;color:var(--secondary-600);border:none;outline:none;height:2rem;padding:0 10px;cursor:pointer}.s-pagination__items--text{color:var(--secondary-500);margin:0;margin-right:2rem;display:flex;align-items:center}.s-pagination__pages-content{display:flex;align-items:center}.s-pagination__pages-content__page-number{margin:0 .8rem;color:var(--secondary-600);font-weight:700;font-size:.875rem!important;cursor:pointer}.s-pagination__pages-content__points{margin-top:-.5rem;font-size:1rem!important}.s-pagination .display-flex{display:flex}\n"] }]
92
+ }], propDecorators: { showing: [{
93
+ type: Input
94
+ }], to: [{
95
+ type: Input
96
+ }], of: [{
97
+ type: Input
98
+ }], items: [{
99
+ type: Input
100
+ }], pageNumber: [{
88
101
  type: Input
89
102
  }], totalItems: [{
90
103
  type: Input
@@ -97,4 +110,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
97
110
  }], paginationEmitter: [{
98
111
  type: Output
99
112
  }] } });
100
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFGLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFPRSxxQkFBZ0IsR0FBbUI7WUFDakMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7U0FDakMsQ0FBQTtRQUVRLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFDdkIsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDLG9CQUFvQjtRQUM1QyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBRXJCLGdCQUFXLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdkQsc0JBQWlCLEdBQW1DLElBQUksWUFBWSxFQUFFLENBQUM7UUFFakYsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFFdkIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIsYUFBUSxHQUFXLENBQUMsQ0FBQztLQW1FdEI7SUFqRUMsV0FBVztRQUNULElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1NBQy9DO1FBQ0QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMvQyxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUNqRTtRQUNELDZCQUE2QjtRQUM3QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN4RCxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDOUQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUN0RCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO0lBQzVFLENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNwQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1FBQ3hDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVU7UUFDekIsSUFBSSxDQUFDLFFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLGFBQWE7UUFDbEMsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3JCLElBQUksVUFBVSxHQUFxQjtZQUNqQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdkIsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1NBQzVCLENBQUE7UUFDRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ3pDLENBQUM7OEdBdkZVLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHdRQ1RqQyxtcEVBd0JNOzsyRkRmTyxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsY0FBYzs4QkFhZixVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU1NlbGVjdE1vZGVsIH0gZnJvbSBcIi4uL3NlbGVjdFwiO1xyXG5pbXBvcnQgeyBTUGFnaW5hdGlvbk1vZGVsIH0gZnJvbSBcIi4vcy1wYWdpbmF0aW9uLW1vZGVsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMgIHtcclxuXHJcbiAgcGFnZVNpemVzRGVmYXVsdDogU1NlbGVjdE1vZGVsW10gPSBbXHJcbiAgICB7IGtleTogJzEwJywgdmFsdWU6ICcxMCDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzE1JywgdmFsdWU6ICcxNSDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzIwJywgdmFsdWU6ICcyMCDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzI1JywgdmFsdWU6ICcyNSDDrXRlbXMnIH0sXHJcbiAgXVxyXG5cclxuICBASW5wdXQoKSBwYWdlTnVtYmVyOiBudW1iZXIgPSAwO1xyXG4gIEBJbnB1dCgpIHRvdGFsSXRlbXM6IG51bWJlciA9IDE7IC8vUmVzdWx0YWRvcyB0b3RhbGVzXHJcbiAgQElucHV0KCkgcGFnZVNpemU6IG51bWJlciA9IDEwO1xyXG4gIEBJbnB1dCgpIHBhZ2VTaXplcz86IFNTZWxlY3RNb2RlbFtdO1xyXG4gIEBPdXRwdXQoKSBwYWdlRW1pdHRlcjogRXZlbnRFbWl0dGVyPG51bWJlcj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIHBhZ2luYXRpb25FbWl0dGVyOiBFdmVudEVtaXR0ZXI8U1BhZ2luYXRpb25Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHN0YXJ0SW5kZXg6IG51bWJlciA9IDA7XHJcbiAgdG90YWxQYWdlczogbnVtYmVyID0gMDtcclxuICBzdGFydFJlc3VsdHM6IG51bWJlciA9IDA7XHJcbiAgZW5kUmVzdWx0czogbnVtYmVyID0gMDtcclxuXHJcbiAgcHJldmlvdXNQYWdlOiBudW1iZXIgPSAwO1xyXG4gIG5leHRQYWdlOiBudW1iZXIgPSAwO1xyXG5cclxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0UGFnaW5hdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5wYWdlU2l6ZXMpIHtcclxuICAgICAgdGhpcy5wYWdlU2l6ZSA9IE51bWJlcih0aGlzLnBhZ2VTaXplc1swXS5rZXkpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5zZXRQYWdpbmF0aW9uKCk7XHJcbiAgfVxyXG5cclxuICBzZXRQYWdpbmF0aW9uKCkge1xyXG4gICAgaWYgKHRoaXMucGFnZVNpemVzICYmIHRoaXMucGFnZVNpemVzLmxlbmd0aCA+IDApIHtcclxuICAgICAgdGhpcy5wYWdlU2l6ZSA9IHBhcnNlSW50KHRoaXMucGFnZVNpemVzWzBdLmtleSBhcyBzdHJpbmcpID8/IDEwO1xyXG4gICAgfVxyXG4gICAgLy9DYWxjdWxhIGVsIHRvdGFsIGRlIHDDoWdpbmFzXHJcbiAgICB0aGlzLnRvdGFsUGFnZXMgPSBNYXRoLmNlaWwodGhpcy50b3RhbEl0ZW1zIC8gdGhpcy5wYWdlU2l6ZSk7XHJcbiAgICB0aGlzLnN0YXJ0SW5kZXggPSAodGhpcy5wYWdlTnVtYmVyIC0gMSkgKiB0aGlzLnBhZ2VTaXplO1xyXG4gICAgdGhpcy5zZXRSZXN1bHRzUmFuZ2UoKTtcclxuICAgIHRoaXMuc2V0UGFnZXMoKTtcclxuICB9XHJcblxyXG4gIHNldFJlc3VsdHNSYW5nZSgpIHtcclxuICAgIHRoaXMuc3RhcnRSZXN1bHRzID0gKHRoaXMucGFnZU51bWJlciAtIDEpICogdGhpcy5wYWdlU2l6ZSArIDE7XHJcbiAgICBjb25zdCByZXN1bHRzID0gdGhpcy5zdGFydFJlc3VsdHMgKyB0aGlzLnBhZ2VTaXplIC0gMTtcclxuICAgIHRoaXMuZW5kUmVzdWx0cyA9IChyZXN1bHRzID4gdGhpcy50b3RhbEl0ZW1zKSA/IHRoaXMudG90YWxJdGVtcyA6IHJlc3VsdHM7XHJcbiAgfVxyXG5cclxuICBuZXh0KCkge1xyXG4gICAgdGhpcy5wYWdlTnVtYmVyKys7XHJcbiAgICB0aGlzLnNldFBhZ2UoKTtcclxuICB9XHJcblxyXG4gIHByZXZpb3VzKCkge1xyXG4gICAgdGhpcy5wYWdlTnVtYmVyLS07XHJcbiAgICB0aGlzLnNldFBhZ2UoKTtcclxuICB9XHJcblxyXG4gIHNldFBhZ2UoKSB7XHJcbiAgICB0aGlzLnBhZ2VTZWxlY3Rpb24odGhpcy5wYWdlTnVtYmVyKTtcclxuICAgIHRoaXMuc2V0UGFnZXMoKTtcclxuICB9XHJcblxyXG4gIHNldFBhZ2VzKCl7XHJcbiAgICB0aGlzLnByZXZpb3VzUGFnZSA9IHRoaXMucGFnZU51bWJlciAtIDE7XHJcbiAgICB0aGlzLm5leHRQYWdlID0gdGhpcy5wYWdlTnVtYmVyICsgMTtcclxuICB9XHJcblxyXG4gIHBhZ2VTZWxlY3Rpb24ocGFnZTogbnVtYmVyKSB7XHJcbiAgICB0aGlzLnBhZ2VOdW1iZXIgPSBwYWdlO1xyXG4gICAgdGhpcy5wYWdlRW1pdHRlci5lbWl0KHRoaXMucGFnZU51bWJlcik7XHJcbiAgICB0aGlzLnNldFBhZ2luYXRpb24oKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdFBhZ2luYXRpb24oZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5wYWdlU2l6ZSA9IE51bWJlcihldmVudC50YXJnZXQudmFsdWUpO1xyXG4gICAgdGhpcy5wYWdlTnVtYmVyID0gMTsgLy8gcmVzZXQgcGFnZVxyXG4gICAgdGhpcy5zZXRQYWdpbmF0aW9uKCk7XHJcbiAgICBsZXQgcGFnaW5hdGlvbjogU1BhZ2luYXRpb25Nb2RlbCA9IHtcclxuICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsXHJcbiAgICAgIHN0YXJ0SW5kZXg6IHRoaXMuc3RhcnRJbmRleFxyXG4gICAgfVxyXG4gICAgdGhpcy5wYWdpbmF0aW9uRW1pdHRlci5lbWl0KHBhZ2luYXRpb24pXHJcbiAgfVxyXG5cclxufVxyXG5cclxuIiwiPGRpdiBjbGFzcz1cInMtcGFnaW5hdGlvblwiIFtuZ0NsYXNzXT1cInsncy1wYWdpbmF0aW9uLS1zZWxlY3RlZCc6cGFnZVNpemVzfVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInMtcGFnaW5hdGlvbl9faXRlbXNcIj5cclxuICAgICAgICA8c2VsZWN0ICpuZ0lmPVwicGFnZVNpemVzXCIgKGNoYW5nZSk9XCJzZWxlY3RQYWdpbmF0aW9uKCRldmVudClcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9faXRlbXNfX3NlbGVjdC1wYWdpbmF0aW9uXCI+XHJcbiAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IG8gb2YgcGFnZVNpemVzLCBsZXQgaSA9IGluZGV4XCIgW3ZhbHVlXT1cIm8ua2V5XCIgW3NlbGVjdGVkXT1cImkgPT0gMFwiPnt7by52YWx1ZX19PC9vcHRpb24+XHJcbiAgICAgICAgPC9zZWxlY3Q+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJzLWJvZHktMiBzLXBhZ2luYXRpb25fX2l0ZW1zLS10ZXh0XCIgKm5nSWY9XCJ0b3RhbEl0ZW1zID4gcGFnZVNpemVcIj5Nb3N0cmFuZG8ge3tzdGFydFJlc3VsdHN9fSBhIHt7ZW5kUmVzdWx0c319IGRlXHJcbiAgICAgICAgICAgIHt7dG90YWxJdGVtc319IMOtdGVtcy48L3A+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJzLWJvZHktMiBzLXBhZ2luYXRpb25fX2l0ZW1zLS10ZXh0XCIgKm5nSWY9XCJ0b3RhbEl0ZW1zIDw9IHBhZ2VTaXplXCI+TW9zdHJhbmRvIHt7dG90YWxJdGVtc319IMOtdGVtcy48L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRcIj5cclxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cImN1cnNvciBkaXNwbGF5LWZsZXhcIiAqbmdJZj1cInBhZ2VOdW1iZXIgPiAxXCIgKGNsaWNrKT1cInByZXZpb3VzKClcIj5rZXlib2FyZF9hcnJvd19sZWZ0PC9zLWljb24tbWF0PlxyXG4gICAgICAgIDxwICpuZ0lmPVwicGFnZU51bWJlciA+IDFcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXJcIiAoY2xpY2spPVwicGFnZVNlbGVjdGlvbigxKVwiPjE8L3A+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJwcmV2aW91c1BhZ2UgPiAyICYmIHRvdGFsUGFnZXMgPiAyXCIgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRfX3BhZ2UtbnVtYmVyIHMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcG9pbnRzXCI+Li4uPC9wPlxyXG4gICAgICAgIDxwICpuZ0lmPVwicHJldmlvdXNQYWdlID49IDJcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXJcIiAoY2xpY2spPVwicGFnZVNlbGVjdGlvbihwcmV2aW91c1BhZ2UpXCI+e3twcmV2aW91c1BhZ2V9fTwvcD5cclxuICAgICAgICA8cy1idXR0b24gW3BpbGxdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8bGFiZWw+e3twYWdlTnVtYmVyfX08L2xhYmVsPlxyXG4gICAgICAgIDwvcy1idXR0b24+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJuZXh0UGFnZSA+IDEgJiYgcGFnZU51bWJlciAhPT0gdG90YWxQYWdlc1wiIGNsYXNzPVwicy1wYWdpbmF0aW9uX19wYWdlcy1jb250ZW50X19wYWdlLW51bWJlclwiIChjbGljayk9XCJwYWdlU2VsZWN0aW9uKG5leHRQYWdlKVwiPnt7bmV4dFBhZ2V9fVxyXG4gICAgICAgIDwvcD5cclxuICAgICAgICA8cCAqbmdJZj1cInRvdGFsUGFnZXMgIT09IG5leHRQYWdlICsxICYmIHBhZ2VOdW1iZXIgIT09IHRvdGFsUGFnZXMgJiYgdG90YWxQYWdlcyA+IDJcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXIgcy1wYWdpbmF0aW9uX19wYWdlcy1jb250ZW50X19wb2ludHNcIj4uLi48L3A+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJ0b3RhbFBhZ2VzICE9PSBuZXh0UGFnZSAmJiBwYWdlTnVtYmVyICE9PSB0b3RhbFBhZ2VzXCIgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRfX3BhZ2UtbnVtYmVyXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInBhZ2VTZWxlY3Rpb24odG90YWxQYWdlcylcIj57e3RvdGFsUGFnZXN9fTwvcD5cclxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cImN1cnNvciBkaXNwbGF5LWZsZXhcIiAqbmdJZj1cInBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzXCIgKGNsaWNrKT1cIm5leHQoKVwiPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9zLWljb24tbWF0PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
113
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wYWdpbmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3BhZ2luYXRpb24vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxZQUFZLEVBQWEsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUzFGLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFPRSxxQkFBZ0IsR0FBbUI7WUFDakMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDaEMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7U0FDakMsQ0FBQTtRQUNELGtCQUFrQjtRQUNULFlBQU8sR0FBWSxXQUFXLENBQUM7UUFDL0IsT0FBRSxHQUFZLEdBQUcsQ0FBQztRQUNsQixPQUFFLEdBQVksSUFBSSxDQUFDO1FBQ25CLFVBQUssR0FBWSxRQUFRLENBQUM7UUFFMUIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixlQUFVLEdBQVcsQ0FBQyxDQUFDLENBQUMsb0JBQW9CO1FBQzVDLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFckIsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RCxzQkFBaUIsR0FBbUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVqRixlQUFVLEdBQVcsQ0FBQyxDQUFDO1FBQ3ZCLGVBQVUsR0FBVyxDQUFDLENBQUM7UUFDdkIsaUJBQVksR0FBVyxDQUFDLENBQUM7UUFDekIsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUV2QixpQkFBWSxHQUFXLENBQUMsQ0FBQztRQUN6QixhQUFRLEdBQVcsQ0FBQyxDQUFDO0tBbUV0QjtJQWpFQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDL0M7UUFDRCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBYSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQ2pFO1FBQ0QsNkJBQTZCO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3hELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUM5RCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ3RELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7SUFDNUUsQ0FBQztJQUVELElBQUk7UUFDRixJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsYUFBYSxDQUFDLElBQVk7UUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBVTtRQUN6QixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsYUFBYTtRQUNsQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxVQUFVLEdBQXFCO1lBQ2pDLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7U0FDNUIsQ0FBQTtRQUNELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDekMsQ0FBQzs4R0E1RlUsb0JBQW9CO2tHQUFwQixvQkFBb0IsZ1VDVGpDLDRwRUF3Qk07OzJGRGZPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQWFmLE9BQU87c0JBQWYsS0FBSztnQkFDRyxFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuaW1wb3J0IHsgU1NlbGVjdE1vZGVsIH0gZnJvbSBcIi4uL3NlbGVjdFwiO1xyXG5pbXBvcnQgeyBTUGFnaW5hdGlvbk1vZGVsIH0gZnJvbSBcIi4vcy1wYWdpbmF0aW9uLW1vZGVsXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1wYWdpbmF0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQYWdpbmF0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMgIHtcclxuXHJcbiAgcGFnZVNpemVzRGVmYXVsdDogU1NlbGVjdE1vZGVsW10gPSBbXHJcbiAgICB7IGtleTogJzEwJywgdmFsdWU6ICcxMCDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzE1JywgdmFsdWU6ICcxNSDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzIwJywgdmFsdWU6ICcyMCDDrXRlbXMnIH0sXHJcbiAgICB7IGtleTogJzI1JywgdmFsdWU6ICcyNSDDrXRlbXMnIH0sXHJcbiAgXVxyXG4gIC8vVHJhbnNsYXRlIHNjaGVtZVxyXG4gIEBJbnB1dCgpIHNob3dpbmc/OiBzdHJpbmcgPSBcIk1vc3RyYW5kb1wiO1xyXG4gIEBJbnB1dCgpIHRvPzogc3RyaW5nID0gXCJhXCI7XHJcbiAgQElucHV0KCkgb2Y/OiBzdHJpbmcgPSBcImRlXCI7XHJcbiAgQElucHV0KCkgaXRlbXM/OiBzdHJpbmcgPSBcIsOtdGVtcy5cIjtcclxuXHJcbiAgQElucHV0KCkgcGFnZU51bWJlcjogbnVtYmVyID0gMDtcclxuICBASW5wdXQoKSB0b3RhbEl0ZW1zOiBudW1iZXIgPSAxOyAvL1Jlc3VsdGFkb3MgdG90YWxlc1xyXG4gIEBJbnB1dCgpIHBhZ2VTaXplOiBudW1iZXIgPSAxMDtcclxuICBASW5wdXQoKSBwYWdlU2l6ZXM/OiBTU2VsZWN0TW9kZWxbXTtcclxuICBAT3V0cHV0KCkgcGFnZUVtaXR0ZXI6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwYWdpbmF0aW9uRW1pdHRlcjogRXZlbnRFbWl0dGVyPFNQYWdpbmF0aW9uTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBzdGFydEluZGV4OiBudW1iZXIgPSAwO1xyXG4gIHRvdGFsUGFnZXM6IG51bWJlciA9IDA7XHJcbiAgc3RhcnRSZXN1bHRzOiBudW1iZXIgPSAwO1xyXG4gIGVuZFJlc3VsdHM6IG51bWJlciA9IDA7XHJcblxyXG4gIHByZXZpb3VzUGFnZTogbnVtYmVyID0gMDtcclxuICBuZXh0UGFnZTogbnVtYmVyID0gMDtcclxuXHJcbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFBhZ2luYXRpb24oKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMucGFnZVNpemVzKSB7XHJcbiAgICAgIHRoaXMucGFnZVNpemUgPSBOdW1iZXIodGhpcy5wYWdlU2l6ZXNbMF0ua2V5KTtcclxuICAgIH1cclxuICAgIHRoaXMuc2V0UGFnaW5hdGlvbigpO1xyXG4gIH1cclxuXHJcbiAgc2V0UGFnaW5hdGlvbigpIHtcclxuICAgIGlmICh0aGlzLnBhZ2VTaXplcyAmJiB0aGlzLnBhZ2VTaXplcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMucGFnZVNpemUgPSBwYXJzZUludCh0aGlzLnBhZ2VTaXplc1swXS5rZXkgYXMgc3RyaW5nKSA/PyAxMDtcclxuICAgIH1cclxuICAgIC8vQ2FsY3VsYSBlbCB0b3RhbCBkZSBww6FnaW5hc1xyXG4gICAgdGhpcy50b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRoaXMudG90YWxJdGVtcyAvIHRoaXMucGFnZVNpemUpO1xyXG4gICAgdGhpcy5zdGFydEluZGV4ID0gKHRoaXMucGFnZU51bWJlciAtIDEpICogdGhpcy5wYWdlU2l6ZTtcclxuICAgIHRoaXMuc2V0UmVzdWx0c1JhbmdlKCk7XHJcbiAgICB0aGlzLnNldFBhZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRSZXN1bHRzUmFuZ2UoKSB7XHJcbiAgICB0aGlzLnN0YXJ0UmVzdWx0cyA9ICh0aGlzLnBhZ2VOdW1iZXIgLSAxKSAqIHRoaXMucGFnZVNpemUgKyAxO1xyXG4gICAgY29uc3QgcmVzdWx0cyA9IHRoaXMuc3RhcnRSZXN1bHRzICsgdGhpcy5wYWdlU2l6ZSAtIDE7XHJcbiAgICB0aGlzLmVuZFJlc3VsdHMgPSAocmVzdWx0cyA+IHRoaXMudG90YWxJdGVtcykgPyB0aGlzLnRvdGFsSXRlbXMgOiByZXN1bHRzO1xyXG4gIH1cclxuXHJcbiAgbmV4dCgpIHtcclxuICAgIHRoaXMucGFnZU51bWJlcisrO1xyXG4gICAgdGhpcy5zZXRQYWdlKCk7XHJcbiAgfVxyXG5cclxuICBwcmV2aW91cygpIHtcclxuICAgIHRoaXMucGFnZU51bWJlci0tO1xyXG4gICAgdGhpcy5zZXRQYWdlKCk7XHJcbiAgfVxyXG5cclxuICBzZXRQYWdlKCkge1xyXG4gICAgdGhpcy5wYWdlU2VsZWN0aW9uKHRoaXMucGFnZU51bWJlcik7XHJcbiAgICB0aGlzLnNldFBhZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBzZXRQYWdlcygpe1xyXG4gICAgdGhpcy5wcmV2aW91c1BhZ2UgPSB0aGlzLnBhZ2VOdW1iZXIgLSAxO1xyXG4gICAgdGhpcy5uZXh0UGFnZSA9IHRoaXMucGFnZU51bWJlciArIDE7XHJcbiAgfVxyXG5cclxuICBwYWdlU2VsZWN0aW9uKHBhZ2U6IG51bWJlcikge1xyXG4gICAgdGhpcy5wYWdlTnVtYmVyID0gcGFnZTtcclxuICAgIHRoaXMucGFnZUVtaXR0ZXIuZW1pdCh0aGlzLnBhZ2VOdW1iZXIpO1xyXG4gICAgdGhpcy5zZXRQYWdpbmF0aW9uKCk7XHJcbiAgfVxyXG5cclxuICBzZWxlY3RQYWdpbmF0aW9uKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMucGFnZVNpemUgPSBOdW1iZXIoZXZlbnQudGFyZ2V0LnZhbHVlKTtcclxuICAgIHRoaXMucGFnZU51bWJlciA9IDE7IC8vIHJlc2V0IHBhZ2VcclxuICAgIHRoaXMuc2V0UGFnaW5hdGlvbigpO1xyXG4gICAgbGV0IHBhZ2luYXRpb246IFNQYWdpbmF0aW9uTW9kZWwgPSB7XHJcbiAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2VTaXplLFxyXG4gICAgICBzdGFydEluZGV4OiB0aGlzLnN0YXJ0SW5kZXhcclxuICAgIH1cclxuICAgIHRoaXMucGFnaW5hdGlvbkVtaXR0ZXIuZW1pdChwYWdpbmF0aW9uKVxyXG4gIH1cclxuXHJcbn1cclxuXHJcbiIsIjxkaXYgY2xhc3M9XCJzLXBhZ2luYXRpb25cIiBbbmdDbGFzc109XCJ7J3MtcGFnaW5hdGlvbi0tc2VsZWN0ZWQnOnBhZ2VTaXplc31cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXBhZ2luYXRpb25fX2l0ZW1zXCI+XHJcbiAgICAgICAgPHNlbGVjdCAqbmdJZj1cInBhZ2VTaXplc1wiIChjaGFuZ2UpPVwic2VsZWN0UGFnaW5hdGlvbigkZXZlbnQpXCIgY2xhc3M9XCJzLXBhZ2luYXRpb25fX2l0ZW1zX19zZWxlY3QtcGFnaW5hdGlvblwiPlxyXG4gICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBvIG9mIHBhZ2VTaXplcywgbGV0IGkgPSBpbmRleFwiIFt2YWx1ZV09XCJvLmtleVwiIFtzZWxlY3RlZF09XCJpID09IDBcIj57e28udmFsdWV9fTwvb3B0aW9uPlxyXG4gICAgICAgIDwvc2VsZWN0PlxyXG4gICAgICAgIDxwIGNsYXNzPVwicy1ib2R5LTIgcy1wYWdpbmF0aW9uX19pdGVtcy0tdGV4dFwiICpuZ0lmPVwidG90YWxJdGVtcyA+IHBhZ2VTaXplXCI+e3tzaG93aW5nfX0ge3tzdGFydFJlc3VsdHN9fSB7e3RvfX0ge3tlbmRSZXN1bHRzfX0ge3tvZn19XHJcbiAgICAgICAgICAgIHt7dG90YWxJdGVtc319IHt7aXRlbXN9fTwvcD5cclxuICAgICAgICA8cCBjbGFzcz1cInMtYm9keS0yIHMtcGFnaW5hdGlvbl9faXRlbXMtLXRleHRcIiAqbmdJZj1cInRvdGFsSXRlbXMgPD0gcGFnZVNpemVcIj57e3Nob3dpbmd9fSB7e3RvdGFsSXRlbXN9fSB7e2l0ZW1zfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRcIj5cclxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cImN1cnNvciBkaXNwbGF5LWZsZXhcIiAqbmdJZj1cInBhZ2VOdW1iZXIgPiAxXCIgKGNsaWNrKT1cInByZXZpb3VzKClcIj5rZXlib2FyZF9hcnJvd19sZWZ0PC9zLWljb24tbWF0PlxyXG4gICAgICAgIDxwICpuZ0lmPVwicGFnZU51bWJlciA+IDFcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXJcIiAoY2xpY2spPVwicGFnZVNlbGVjdGlvbigxKVwiPjE8L3A+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJwcmV2aW91c1BhZ2UgPiAyICYmIHRvdGFsUGFnZXMgPiAyXCIgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRfX3BhZ2UtbnVtYmVyIHMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcG9pbnRzXCI+Li4uPC9wPlxyXG4gICAgICAgIDxwICpuZ0lmPVwicHJldmlvdXNQYWdlID49IDJcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXJcIiAoY2xpY2spPVwicGFnZVNlbGVjdGlvbihwcmV2aW91c1BhZ2UpXCI+e3twcmV2aW91c1BhZ2V9fTwvcD5cclxuICAgICAgICA8cy1idXR0b24gW3BpbGxdPVwidHJ1ZVwiPlxyXG4gICAgICAgICAgICA8bGFiZWw+e3twYWdlTnVtYmVyfX08L2xhYmVsPlxyXG4gICAgICAgIDwvcy1idXR0b24+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJuZXh0UGFnZSA+IDEgJiYgcGFnZU51bWJlciAhPT0gdG90YWxQYWdlc1wiIGNsYXNzPVwicy1wYWdpbmF0aW9uX19wYWdlcy1jb250ZW50X19wYWdlLW51bWJlclwiIChjbGljayk9XCJwYWdlU2VsZWN0aW9uKG5leHRQYWdlKVwiPnt7bmV4dFBhZ2V9fVxyXG4gICAgICAgIDwvcD5cclxuICAgICAgICA8cCAqbmdJZj1cInRvdGFsUGFnZXMgIT09IG5leHRQYWdlICsxICYmIHBhZ2VOdW1iZXIgIT09IHRvdGFsUGFnZXMgJiYgdG90YWxQYWdlcyA+IDJcIiBjbGFzcz1cInMtcGFnaW5hdGlvbl9fcGFnZXMtY29udGVudF9fcGFnZS1udW1iZXIgcy1wYWdpbmF0aW9uX19wYWdlcy1jb250ZW50X19wb2ludHNcIj4uLi48L3A+XHJcbiAgICAgICAgPHAgKm5nSWY9XCJ0b3RhbFBhZ2VzICE9PSBuZXh0UGFnZSAmJiBwYWdlTnVtYmVyICE9PSB0b3RhbFBhZ2VzXCIgY2xhc3M9XCJzLXBhZ2luYXRpb25fX3BhZ2VzLWNvbnRlbnRfX3BhZ2UtbnVtYmVyXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInBhZ2VTZWxlY3Rpb24odG90YWxQYWdlcylcIj57e3RvdGFsUGFnZXN9fTwvcD5cclxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cImN1cnNvciBkaXNwbGF5LWZsZXhcIiAqbmdJZj1cInBhZ2VOdW1iZXIgPCB0b3RhbFBhZ2VzXCIgKGNsaWNrKT1cIm5leHQoKVwiPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9zLWljb24tbWF0PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==