sidesys-generic-ui 2.2.0 → 2.2.2

package/esm2022/lib/container/index.mjs

@@ -0,0 +1,3 @@
+export * from './s-container.module';
+export * from './s-container.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9jb250YWluZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zLWNvbnRhaW5lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zLWNvbnRhaW5lci5jb21wb25lbnQnO1xuIl19

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

@@ -0,0 +1,16 @@
+import { Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SContainerComponent {
+    constructor() {
+        this.background = 'default';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SContainerComponent, selector: "s-container", inputs: { background: "background" }, ngImport: i0, template: "<div class=\"s-container s-container--background-{{ background }}\">\n  <ng-content></ng-content>\n</div>\n", styles: ["s-container{display:block}.s-container{color:var(--secondary-600);padding:1rem;border-radius:.25rem;box-shadow:var(--E100)}.s-container--background-default{background-color:var(--neutrals-1200)}.s-container--background-primary{background-color:var(--primary-100)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-container', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-container s-container--background-{{ background }}\">\n  <ng-content></ng-content>\n</div>\n", styles: ["s-container{display:block}.s-container{color:var(--secondary-600);padding:1rem;border-radius:.25rem;box-shadow:var(--E100)}.s-container--background-default{background-color:var(--neutrals-1200)}.s-container--background-primary{background-color:var(--primary-100)}\n"] }]
+        }], propDecorators: { background: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvY29udGFpbmVyL3MtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRhaW5lci9zLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRcEUsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9XLGVBQVUsR0FBMEIsU0FBUyxDQUFDO0tBQ3hEOytHQUZZLG1CQUFtQjttR0FBbkIsbUJBQW1CLHlGQ1JoQyw2R0FHQTs7NEZES2EsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtY29udGFpbmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0NvbnRhaW5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGJhY2tncm91bmQ6ICdkZWZhdWx0JyB8ICdwcmltYXJ5JyA9ICdkZWZhdWx0Jztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzLWNvbnRhaW5lciBzLWNvbnRhaW5lci0tYmFja2dyb3VuZC17eyBiYWNrZ3JvdW5kIH19XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2022/lib/container/s-container.module.mjs

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SIconMaterialModule } from '../icon-material';
+import { SContainerComponent } from './s-container.component';
+import * as i0 from "@angular/core";
+export class SContainerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SContainerModule, declarations: [SContainerComponent], imports: [CommonModule, SIconMaterialModule], exports: [SContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContainerModule, imports: [CommonModule, SIconMaterialModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SContainerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SContainerComponent],
+                    imports: [CommonModule, SIconMaterialModule],
+                    exports: [SContainerComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250YWluZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvY29udGFpbmVyL3MtY29udGFpbmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFPOUQsTUFBTSxPQUFPLGdCQUFnQjsrR0FBaEIsZ0JBQWdCO2dIQUFoQixnQkFBZ0IsaUJBSlosbUJBQW1CLGFBQ3hCLFlBQVksRUFBRSxtQkFBbUIsYUFDakMsbUJBQW1CO2dIQUVsQixnQkFBZ0IsWUFIakIsWUFBWSxFQUFFLG1CQUFtQjs7NEZBR2hDLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLG1CQUFtQixDQUFDO29CQUM1QyxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDL0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNJY29uTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi9pY29uLW1hdGVyaWFsJztcbmltcG9ydCB7IFNDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL3MtY29udGFpbmVyLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NDb250YWluZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTSWNvbk1hdGVyaWFsTW9kdWxlXSxcbiAgZXhwb3J0czogW1NDb250YWluZXJDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTQ29udGFpbmVyTW9kdWxlIHt9XG4iXX0=

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

@@ -93,7 +93,7 @@ export class SSelectComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SSelectComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n    >{{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <div\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      'theme-red': (control && control.invalid && isFocused ),\r\n      'is-open': isOpen,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n    }\"\r\n    tabIndex=\"0\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n        <ng-container *ngIf=\"control; else notUseFormControl\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [formControl]=\"getControl()\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-container>\r\n        <ng-template #notUseFormControl>\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [value]=\"value\"\r\n            (input)=\"onInput($event)\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-template>\r\n        <span>{{ getTitle() }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n        <div\r\n          class=\"s-select__main__selected-option__left__content-option\"\r\n          *ngIf=\"!value\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!config.readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n\r\n\r\n  <div class=\"s-select__options\" [ngClass]=\"{\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n      }\" *ngIf=\"isOpen\">\r\n    <section class=\"s-select__options-simple\">\r\n      <div\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{\r\n          'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n          'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n          }\"\r\n        *ngFor=\"let item of config.options; index as i\"\r\n        [class.active]=\"i === activeIndex\"\r\n        (click)=\"getSelectedValue(item)\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        tabindex=\"0\">\r\n        <div class=\"content-left\">\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              size=\"24\"\r\n              [display]=\"item.user?.display\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\"\r\n            >person_outline</s-icon-mat\r\n          >\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n        <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n          <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n  <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n  <s-icon-mat\r\n    [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n    class=\"iconPerson\"\r\n    *ngIf=\"config.display === 'iconperson'\"\r\n    >person_outline</s-icon-mat\r\n  >\r\n  <div\r\n    *ngIf=\"\r\n      config?.display === 'profile' &&\r\n      (activeIndex || this.activeIndex === 0) &&\r\n      config.options[activeIndex]?.user\r\n    \"\r\n    class=\"content-avatar\">\r\n    <s-avatar\r\n      size=\"24\"\r\n      [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n      [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n      [urlProfileImage]=\"\r\n        config.options[activeIndex].user?.url ?? undefined\r\n      \"></s-avatar>\r\n  </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i7.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n    >{{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <div\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      'theme-red': (control && control.invalid && isFocused ),\r\n      'is-open': isOpen,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n    }\"\r\n    tabIndex=\"0\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n        <ng-container *ngIf=\"control; else notUseFormControl\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [formControl]=\"getControl()\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-container>\r\n        <ng-template #notUseFormControl>\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [value]=\"value\"\r\n            (input)=\"onInput($event)\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-template>\r\n        <span>{{ getTitle() }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n        <div\r\n          class=\"s-select__main__selected-option__left__content-option\"\r\n          *ngIf=\"!value\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!config.readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n\r\n\r\n  <div class=\"s-select__options\" [ngClass]=\"{\r\n      'label-off': !config.label,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n      }\" *ngIf=\"isOpen\">\r\n    <section class=\"s-select__options-simple\">\r\n      <div\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{\r\n          'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n          'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n          }\"\r\n        *ngFor=\"let item of config.options; index as i\"\r\n        [class.active]=\"i === activeIndex\"\r\n        (click)=\"getSelectedValue(item)\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        tabindex=\"0\">\r\n        <div class=\"content-left\">\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              size=\"24\"\r\n              [display]=\"item.user?.display\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\"\r\n            >person_outline</s-icon-mat\r\n          >\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n        <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n          <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n  <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n  <s-icon-mat\r\n    [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n    class=\"iconPerson\"\r\n    *ngIf=\"config.display === 'iconperson'\"\r\n    >person_outline</s-icon-mat\r\n  >\r\n  <div\r\n    *ngIf=\"\r\n      config?.display === 'profile' &&\r\n      (activeIndex || this.activeIndex === 0) &&\r\n      config.options[activeIndex]?.user\r\n    \"\r\n    class=\"content-avatar\">\r\n    <s-avatar\r\n      size=\"24\"\r\n      [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n      [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n      [urlProfileImage]=\"\r\n        config.options[activeIndex].user?.url ?? undefined\r\n      \"></s-avatar>\r\n  </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i7.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectComponent, decorators: [{
             type: Component,
@@ -103,7 +103,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SSelectComponent),
                             multi: true,
                         },
-                    ], template: "<div\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n    >{{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <div\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      'theme-red': (control && control.invalid && isFocused ),\r\n      'is-open': isOpen,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n    }\"\r\n    tabIndex=\"0\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n        <ng-container *ngIf=\"control; else notUseFormControl\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [formControl]=\"getControl()\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-container>\r\n        <ng-template #notUseFormControl>\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [value]=\"value\"\r\n            (input)=\"onInput($event)\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-template>\r\n        <span>{{ getTitle() }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n        <div\r\n          class=\"s-select__main__selected-option__left__content-option\"\r\n          *ngIf=\"!value\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!config.readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n\r\n\r\n  <div class=\"s-select__options\" [ngClass]=\"{\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n      }\" *ngIf=\"isOpen\">\r\n    <section class=\"s-select__options-simple\">\r\n      <div\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{\r\n          'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n          'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n          }\"\r\n        *ngFor=\"let item of config.options; index as i\"\r\n        [class.active]=\"i === activeIndex\"\r\n        (click)=\"getSelectedValue(item)\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        tabindex=\"0\">\r\n        <div class=\"content-left\">\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              size=\"24\"\r\n              [display]=\"item.user?.display\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\"\r\n            >person_outline</s-icon-mat\r\n          >\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n        <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n          <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n  <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n  <s-icon-mat\r\n    [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n    class=\"iconPerson\"\r\n    *ngIf=\"config.display === 'iconperson'\"\r\n    >person_outline</s-icon-mat\r\n  >\r\n  <div\r\n    *ngIf=\"\r\n      config?.display === 'profile' &&\r\n      (activeIndex || this.activeIndex === 0) &&\r\n      config.options[activeIndex]?.user\r\n    \"\r\n    class=\"content-avatar\">\r\n    <s-avatar\r\n      size=\"24\"\r\n      [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n      [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n      [urlProfileImage]=\"\r\n        config.options[activeIndex].user?.url ?? undefined\r\n      \"></s-avatar>\r\n  </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
+                    ], template: "<div\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\"\r\n    >{{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <div\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      'theme-red': (control && control.invalid && isFocused ),\r\n      'is-open': isOpen,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n    }\"\r\n    tabIndex=\"0\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"value\">\r\n        <ng-container *ngIf=\"control; else notUseFormControl\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [formControl]=\"getControl()\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-container>\r\n        <ng-template #notUseFormControl>\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <input\r\n            [readOnly]=\"config.readOnly || config.disabled\"\r\n            [id]=\"config.id ? config.id : ''\"\r\n            [value]=\"value\"\r\n            (input)=\"onInput($event)\"\r\n            (focus)=\"onFocus()\"\r\n            (blur)=\"onBlur()\" />\r\n        </ng-template>\r\n        <span>{{ getTitle() }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"!value\">\r\n        <div\r\n          class=\"s-select__main__selected-option__left__content-option\"\r\n          *ngIf=\"!value\">\r\n          <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n          <span class=\"placeholder\">{{ config.placeholder }}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!config.readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n    <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n\r\n\r\n  <div class=\"s-select__options\" [ngClass]=\"{\r\n      'label-off': !config.label,\r\n      'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n      }\" *ngIf=\"isOpen\">\r\n    <section class=\"s-select__options-simple\">\r\n      <div\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{\r\n          'sm': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n          'md': (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD\r\n          }\"\r\n        *ngFor=\"let item of config.options; index as i\"\r\n        [class.active]=\"i === activeIndex\"\r\n        (click)=\"getSelectedValue(item)\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        tabindex=\"0\">\r\n        <div class=\"content-left\">\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              size=\"24\"\r\n              [display]=\"item.user?.display\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\"></s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\"\r\n            >person_outline</s-icon-mat\r\n          >\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n        <div class=\"content-right\" *ngIf=\"i === activeIndex\">\r\n          <s-icon-mat class=\"icon-check\">check</s-icon-mat>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  </div>\r\n</div>\r\n\r\n<ng-template #display>\r\n  <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n  <s-icon-mat\r\n    [size]=\"(config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM ? '17' : '22'\"\r\n    class=\"iconPerson\"\r\n    *ngIf=\"config.display === 'iconperson'\"\r\n    >person_outline</s-icon-mat\r\n  >\r\n  <div\r\n    *ngIf=\"\r\n      config?.display === 'profile' &&\r\n      (activeIndex || this.activeIndex === 0) &&\r\n      config.options[activeIndex]?.user\r\n    \"\r\n    class=\"content-avatar\">\r\n    <s-avatar\r\n      size=\"24\"\r\n      [status]=\"config.options[activeIndex].user?.status ?? null\"\r\n      [display]=\"config.options[activeIndex].user?.display ?? undefined\"\r\n      [urlProfileImage]=\"\r\n        config.options[activeIndex].user?.url ?? undefined\r\n      \"></s-avatar>\r\n  </div>\r\n</ng-template>", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
         }], ctorParameters: () => [{ type: i0.Injector }, { type: i1.SelectNavigationService }], propDecorators: { config: [{
                 type: Input
             }], blur: [{
@@ -117,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: HostListener,
                 args: ['document:click']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC9zLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0L3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBaUJ6RCxNQUFNLE9BQU8sZ0JBQW9CLFNBQVEsNkJBQWdDO0lBWXZFLFlBQ0UsUUFBa0IsRUFDVixnQkFBeUM7UUFFakQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRlIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQVp6QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUzQyxlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFeEIsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixjQUFTLEdBQVksS0FBSyxDQUFDO0lBTzNCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLFNBQVMsRUFBRSxDQUFDO1lBQzlCLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUMsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2YsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUN6QyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FDN0MsQ0FBQztZQUNGLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzNCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsS0FBSztZQUM3QyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFxQjtRQUNwQyxJQUFJLENBQUMsT0FBTztZQUNWLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25ELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2hGLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQzNCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDO0lBQ0gsQ0FBQztJQUdELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBb0I7UUFDaEMsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVE7WUFBRSxPQUFNO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBb0IsRUFBRSxJQUF3QjtRQUMzRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQ2hELEtBQUssRUFDTCxJQUFJLEVBQ0osSUFBSSxDQUFDLE1BQU0sRUFDWCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUNoQyxJQUFJLENBQ0wsQ0FBQztJQUNKLENBQUM7K0dBdEdVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZMQVJoQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQy9DLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREM1Qkgsd2hMQTRJYzs7NEZEOUdELGdCQUFnQjtrQkFiNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUdMLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21IQUdRLE1BQU07c0JBQWQsS0FBSztnQkFDSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQTJEUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkFVckIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3Rvcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTU2VsZWN0U2ltcGxlTW9kZWwgfSBmcm9tICcuLi9zLXNlbGVjdC1tb2RlbCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2lucHV0L2RpcmVjdGl2ZXMvY29udHJvbC12YWx1ZS1hY2Nlc3Nvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSU5QVVRfU0laRSB9IGZyb20gJy4uLy4uL2lucHV0L2VudW1zL3NpemUuZW51bSc7XG5pbXBvcnQgeyBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZSB9IGZyb20gJy4uL3Mtc2VsZWN0LXNlcnZpY2UnO1xuaW1wb3J0IHsgU1NlbGVjdCB9IGZyb20gJy4vcy1zZWxlY3QtbW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9zLXNlbGVjdC1zdHlsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU1NlbGVjdENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTU2VsZWN0Q29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4ge1xuICBASW5wdXQoKSBjb25maWchOiBTU2VsZWN0O1xuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBcbiAgSU5QVVRfU0laRSA9IElOUFVUX1NJWkU7XG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBhY3RpdmVJbmRleCE6IG51bWJlcjtcbiAgdmFsdWU6IGFueSA9IHVuZGVmaW5lZDtcbiAgY2xpY2tJbnNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgIHByaXZhdGUgc2VsZWN0TmF2U2VydmljZTogU2VsZWN0TmF2aWdhdGlvblNlcnZpY2VcbiAgKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgZ2V0Q29udHJvbCgpIHtcbiAgICBpZiAodGhpcy5jb250cm9sID09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuICh0aGlzLmNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpKTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbDtcbiAgfVxuXG4gIGdldFRpdGxlKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jb25maWcub3B0aW9ucy5maW5kSW5kZXgoXG4gICAgICAgIGl0ZW0gPT4gaXRlbS52YWx1ZSA9PT0gdGhpcy52YWx1ZS50b1N0cmluZygpXG4gICAgICApO1xuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4O1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5hY3RpdmVJbmRleCB8fCB0aGlzLmFjdGl2ZUluZGV4ID09PSAwXG4gICAgICA/IHRoaXMuY29uZmlnLm9wdGlvbnNbdGhpcy5hY3RpdmVJbmRleF0udGl0bGVcbiAgICAgIDogJyc7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG4gIH1cblxuICBnZXRTZWxlY3RlZFZhbHVlKGU6IFNTZWxlY3RTaW1wbGVNb2RlbCkge1xuICAgIHRoaXMuY29udHJvbFxuICAgICAgPyB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZS52YWx1ZS50b1N0cmluZygpKVxuICAgICAgOiAodGhpcy52YWx1ZSA9IGUudmFsdWUpO1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSB0aGlzLmNvbmZpZy5vcHRpb25zPy5pbmRleE9mKGUpO1xuICAgIHRoaXMudmFsdWUgPSBlLnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkJsdXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gdHJ1ZTtcbiAgICBpZiAoKCF0aGlzLmNvbmZpZy5kaXNhYmxlZCAmJiAhdGhpcy5jb250cm9sPy5kaXNhYmxlZCkgJiYgIXRoaXMuY29uZmlnLnJlYWRPbmx5KSB7XG4gICAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICAgIHRoaXMub25Gb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyLm5leHQoKTtcbiAgfVxuXG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KCk7XG4gIH1cblxuICBvbktleURvd25NYWluKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVyblxuICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bk1haW4oZXZlbnQsIHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIG9uS2V5RG93bkl0ZW1zKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBpdGVtOiBTU2VsZWN0U2ltcGxlTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25JdGVtcyhcbiAgICAgIGV2ZW50LFxuICAgICAgaXRlbSxcbiAgICAgIHRoaXMuaXNPcGVuLFxuICAgICAgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcyksXG4gICAgICB0cnVlXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdlxyXG4gICpuZ0lmPVwiY29uZmlnXCJcclxuICBjbGFzcz1cInMtc2VsZWN0XCJcclxuICBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIlxyXG4gICAgPnt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvclwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICd0aGVtZS1yZWQnOiAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgaXNGb2N1c2VkICksXHJcbiAgICAgICdpcy1vcGVuJzogaXNPcGVuLFxyXG4gICAgICAnc20nOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgICdtZCc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5NRFxyXG4gICAgfVwiXHJcbiAgICB0YWJJbmRleD1cIjBcIlxyXG4gICAgKGtleWRvd24pPVwib25LZXlEb3duTWFpbigkZXZlbnQpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvblwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdFwiICpuZ0lmPVwidmFsdWVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbDsgZWxzZSBub3RVc2VGb3JtQ29udHJvbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRpc3BsYXlcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtpZF09XCJjb25maWcuaWQgPyBjb25maWcuaWQgOiAnJ1wiXHJcbiAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJnZXRDb250cm9sKClcIlxyXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygpXCJcclxuICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIiAvPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbm90VXNlRm9ybUNvbnRyb2w+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgIFtyZWFkT25seV09XCJjb25maWcucmVhZE9ubHkgfHwgY29uZmlnLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgW2lkXT1cImNvbmZpZy5pZCA/IGNvbmZpZy5pZCA6ICcnXCJcclxuICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKClcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiIC8+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8c3Bhbj57eyBnZXRUaXRsZSgpIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIiAqbmdJZj1cIiF2YWx1ZVwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgIGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdF9fY29udGVudC1vcHRpb25cIlxyXG4gICAgICAgICAgKm5nSWY9XCIhdmFsdWVcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInBsYWNlaG9sZGVyXCI+e3sgY29uZmlnLnBsYWNlaG9sZGVyIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX3JpZ2h0XCI+XHJcbiAgICAgICAgPHMtaWNvbi1tYXRcclxuICAgICAgICAgICpuZ0lmPVwiIWNvbmZpZy5yZWFkT25seVwiXHJcbiAgICAgICAgICBjbGFzcz1cInt7IGlzT3BlbiA/ICdpcy1vcGVuLWFycm93JyA6ICcnIH19XCJcclxuICAgICAgICAgID57eyBpc09wZW4gPyAnZXhwYW5kX2xlc3MnIDogJ2V4cGFuZF9tb3JlJyB9fTwvcy1pY29uLW1hdFxyXG4gICAgICAgID5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAgIDxzLXZhbGlkYXRpb24tZXJyb3JcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGlzRm9jdXNlZFwiXHJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlcyA/PyB1bmRlZmluZWRcIlxyXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxyXG4gIDwvcy12YWxpZGF0aW9uLWVycm9yPlxyXG4gIDxzLWVycm9yLWNvbnRyb2xcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGNvbmZpZy5lcnJvclRleHRcIlxyXG4gICAgdGhlbWU9XCJyZWRcIj5cclxuICAgIHt7IGNvbmZpZy5lcnJvclRleHQgfX1cclxuICA8L3MtZXJyb3ItY29udHJvbD5cclxuICA8cy1lcnJvci1jb250cm9sXHJcbiAgICAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiAhY29uZmlnLmVycm9yVGV4dCAmJiBjb250cm9sICYmICFjb250cm9sLmVycm9ycyAmJiBjb25maWcuaGVscFRleHRcIj5cclxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB9fVxyXG4gIDwvcy1lcnJvci1jb250cm9sPlxyXG5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnc20nOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgICdtZCc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5NRFxyXG4gICAgICB9XCIgKm5nSWY9XCJpc09wZW5cIj5cclxuICAgIDxzZWN0aW9uIGNsYXNzPVwicy1zZWxlY3RfX29wdGlvbnMtc2ltcGxlXCI+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzcz1cInMtc2VsZWN0X19pdGVtXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICAgICAnc20nOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgICAgICAnbWQnOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuTURcclxuICAgICAgICAgIH1cIlxyXG4gICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGNvbmZpZy5vcHRpb25zOyBpbmRleCBhcyBpXCJcclxuICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IGFjdGl2ZUluZGV4XCJcclxuICAgICAgICAoY2xpY2spPVwiZ2V0U2VsZWN0ZWRWYWx1ZShpdGVtKVwiXHJcbiAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duSXRlbXMoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgICAgdGFiaW5kZXg9XCIwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdFwiPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgICAgPHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgc2l6ZT1cIjI0XCJcclxuICAgICAgICAgICAgICBbZGlzcGxheV09XCJpdGVtLnVzZXI/LmRpc3BsYXlcIlxyXG4gICAgICAgICAgICAgIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIlxyXG4gICAgICAgICAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiaXRlbS51c2VyPy51cmxcIj48L3MtYXZhdGFyPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8cy1pY29uLW1hdFxyXG4gICAgICAgICAgICBbc2l6ZV09XCIoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00gPyAnMTcnIDogJzIyJ1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICAgICAgICAgID5wZXJzb25fb3V0bGluZTwvcy1pY29uLW1hdFxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cclxuICAgICAgICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCIgKm5nSWY9XCJpID09PSBhY3RpdmVJbmRleFwiPlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJpY29uLWNoZWNrXCI+Y2hlY2s8L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9zZWN0aW9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZGlzcGxheT5cclxuICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cclxuICA8cy1pY29uLW1hdFxyXG4gICAgW3NpemVdPVwiKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNID8gJzE3JyA6ICcyMidcIlxyXG4gICAgY2xhc3M9XCJpY29uUGVyc29uXCJcclxuICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiXHJcbiAgICA+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXRcclxuICA+XHJcbiAgPGRpdlxyXG4gICAgKm5nSWY9XCJcclxuICAgICAgY29uZmlnPy5kaXNwbGF5ID09PSAncHJvZmlsZScgJiZcclxuICAgICAgKGFjdGl2ZUluZGV4IHx8IHRoaXMuYWN0aXZlSW5kZXggPT09IDApICYmXHJcbiAgICAgIGNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XT8udXNlclxyXG4gICAgXCJcclxuICAgIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgIDxzLWF2YXRhclxyXG4gICAgICBzaXplPVwiMjRcIlxyXG4gICAgICBbc3RhdHVzXT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5zdGF0dXMgPz8gbnVsbFwiXHJcbiAgICAgIFtkaXNwbGF5XT1cImNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy5kaXNwbGF5ID8/IHVuZGVmaW5lZFwiXHJcbiAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiXHJcbiAgICAgICAgY29uZmlnLm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LnVybCA/PyB1bmRlZmluZWRcclxuICAgICAgXCI+PC9zLWF2YXRhcj5cclxuICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC9zLXNlbGVjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0L3Mtc2VsZWN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFVBQVUsRUFDVixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7Ozs7O0FBaUJ6RCxNQUFNLE9BQU8sZ0JBQW9CLFNBQVEsNkJBQWdDO0lBWXZFLFlBQ0UsUUFBa0IsRUFDVixnQkFBeUM7UUFFakQsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRlIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF5QjtRQVp6QyxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUUzQyxlQUFVLEdBQUcsVUFBVSxDQUFDO1FBQ3hCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFeEIsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixjQUFTLEdBQVksS0FBSyxDQUFDO0lBTzNCLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsT0FBTyxJQUFJLFNBQVMsRUFBRSxDQUFDO1lBQzlCLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDOUMsQ0FBQztRQUNELE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ2YsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUN6QyxJQUFJLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FDN0MsQ0FBQztZQUNGLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQzNCLENBQUM7UUFDRCxPQUFPLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsS0FBSztZQUM3QyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBQy9DLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDckIsQ0FBQztJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFxQjtRQUNwQyxJQUFJLENBQUMsT0FBTztZQUNWLENBQUMsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25ELElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2hGLElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQzNCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNqQixDQUFDO0lBQ0gsQ0FBQztJQUdELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7WUFDcEIsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ2hCLENBQUM7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO0lBRUQsTUFBTTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUdELE9BQU87UUFDTCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxhQUFhLENBQUMsS0FBb0I7UUFDaEMsSUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVE7WUFBRSxPQUFNO1FBQ3ZELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hFLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBb0IsRUFBRSxJQUF3QjtRQUMzRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLENBQ2hELEtBQUssRUFDTCxJQUFJLEVBQ0osSUFBSSxDQUFDLE1BQU0sRUFDWCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUNoQyxJQUFJLENBQ0wsQ0FBQztJQUNKLENBQUM7K0dBdEdVLGdCQUFnQjttR0FBaEIsZ0JBQWdCLDZMQVJoQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7Z0JBQy9DLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpREM1QkgsNmpMQTZJYzs7NEZEL0dELGdCQUFnQjtrQkFiNUIsU0FBUzsrQkFDRSxVQUFVLGlCQUdMLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsaUJBQWlCLENBQUM7NEJBQy9DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21IQUdRLE1BQU07c0JBQWQsS0FBSztnQkFDSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQTJEUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkFVckIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgZm9yd2FyZFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3Rvcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTU2VsZWN0U2ltcGxlTW9kZWwgfSBmcm9tICcuLi9zLXNlbGVjdC1tb2RlbCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2lucHV0L2RpcmVjdGl2ZXMvY29udHJvbC12YWx1ZS1hY2Nlc3Nvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSU5QVVRfU0laRSB9IGZyb20gJy4uLy4uL2lucHV0L2VudW1zL3NpemUuZW51bSc7XG5pbXBvcnQgeyBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZSB9IGZyb20gJy4uL3Mtc2VsZWN0LXNlcnZpY2UnO1xuaW1wb3J0IHsgU1NlbGVjdCB9IGZyb20gJy4vcy1zZWxlY3QtbW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXNlbGVjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9zLXNlbGVjdC1zdHlsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU1NlbGVjdENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTU2VsZWN0Q29tcG9uZW50PFQ+IGV4dGVuZHMgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmU8VD4ge1xuICBASW5wdXQoKSBjb25maWchOiBTU2VsZWN0O1xuICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGZvY3VzID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBcbiAgSU5QVVRfU0laRSA9IElOUFVUX1NJWkU7XG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBhY3RpdmVJbmRleCE6IG51bWJlcjtcbiAgdmFsdWU6IGFueSA9IHVuZGVmaW5lZDtcbiAgY2xpY2tJbnNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgaW5qZWN0b3I6IEluamVjdG9yLFxuICAgIHByaXZhdGUgc2VsZWN0TmF2U2VydmljZTogU2VsZWN0TmF2aWdhdGlvblNlcnZpY2VcbiAgKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgZ2V0Q29udHJvbCgpIHtcbiAgICBpZiAodGhpcy5jb250cm9sID09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuICh0aGlzLmNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpKTtcbiAgICB9XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbDtcbiAgfVxuXG4gIGdldFRpdGxlKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMudmFsdWUpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jb25maWcub3B0aW9ucy5maW5kSW5kZXgoXG4gICAgICAgIGl0ZW0gPT4gaXRlbS52YWx1ZSA9PT0gdGhpcy52YWx1ZS50b1N0cmluZygpXG4gICAgICApO1xuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4O1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5hY3RpdmVJbmRleCB8fCB0aGlzLmFjdGl2ZUluZGV4ID09PSAwXG4gICAgICA/IHRoaXMuY29uZmlnLm9wdGlvbnNbdGhpcy5hY3RpdmVJbmRleF0udGl0bGVcbiAgICAgIDogJyc7XG4gIH1cblxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG4gIH1cblxuICBnZXRTZWxlY3RlZFZhbHVlKGU6IFNTZWxlY3RTaW1wbGVNb2RlbCkge1xuICAgIHRoaXMuY29udHJvbFxuICAgICAgPyB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZS52YWx1ZS50b1N0cmluZygpKVxuICAgICAgOiAodGhpcy52YWx1ZSA9IGUudmFsdWUpO1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSB0aGlzLmNvbmZpZy5vcHRpb25zPy5pbmRleE9mKGUpO1xuICAgIHRoaXMudmFsdWUgPSBlLnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkJsdXIoKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgY2xpY2tlZCgpIHtcbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gdHJ1ZTtcbiAgICBpZiAoKCF0aGlzLmNvbmZpZy5kaXNhYmxlZCAmJiAhdGhpcy5jb250cm9sPy5kaXNhYmxlZCkgJiYgIXRoaXMuY29uZmlnLnJlYWRPbmx5KSB7XG4gICAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICAgIHRoaXMub25Gb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyLm5leHQoKTtcbiAgfVxuXG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1cy5uZXh0KCk7XG4gIH1cblxuICBvbktleURvd25NYWluKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgaWYodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVyblxuICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bk1haW4oZXZlbnQsIHRoaXMuaXNPcGVuKTtcbiAgfVxuXG4gIG9uS2V5RG93bkl0ZW1zKGV2ZW50OiBLZXlib2FyZEV2ZW50LCBpdGVtOiBTU2VsZWN0U2ltcGxlTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25JdGVtcyhcbiAgICAgIGV2ZW50LFxuICAgICAgaXRlbSxcbiAgICAgIHRoaXMuaXNPcGVuLFxuICAgICAgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcyksXG4gICAgICB0cnVlXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdlxyXG4gICpuZ0lmPVwiY29uZmlnXCJcclxuICBjbGFzcz1cInMtc2VsZWN0XCJcclxuICBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIlxyXG4gICAgPnt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvclwiXHJcbiAgICBbbmdDbGFzc109XCJ7XHJcbiAgICAgICd0aGVtZS1yZWQnOiAoY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgaXNGb2N1c2VkICksXHJcbiAgICAgICdpcy1vcGVuJzogaXNPcGVuLFxyXG4gICAgICAnc20nOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgICdtZCc6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5NRFxyXG4gICAgfVwiXHJcbiAgICB0YWJJbmRleD1cIjBcIlxyXG4gICAgKGtleWRvd24pPVwib25LZXlEb3duTWFpbigkZXZlbnQpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvblwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdFwiICpuZ0lmPVwidmFsdWVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29udHJvbDsgZWxzZSBub3RVc2VGb3JtQ29udHJvbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImRpc3BsYXlcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDxpbnB1dFxyXG4gICAgICAgICAgICBbcmVhZE9ubHldPVwiY29uZmlnLnJlYWRPbmx5IHx8IGNvbmZpZy5kaXNhYmxlZFwiXHJcbiAgICAgICAgICAgIFtpZF09XCJjb25maWcuaWQgPyBjb25maWcuaWQgOiAnJ1wiXHJcbiAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJnZXRDb250cm9sKClcIlxyXG4gICAgICAgICAgICAoZm9jdXMpPVwib25Gb2N1cygpXCJcclxuICAgICAgICAgICAgKGJsdXIpPVwib25CbHVyKClcIiAvPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjbm90VXNlRm9ybUNvbnRyb2w+XHJcbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGlzcGxheVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAgIFtyZWFkT25seV09XCJjb25maWcucmVhZE9ubHkgfHwgY29uZmlnLmRpc2FibGVkXCJcclxuICAgICAgICAgICAgW2lkXT1cImNvbmZpZy5pZCA/IGNvbmZpZy5pZCA6ICcnXCJcclxuICAgICAgICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgICAgICAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgIChmb2N1cyk9XCJvbkZvY3VzKClcIlxyXG4gICAgICAgICAgICAoYmx1cik9XCJvbkJsdXIoKVwiIC8+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8c3Bhbj57eyBnZXRUaXRsZSgpIH19PC9zcGFuPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIiAqbmdJZj1cIiF2YWx1ZVwiPlxyXG4gICAgICAgIDxkaXZcclxuICAgICAgICAgIGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdF9fY29udGVudC1vcHRpb25cIlxyXG4gICAgICAgICAgKm5nSWY9XCIhdmFsdWVcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJkaXNwbGF5XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInBsYWNlaG9sZGVyXCI+e3sgY29uZmlnLnBsYWNlaG9sZGVyIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX3JpZ2h0XCI+XHJcbiAgICAgICAgPHMtaWNvbi1tYXRcclxuICAgICAgICAgICpuZ0lmPVwiIWNvbmZpZy5yZWFkT25seVwiXHJcbiAgICAgICAgICBjbGFzcz1cInt7IGlzT3BlbiA/ICdpcy1vcGVuLWFycm93JyA6ICcnIH19XCJcclxuICAgICAgICAgID57eyBpc09wZW4gPyAnZXhwYW5kX2xlc3MnIDogJ2V4cGFuZF9tb3JlJyB9fTwvcy1pY29uLW1hdFxyXG4gICAgICAgID5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICAgIDxzLXZhbGlkYXRpb24tZXJyb3JcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGlzRm9jdXNlZFwiXHJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlcyA/PyB1bmRlZmluZWRcIlxyXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxyXG4gIDwvcy12YWxpZGF0aW9uLWVycm9yPlxyXG4gIDxzLWVycm9yLWNvbnRyb2xcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGNvbmZpZy5lcnJvclRleHRcIlxyXG4gICAgdGhlbWU9XCJyZWRcIj5cclxuICAgIHt7IGNvbmZpZy5lcnJvclRleHQgfX1cclxuICA8L3MtZXJyb3ItY29udHJvbD5cclxuICA8cy1lcnJvci1jb250cm9sXHJcbiAgICAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiAhY29uZmlnLmVycm9yVGV4dCAmJiBjb250cm9sICYmICFjb250cm9sLmVycm9ycyAmJiBjb25maWcuaGVscFRleHRcIj5cclxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB9fVxyXG4gIDwvcy1lcnJvci1jb250cm9sPlxyXG5cclxuXHJcbiAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zXCIgW25nQ2xhc3NdPVwie1xyXG4gICAgICAnbGFiZWwtb2ZmJzogIWNvbmZpZy5sYWJlbCxcclxuICAgICAgJ3NtJzogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNLFxyXG4gICAgICAnbWQnOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuTURcclxuICAgICAgfVwiICpuZ0lmPVwiaXNPcGVuXCI+XHJcbiAgICA8c2VjdGlvbiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLXNpbXBsZVwiPlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJzLXNlbGVjdF9faXRlbVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgJ3NtJzogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNLFxyXG4gICAgICAgICAgJ21kJzogKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLk1EXHJcbiAgICAgICAgICB9XCJcclxuICAgICAgICAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjb25maWcub3B0aW9uczsgaW5kZXggYXMgaVwiXHJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpID09PSBhY3RpdmVJbmRleFwiXHJcbiAgICAgICAgKGNsaWNrKT1cImdldFNlbGVjdGVkVmFsdWUoaXRlbSlcIlxyXG4gICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bkl0ZW1zKCRldmVudCwgaXRlbSlcIlxyXG4gICAgICAgIHRhYmluZGV4PVwiMFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWxlZnRcIj5cclxuICAgICAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcuZGlzcGxheSA9PT0gJ2RvdCdcIiBjbGFzcz1cImRvdFwiPjwvZGl2PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAncHJvZmlsZSdcIiBjbGFzcz1cImNvbnRlbnQtYXZhdGFyXCI+XHJcbiAgICAgICAgICAgIDxzLWF2YXRhclxyXG4gICAgICAgICAgICAgIHNpemU9XCIyNFwiXHJcbiAgICAgICAgICAgICAgW2Rpc3BsYXldPVwiaXRlbS51c2VyPy5kaXNwbGF5XCJcclxuICAgICAgICAgICAgICBbc3RhdHVzXT1cIml0ZW0udXNlcj8uc3RhdHVzXCJcclxuICAgICAgICAgICAgICBbdXJsUHJvZmlsZUltYWdlXT1cIml0ZW0udXNlcj8udXJsXCI+PC9zLWF2YXRhcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXRcclxuICAgICAgICAgICAgW3NpemVdPVwiKGNvbmZpZy5zaXplID8/IElOUFVUX1NJWkUuTUQpID09PSBJTlBVVF9TSVpFLlNNID8gJzE3JyA6ICcyMidcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImljb25QZXJzb25cIlxyXG4gICAgICAgICAgICAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnaWNvbnBlcnNvbidcIlxyXG4gICAgICAgICAgICA+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXRcclxuICAgICAgICAgID5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwib3B0aW9uLXZhbHVlXCI+XHJcbiAgICAgICAgICAgIHt7IGl0ZW0udGl0bGUgfX1cclxuICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1yaWdodFwiICpuZ0lmPVwiaSA9PT0gYWN0aXZlSW5kZXhcIj5cclxuICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiaWNvbi1jaGVja1wiPmNoZWNrPC9zLWljb24tbWF0PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvc2VjdGlvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48bmctdGVtcGxhdGUgI2Rpc3BsYXk+XHJcbiAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgPHMtaWNvbi1tYXRcclxuICAgIFtzaXplXT1cIihjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSA/ICcxNycgOiAnMjInXCJcclxuICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnaWNvbnBlcnNvbidcIlxyXG4gICAgPnBlcnNvbl9vdXRsaW5lPC9zLWljb24tbWF0XHJcbiAgPlxyXG4gIDxkaXZcclxuICAgICpuZ0lmPVwiXHJcbiAgICAgIGNvbmZpZz8uZGlzcGxheSA9PT0gJ3Byb2ZpbGUnICYmXHJcbiAgICAgIChhY3RpdmVJbmRleCB8fCB0aGlzLmFjdGl2ZUluZGV4ID09PSAwKSAmJlxyXG4gICAgICBjb25maWcub3B0aW9uc1thY3RpdmVJbmRleF0/LnVzZXJcclxuICAgIFwiXHJcbiAgICBjbGFzcz1cImNvbnRlbnQtYXZhdGFyXCI+XHJcbiAgICA8cy1hdmF0YXJcclxuICAgICAgc2l6ZT1cIjI0XCJcclxuICAgICAgW3N0YXR1c109XCJjb25maWcub3B0aW9uc1thY3RpdmVJbmRleF0udXNlcj8uc3RhdHVzID8/IG51bGxcIlxyXG4gICAgICBbZGlzcGxheV09XCJjb25maWcub3B0aW9uc1thY3RpdmVJbmRleF0udXNlcj8uZGlzcGxheSA/PyB1bmRlZmluZWRcIlxyXG4gICAgICBbdXJsUHJvZmlsZUltYWdlXT1cIlxyXG4gICAgICAgIGNvbmZpZy5vcHRpb25zW2FjdGl2ZUluZGV4XS51c2VyPy51cmwgPz8gdW5kZWZpbmVkXHJcbiAgICAgIFwiPjwvcy1hdmF0YXI+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+Il19

package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs

@@ -164,7 +164,7 @@ export class SSelectMultipleComponent extends ControlValueAccessorDirective {
                 useExisting: forwardRef(() => SSelectMultipleComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<article\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\">\r\n    {{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <section\r\n    [ngClass]=\"{\r\n      'theme-red': control && control.invalid && isFocused,\r\n      'is-open': isOpen,\r\n      sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n    }\"\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    aria-expanded=\"false\"\r\n    aria-controls=\"dropdown\"\r\n    aria-haspopup=\"true\"\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ config.size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"config.display === 'iconperson'\">\r\n          person_outline\r\n        </s-icon-mat>\r\n        <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar size=\"{{ config.size === 'sm' ? '16' : '24' }}\"></s-avatar>\r\n        </div>\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">\r\n          {{ selectionText }}\r\n        </span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">\r\n          {{ config.placeholder }}\r\n        </span>\r\n        <div class=\"s-select__main__selected-option__right\">\r\n          <s-icon-mat\r\n            *ngIf=\"!config.readOnly || !config.disabled\"\r\n            class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n            >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n  <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText && control && control.invalid && config.errorText\r\n    \"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText &&\r\n      !config.errorText &&\r\n      control &&\r\n      !control.errors &&\r\n      config.helpText\r\n    \">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n  <section class=\"s-select__dropdown\" *ngIf=\"isOpen\">\r\n    <div class=\"s-select__options-multiple--search\">\r\n      <!-- //TODO flag opcional, por defecto true -->\r\n      <s-input\r\n        [config]=\"configSearch\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple\"\r\n      [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n        *ngFor=\"let item of options; index as i\"\r\n        (click)=\"changeItem(item)\"\r\n        [attr.aria-selected]=\"item.value\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        [class.active]=\"item.value === true\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n            [config]=\"checkItem\"\r\n            [(ngModel)]=\"item.value\"></s-checkbox>\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              [size]=\"config.size === 'sm' ? '16' : '24'\"\r\n              [display]=\"item.user?.display\"\r\n              [letters]=\"item.user?.letters\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\">\r\n            </s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            size=\"{{ config.size === 'sm' ? '17' : '22' }}\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\">\r\n            person_outline\r\n          </s-icon-mat>\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple--selected\"\r\n      [ngClass]=\"{ sm: config.size === 'sm' }\">\r\n      <div class=\"s-select__options-multiple--selected-content\">\r\n        <p class=\"s-select__options-multiple--selected-text\">\r\n          {{ this.config.selected }}: {{ this.countSelected }}\r\n        </p>\r\n        <a\r\n          tabindex=\"0\"\r\n          class=\"s-select__options-multiple--selectAllOption\"\r\n          (click)=\"selectAllEvent()\"\r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          >{{\r\n            options.length === countSelected\r\n              ? config.deselectAllOptions\r\n              : config.selectAllOption\r\n          }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </section>\r\n</article>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i7.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i8.SInputComponent, selector: "s-input", inputs: ["config"], outputs: ["clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i9.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<article\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\">\r\n    {{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <section\r\n    [ngClass]=\"{\r\n      'theme-red': control && control.invalid && isFocused,\r\n      'is-open': isOpen,\r\n      sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n    }\"\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    aria-expanded=\"false\"\r\n    aria-controls=\"dropdown\"\r\n    aria-haspopup=\"true\"\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ config.size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"config.display === 'iconperson'\">\r\n          person_outline\r\n        </s-icon-mat>\r\n        <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar size=\"{{ config.size === 'sm' ? '16' : '24' }}\"></s-avatar>\r\n        </div>\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">\r\n          {{ selectionText }}\r\n        </span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">\r\n          {{ config.placeholder }}\r\n        </span>\r\n        <div class=\"s-select__main__selected-option__right\">\r\n          <s-icon-mat\r\n            *ngIf=\"!config.readOnly || !config.disabled\"\r\n            class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n            >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n  <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText && control && control.invalid && config.errorText\r\n    \"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText &&\r\n      !config.errorText &&\r\n      control &&\r\n      !control.errors &&\r\n      config.helpText\r\n    \">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n  <section class=\"s-select__dropdown\" *ngIf=\"isOpen\">\r\n    <div class=\"s-select__options-multiple--search\">\r\n      <!-- //TODO flag opcional, por defecto true -->\r\n      <s-input\r\n        [config]=\"configSearch\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple\"\r\n      [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n        *ngFor=\"let item of options; index as i\"\r\n        (click)=\"changeItem(item)\"\r\n        [attr.aria-selected]=\"item.value\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        [class.active]=\"item.value === true\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n            [config]=\"checkItem\"\r\n            [(ngModel)]=\"item.value\"></s-checkbox>\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              [size]=\"config.size === 'sm' ? '16' : '24'\"\r\n              [display]=\"item.user?.display\"\r\n              [letters]=\"item.user?.letters\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\">\r\n            </s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            size=\"{{ config.size === 'sm' ? '17' : '22' }}\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\">\r\n            person_outline\r\n          </s-icon-mat>\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple--selected\"\r\n      [ngClass]=\"{ sm: config.size === 'sm' }\">\r\n      <div class=\"s-select__options-multiple--selected-content\">\r\n        <p class=\"s-select__options-multiple--selected-text\">\r\n          {{ this.config.selected }}: {{ this.countSelected }}\r\n        </p>\r\n        <a\r\n          tabindex=\"0\"\r\n          class=\"s-select__options-multiple--selectAllOption\"\r\n          (click)=\"selectAllEvent()\"\r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          >{{\r\n            options.length === countSelected\r\n              ? config.deselectAllOptions\r\n              : config.selectAllOption\r\n          }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </section>\r\n</article>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i7.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i8.SInputComponent, selector: "s-input", inputs: ["config"], outputs: ["clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i9.SValidationError, selector: "s-validation-error", inputs: ["errors", "customErrorMessages"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectMultipleComponent, decorators: [{
             type: Component,
@@ -174,7 +174,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SSelectMultipleComponent),
                             multi: true,
                         },
-                    ], template: "<article\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\">\r\n    {{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <section\r\n    [ngClass]=\"{\r\n      'theme-red': control && control.invalid && isFocused,\r\n      'is-open': isOpen,\r\n      sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n    }\"\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    aria-expanded=\"false\"\r\n    aria-controls=\"dropdown\"\r\n    aria-haspopup=\"true\"\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ config.size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"config.display === 'iconperson'\">\r\n          person_outline\r\n        </s-icon-mat>\r\n        <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar size=\"{{ config.size === 'sm' ? '16' : '24' }}\"></s-avatar>\r\n        </div>\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">\r\n          {{ selectionText }}\r\n        </span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">\r\n          {{ config.placeholder }}\r\n        </span>\r\n        <div class=\"s-select__main__selected-option__right\">\r\n          <s-icon-mat\r\n            *ngIf=\"!config.readOnly || !config.disabled\"\r\n            class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n            >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n  <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText && control && control.invalid && config.errorText\r\n    \"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText &&\r\n      !config.errorText &&\r\n      control &&\r\n      !control.errors &&\r\n      config.helpText\r\n    \">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n  <section class=\"s-select__dropdown\" *ngIf=\"isOpen\">\r\n    <div class=\"s-select__options-multiple--search\">\r\n      <!-- //TODO flag opcional, por defecto true -->\r\n      <s-input\r\n        [config]=\"configSearch\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple\"\r\n      [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n        *ngFor=\"let item of options; index as i\"\r\n        (click)=\"changeItem(item)\"\r\n        [attr.aria-selected]=\"item.value\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        [class.active]=\"item.value === true\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n            [config]=\"checkItem\"\r\n            [(ngModel)]=\"item.value\"></s-checkbox>\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              [size]=\"config.size === 'sm' ? '16' : '24'\"\r\n              [display]=\"item.user?.display\"\r\n              [letters]=\"item.user?.letters\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\">\r\n            </s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            size=\"{{ config.size === 'sm' ? '17' : '22' }}\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\">\r\n            person_outline\r\n          </s-icon-mat>\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple--selected\"\r\n      [ngClass]=\"{ sm: config.size === 'sm' }\">\r\n      <div class=\"s-select__options-multiple--selected-content\">\r\n        <p class=\"s-select__options-multiple--selected-text\">\r\n          {{ this.config.selected }}: {{ this.countSelected }}\r\n        </p>\r\n        <a\r\n          tabindex=\"0\"\r\n          class=\"s-select__options-multiple--selectAllOption\"\r\n          (click)=\"selectAllEvent()\"\r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          >{{\r\n            options.length === countSelected\r\n              ? config.deselectAllOptions\r\n              : config.selectAllOption\r\n          }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </section>\r\n</article>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
+                    ], template: "<article\r\n  *ngIf=\"config\"\r\n  class=\"s-select\"\r\n  [ngClass]=\"config.disabled || control?.disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"config.label\" class=\"s-select--select-label\">\r\n    {{ config.label }}\r\n    <span class=\"s-select--required\" *ngIf=\"config?.required\">*</span>\r\n  </span>\r\n  <section\r\n    [ngClass]=\"{\r\n      'theme-red': control && control.invalid && isFocused,\r\n      'is-open': isOpen,\r\n      sm: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.SM,\r\n      md: (config.size ?? INPUT_SIZE.MD) === INPUT_SIZE.MD,\r\n    }\"\r\n    role=\"button\"\r\n    tabindex=\"0\"\r\n    aria-expanded=\"false\"\r\n    aria-controls=\"dropdown\"\r\n    aria-haspopup=\"true\"\r\n    class=\"s-select__main cursor\"\r\n    [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ config.size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"config.display === 'iconperson'\">\r\n          person_outline\r\n        </s-icon-mat>\r\n        <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar size=\"{{ config.size === 'sm' ? '16' : '24' }}\"></s-avatar>\r\n        </div>\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">\r\n          {{ selectionText }}\r\n        </span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">\r\n          {{ config.placeholder }}\r\n        </span>\r\n        <div class=\"s-select__main__selected-option__right\">\r\n          <s-icon-mat\r\n            *ngIf=\"!config.readOnly || !config.disabled\"\r\n            class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n            >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </section>\r\n  <s-validation-error\r\n    *ngIf=\"!config.hideErrorText && control && control.invalid && isFocused\"\r\n    [customErrorMessages]=\"config.errorMessages ?? undefined\"\r\n    [errors]=\"control.errors\">\r\n  </s-validation-error>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText && control && control.invalid && config.errorText\r\n    \"\r\n    theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control\r\n    *ngIf=\"\r\n      !config.hideErrorText &&\r\n      !config.errorText &&\r\n      control &&\r\n      !control.errors &&\r\n      config.helpText\r\n    \">\r\n    {{ config.helpText }}\r\n  </s-error-control>\r\n  <section class=\"s-select__dropdown\" *ngIf=\"isOpen\">\r\n    <div class=\"s-select__options-multiple--search\">\r\n      <!-- //TODO flag opcional, por defecto true -->\r\n      <s-input\r\n        [config]=\"configSearch\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple\"\r\n      [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"config.size === 'sm' ? 'sm' : 'md'\"\r\n        *ngFor=\"let item of options; index as i\"\r\n        (click)=\"changeItem(item)\"\r\n        [attr.aria-selected]=\"item.value\"\r\n        (keydown)=\"onKeyDownItems($event, item)\"\r\n        [class.active]=\"item.value === true\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n            [config]=\"checkItem\"\r\n            [(ngModel)]=\"item.value\"></s-checkbox>\r\n          <div *ngIf=\"config.display === 'dot'\" class=\"dot\"></div>\r\n          <div *ngIf=\"config.display === 'profile'\" class=\"content-avatar\">\r\n            <s-avatar\r\n              [size]=\"config.size === 'sm' ? '16' : '24'\"\r\n              [display]=\"item.user?.display\"\r\n              [letters]=\"item.user?.letters\"\r\n              [status]=\"item.user?.status\"\r\n              [urlProfileImage]=\"item.user?.url\">\r\n            </s-avatar>\r\n          </div>\r\n          <s-icon-mat\r\n            size=\"{{ config.size === 'sm' ? '17' : '22' }}\"\r\n            class=\"iconPerson\"\r\n            *ngIf=\"config.display === 'iconperson'\">\r\n            person_outline\r\n          </s-icon-mat>\r\n          <span class=\"option-value\">\r\n            {{ item.title }}\r\n          </span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__options-multiple--selected\"\r\n      [ngClass]=\"{ sm: config.size === 'sm' }\">\r\n      <div class=\"s-select__options-multiple--selected-content\">\r\n        <p class=\"s-select__options-multiple--selected-text\">\r\n          {{ this.config.selected }}: {{ this.countSelected }}\r\n        </p>\r\n        <a\r\n          tabindex=\"0\"\r\n          class=\"s-select__options-multiple--selectAllOption\"\r\n          (click)=\"selectAllEvent()\"\r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          >{{\r\n            options.length === countSelected\r\n              ? config.deselectAllOptions\r\n              : config.selectAllOption\r\n          }}</a\r\n        >\r\n      </div>\r\n    </div>\r\n  </section>\r\n</article>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SelectNavigationService }, { type: i0.Injector }], propDecorators: { config: [{
                 type: Input
             }], selectEvent: [{

package/esm2022/lib/select/select-multiple-old/s-select-multiple-old.component.mjs

@@ -133,7 +133,7 @@ export class SSelectMultipleOldComponent {
                 useExisting: forwardRef(() => SSelectMultipleOldComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<div\r\n  class=\"s-select\"\r\n  [ngClass]=\"disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\r\n  <div\r\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{\r\n      size ? size : ''\r\n    }}\"\r\n    (click)=\"openDropDown()\"\r\n    tabindex=\"0\" (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar *ngIf=\"size === 'sm'\" size=\"16\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"24\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{\r\n          selectionText\r\n        }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{\r\n          placeholder\r\n        }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\r\n    <div\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"selectAllEvent()\"\r\n      (click)=\"selectAllEvent()\"\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngIf=\"options.length >= 2\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n          [config]=\"checkAll\"\r\n          [(ngModel)]=\"selectAll\"\r\n          \r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          ></s-checkbox>\r\n          <span class=\"option-value\">{{ selectAllOption }}</span>\r\n        </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngFor=\"let item of options; index as i\"\r\n      (click)=\"changeItem(item)\"\r\n      (keydown)=\"onKeyDownItems($event , item)\"\r\n      tabindex=\"0\"\r\n      [class.active]=\"item.value === true\">\r\n      <div class=\"content-left\">\r\n        <s-checkbox-old [tabIndex]=\"-1\" [model]=\"item.value\"> </s-checkbox-old>\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar\r\n            *ngIf=\"size === 'sm'\"\r\n            size=\"16\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n          <s-avatar\r\n            *ngIf=\"size === 'md'\"\r\n            size=\"24\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n        </div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <span class=\"option-value\">\r\n          {{ item.title }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<div\r\n  class=\"s-select\"\r\n  [ngClass]=\"disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\r\n  <div\r\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{\r\n      size ? size : ''\r\n    }}\"\r\n    (click)=\"openDropDown()\"\r\n    tabindex=\"0\" (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar *ngIf=\"size === 'sm'\" size=\"16\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"24\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{\r\n          selectionText\r\n        }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{\r\n          placeholder\r\n        }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\r\n    <div\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"selectAllEvent()\"\r\n      (click)=\"selectAllEvent()\"\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngIf=\"options.length >= 2\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n          [config]=\"checkAll\"\r\n          [(ngModel)]=\"selectAll\"\r\n          \r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          ></s-checkbox>\r\n          <span class=\"option-value\">{{ selectAllOption }}</span>\r\n        </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngFor=\"let item of options; index as i\"\r\n      (click)=\"changeItem(item)\"\r\n      (keydown)=\"onKeyDownItems($event , item)\"\r\n      tabindex=\"0\"\r\n      [class.active]=\"item.value === true\">\r\n      <div class=\"content-left\">\r\n        <s-checkbox-old [tabIndex]=\"-1\" [model]=\"item.value\"> </s-checkbox-old>\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar\r\n            *ngIf=\"size === 'sm'\"\r\n            size=\"16\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n          <s-avatar\r\n            *ngIf=\"size === 'md'\"\r\n            size=\"24\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n        </div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <span class=\"option-value\">\r\n          {{ item.title }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectMultipleOldComponent, decorators: [{
             type: Component,
@@ -143,7 +143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             useExisting: forwardRef(() => SSelectMultipleOldComponent),
                             multi: true,
                         },
-                    ], template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<div\r\n  class=\"s-select\"\r\n  [ngClass]=\"disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\r\n  <div\r\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{\r\n      size ? size : ''\r\n    }}\"\r\n    (click)=\"openDropDown()\"\r\n    tabindex=\"0\" (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar *ngIf=\"size === 'sm'\" size=\"16\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"24\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{\r\n          selectionText\r\n        }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{\r\n          placeholder\r\n        }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\r\n    <div\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"selectAllEvent()\"\r\n      (click)=\"selectAllEvent()\"\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngIf=\"options.length >= 2\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n          [config]=\"checkAll\"\r\n          [(ngModel)]=\"selectAll\"\r\n          \r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          ></s-checkbox>\r\n          <span class=\"option-value\">{{ selectAllOption }}</span>\r\n        </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngFor=\"let item of options; index as i\"\r\n      (click)=\"changeItem(item)\"\r\n      (keydown)=\"onKeyDownItems($event , item)\"\r\n      tabindex=\"0\"\r\n      [class.active]=\"item.value === true\">\r\n      <div class=\"content-left\">\r\n        <s-checkbox-old [tabIndex]=\"-1\" [model]=\"item.value\"> </s-checkbox-old>\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar\r\n            *ngIf=\"size === 'sm'\"\r\n            size=\"16\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n          <s-avatar\r\n            *ngIf=\"size === 'md'\"\r\n            size=\"24\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n        </div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <span class=\"option-value\">\r\n          {{ item.title }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
+                    ], template: "<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\r\n<div\r\n  class=\"s-select\"\r\n  [ngClass]=\"disabled ? 's-select--disabled' : ''\">\r\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\r\n  <div\r\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{\r\n      size ? size : ''\r\n    }}\"\r\n    (click)=\"openDropDown()\"\r\n    tabindex=\"0\" (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option\">\r\n      <div class=\"s-select__main__selected-option__left\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar *ngIf=\"size === 'sm'\" size=\"16\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"24\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{\r\n          selectionText\r\n        }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{\r\n          placeholder\r\n        }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat\r\n          *ngIf=\"!readOnly\"\r\n          class=\"{{ isOpen ? 'is-open-arrow' : '' }}\"\r\n          >{{ isOpen ? 'expand_less' : 'expand_more' }}</s-icon-mat\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\r\n    <div\r\n      tabindex=\"0\"\r\n      (keydown.enter)=\"selectAllEvent()\"\r\n      (click)=\"selectAllEvent()\"\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngIf=\"options.length >= 2\">\r\n        <div class=\"content-left\">\r\n          <s-checkbox\r\n          [config]=\"checkAll\"\r\n          [(ngModel)]=\"selectAll\"\r\n          \r\n          (keydown.enter)=\"selectAllEvent()\"\r\n          ></s-checkbox>\r\n          <span class=\"option-value\">{{ selectAllOption }}</span>\r\n        </div>\r\n    </div>\r\n    <div\r\n      class=\"s-select__item {{ size ? size : '' }}\"\r\n      *ngFor=\"let item of options; index as i\"\r\n      (click)=\"changeItem(item)\"\r\n      (keydown)=\"onKeyDownItems($event , item)\"\r\n      tabindex=\"0\"\r\n      [class.active]=\"item.value === true\">\r\n      <div class=\"content-left\">\r\n        <s-checkbox-old [tabIndex]=\"-1\" [model]=\"item.value\"> </s-checkbox-old>\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\r\n          <s-avatar\r\n            *ngIf=\"size === 'sm'\"\r\n            size=\"16\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n          <s-avatar\r\n            *ngIf=\"size === 'md'\"\r\n            size=\"24\"\r\n            [display]=\"item.user.display\"\r\n            [status]=\"item.user.status\"\r\n            [urlProfileImage]=\"item.user.url\"></s-avatar>\r\n        </div>\r\n        <s-icon-mat\r\n          size=\"{{ size === 'md' ? '22' : '17' }}\"\r\n          class=\"iconPerson\"\r\n          *ngIf=\"display === 'iconperson'\"\r\n          >person_outline</s-icon-mat\r\n        >\r\n        <span class=\"option-value\">\r\n          {{ item.title }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".s-select{width:100%;position:relative}.s-select--required{display:contents;color:var(--primary-600)}.s-select--select-label{color:var(--secondary-600);display:flex;font-size:.875rem;font-weight:400;line-height:1.375rem;letter-spacing:.01rem;margin-bottom:.125rem}.s-select__main{background-color:var(--neutrals-1200);color:var(--secondary-600);border:1px solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 4px #ff563026,0 1px 2px #1018280d!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:1px solid var(--neutrals-900);border-top:1px solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:1px solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SelectNavigationService }], propDecorators: { disabled: [{
                 type: Input
             }], placeholder: [{