sidesys-generic-ui 2.4.6 → 2.4.8

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

@@ -38,6 +38,10 @@ export class SSelectMultipleComponent extends ControlValueAccessorDirective {
         this.INPUT_SIZE = INPUT_SIZE;
         this.isFocused = false;
     }
+    ngOnInit() {
+        if (!this.id)
+            this.id = this.config.id ?? `s-select-multiple`;
+    }
     getControl() {
         if (this.control == undefined) {
             return (this.control = new FormControl(''));
@@ -77,9 +81,7 @@ export class SSelectMultipleComponent extends ControlValueAccessorDirective {
     }
     changeItem(item) {
         item.value = !item.value;
-        this.value = this.config.options
-            .filter(option => option.value)
-            .map(option => option.id);
+        this.value = this.config.options.filter(option => option.value).map(option => option.id);
         this.updateStates();
     }
     updateStates() {
@@ -93,9 +95,7 @@ export class SSelectMultipleComponent extends ControlValueAccessorDirective {
     }
     countSelect() {
         this.countSelected = this.config.options.filter(obj => obj.value === true).length;
-        this.config.options.length == this.countSelected
-            ? (this.selectAll = true)
-            : (this.selectAll = false);
+        this.config.options.length == this.countSelected ? (this.selectAll = true) : (this.selectAll = false);
         this.setText();
     }
     setText() {
@@ -158,13 +158,13 @@ export class SSelectMultipleComponent extends ControlValueAccessorDirective {
         this.isOpen = this.selectNavService.onKeyDownItems(event, item, this.isOpen, this.changeItem.bind(this), false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectMultipleComponent, deps: [{ token: i1.SelectNavigationService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSelectMultipleComponent, selector: "s-select-multiple", inputs: { config: "config" }, outputs: { selectEvent: "selectEvent", selectedEvent: "selectedEvent", blurEvent: "blurEvent", focusEvent: "focusEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSelectMultipleComponent, selector: "s-select-multiple", inputs: { config: "config", id: "id" }, outputs: { selectEvent: "selectEvent", selectedEvent: "selectedEvent", blurEvent: "blurEvent", focusEvent: "focusEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SSelectMultipleComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<article *ngIf=\"config\" class=\"s-select\" [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    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      readonly: config.readOnly,\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    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option select-multiple\">\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' ? 'md' : 'sm'\"\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' ? 'sm' : 'md'\"></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 *ngIf=\"!config.readOnly || !config.disabled\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n            isOpen ? 'expand_less' : 'expand_more'\r\n          }}</s-icon-mat>\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 *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\" theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\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 [config]=\"configSearch\" [(ngModel)]=\"searchText\" (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div class=\"s-select__options-multiple\" [ngClass]=\"config.size === 'sm' ? 'xs' : 'sm'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{ sm: config.size === 'sm', md: config.size !== 'sm', 'no-display': !config.display }\"\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 select-multiple\">\r\n          <s-checkbox [config]=\"checkItem\" [(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' ? 'sm' : 'md'\"\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' ? 'sm' : 'md'\"\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 class=\"s-select__options-multiple--selected\" [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\">{{ this.config.selected }}: {{ this.countSelected }}</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          >{{ options.length === countSelected ? config.deselectAllOptions : config.selectAllOption }}</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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "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 *ngIf=\"config\" class=\"s-select\" [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    class=\"s-select__main cursor\"\r\n    [id]=\"id\"\r\n    [ngClass]=\"{\r\n      readonly: config.readOnly,\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    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option select-multiple\" [id]=\"id + '-options'\">\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' ? 'md' : 'sm'\"\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' ? 'sm' : 'md'\"></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 *ngIf=\"!config.readOnly || !config.disabled\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n            isOpen ? 'expand_less' : 'expand_more'\r\n          }}</s-icon-mat>\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    [id]=\"id + '-errorValidation'\">\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    [id]=\"id + '-errorText'\">\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    [id]=\"id + '-helpText'\">\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        [id]=\"id + '-search'\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div class=\"s-select__options-multiple\" [ngClass]=\"config.size === 'sm' ? 'xs' : 'sm'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{ sm: config.size === 'sm', md: config.size !== 'sm', 'no-display': !config.display }\"\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 select-multiple\">\r\n          <s-checkbox [config]=\"checkItem\" [(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' ? 'sm' : 'md'\"\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' ? 'sm' : 'md'\"\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 class=\"s-select__options-multiple--selected\" [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\">{{ this.config.selected }}: {{ this.countSelected }}</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          >{{ options.length === countSelected ? config.deselectAllOptions : config.selectAllOption }}</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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "style", "type", "id"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["id", "urlProfileImage", "letters", "status", "display", "size"] }, { kind: "component", type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["config", "id"], 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", "id"] }, { 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", "id"] }, { 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 *ngIf=\"config\" class=\"s-select\" [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    class=\"s-select__main cursor\"\r\n    [ngClass]=\"{\r\n      readonly: config.readOnly,\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    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option select-multiple\">\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' ? 'md' : 'sm'\"\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' ? 'sm' : 'md'\"></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 *ngIf=\"!config.readOnly || !config.disabled\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n            isOpen ? 'expand_less' : 'expand_more'\r\n          }}</s-icon-mat>\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 *ngIf=\"!config.hideErrorText && control && control.invalid && config.errorText\" theme=\"red\">\r\n    {{ config.errorText }}\r\n  </s-error-control>\r\n  <s-error-control *ngIf=\"!config.hideErrorText && !config.errorText && control && !control.errors && config.helpText\">\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 [config]=\"configSearch\" [(ngModel)]=\"searchText\" (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div class=\"s-select__options-multiple\" [ngClass]=\"config.size === 'sm' ? 'xs' : 'sm'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{ sm: config.size === 'sm', md: config.size !== 'sm', 'no-display': !config.display }\"\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 select-multiple\">\r\n          <s-checkbox [config]=\"checkItem\" [(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' ? 'sm' : 'md'\"\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' ? 'sm' : 'md'\"\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 class=\"s-select__options-multiple--selected\" [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\">{{ this.config.selected }}: {{ this.countSelected }}</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          >{{ options.length === countSelected ? config.deselectAllOptions : config.selectAllOption }}</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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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 *ngIf=\"config\" class=\"s-select\" [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    class=\"s-select__main cursor\"\r\n    [id]=\"id\"\r\n    [ngClass]=\"{\r\n      readonly: config.readOnly,\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    (click)=\"openDropDown()\"\r\n    (keydown)=\"onKeyDownMain($event)\">\r\n    <div class=\"s-select__main__selected-option select-multiple\" [id]=\"id + '-options'\">\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' ? 'md' : 'sm'\"\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' ? 'sm' : 'md'\"></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 *ngIf=\"!config.readOnly || !config.disabled\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n            isOpen ? 'expand_less' : 'expand_more'\r\n          }}</s-icon-mat>\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    [id]=\"id + '-errorValidation'\">\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    [id]=\"id + '-errorText'\">\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    [id]=\"id + '-helpText'\">\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        [id]=\"id + '-search'\"\r\n        [(ngModel)]=\"searchText\"\r\n        (ngModelChange)=\"filter()\"></s-input>\r\n    </div>\r\n    <div class=\"s-select__options-multiple\" [ngClass]=\"config.size === 'sm' ? 'xs' : 'sm'\">\r\n      <div\r\n        role=\"option\"\r\n        tabindex=\"0\"\r\n        class=\"s-select__item\"\r\n        [ngClass]=\"{ sm: config.size === 'sm', md: config.size !== 'sm', 'no-display': !config.display }\"\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 select-multiple\">\r\n          <s-checkbox [config]=\"checkItem\" [(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' ? 'sm' : 'md'\"\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' ? 'sm' : 'md'\"\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 class=\"s-select__options-multiple--selected\" [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\">{{ this.config.selected }}: {{ this.countSelected }}</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          >{{ options.length === countSelected ? config.deselectAllOptions : config.selectAllOption }}</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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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: [{
@@ -185,6 +185,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }], focusEvent: [{
                 type: Output
+            }], id: [{
+                type: Input
             }], clicked: [{
                 type: HostListener,
                 args: ['click']
@@ -192,4 +194,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: HostListener,
                 args: ['document:click']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC1tdWx0aXBsZS9zLXNlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LW11bHRpcGxlL3Mtc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFlBQVksRUFDWixVQUFVLEdBR1gsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFVLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7Ozs7O0FBZ0JoRixNQUFNLE9BQU8sd0JBQ1gsU0FBUSw2QkFBdUM7SUE4Qi9DLFlBQ1UsZ0JBQXlDLEVBQ2pELFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhSLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUEzQnpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFDckQsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBQzdDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3JDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFD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VUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO2dCQUN2RCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsaURDOUJILG9tS0FnSEE7OzRGRGhGYSx3QkFBd0I7a0JBYnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGlCQUdkLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUseUJBQXlCLENBQUM7NEJBQ3ZELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO21IQU1RLE1BQU07c0JBQWQsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0csU0FBUztzQkFBbEIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNO2dCQThJUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkFLckIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgRXZlbnRFbWl0dGVyLFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgSG9zdExpc3RlbmVyLFxuICBmb3J3YXJkUmVmLFxuICBBZnRlckNvbnRlbnRJbml0LFxuICBJbmplY3Rvcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTQ2hlY2tib3ggfSBmcm9tICcuLi8uLi9jaGVja2JveCc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZSB9IGZyb20gJy4uL3Mtc2VsZWN0LXNlcnZpY2UnO1xuaW1wb3J0IHsgSU5QVVRfU0laRSB9IGZyb20gJy4uLy4uL2lucHV0L2VudW1zL3NpemUuZW51bSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2lucHV0L2RpcmVjdGl2ZXMvY29udHJvbC12YWx1ZS1hY2Nlc3Nvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgSU5QVVRfVFlQRSwgU0lucHV0IH0gZnJvbSAnLi4vLi4vaW5wdXQvY29tcG9uZW50cy9pbnB1dC9zLWlucHV0LW1vZGVsJztcbmltcG9ydCB7IFNJdGVtTXVsdGlTZWxlY3QsIFNNdWx0aVNlbGVjdCB9IGZyb20gJy4vcy1zZWxlY3QtbXVsdGlwbGUtbW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXNlbGVjdC1tdWx0aXBsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXNlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9zLXNlbGVjdC1zdHlsZS5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU1NlbGVjdE11bHRpcGxlQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNTZWxlY3RNdWx0aXBsZUNvbXBvbmVudFxuICBleHRlbmRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yRGlyZWN0aXZlPHN0cmluZ1tdPlxuICBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXRcbntcbiAgQElucHV0KCkgY29uZmlnITogU011bHRpU2VsZWN0O1xuICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFNJdGVtTXVsdGlTZWxlY3RbXT4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuICBAT3V0cHV0KCkgYmx1ckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZm9jdXNFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICB2YWx1ZTogc3RyaW5nW10gPSBbXTtcbiAgb3B0aW9uc0luaXQhOiBhbnlbXTtcbiAgY2xpY2tJbnNpZGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNPcGVuOiBib29sZWFuID0gZmFsc2U7XG4gIGNvdW50U2VsZWN0ZWQ6IGFueTtcbiAgY2hlY2tJdGVtOiBTQ2hlY2tib3ggPSB7XG4gICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgIHRhYkluZGV4OiAtMSxcbiAgfTtcbiAgY2hlY2tBbGw6IFNDaGVja2JveCA9IHtcbiAgICBpZDogJ2FsbCcsXG4gICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICB9O1xuICBzZWxlY3RBbGw6IGJvb2xlYW4gPSBmYWxzZTtcbiAgc2VsZWN0aW9uVGV4dCE6IHN0cmluZztcbiAgc2VhcmNoVGV4dDogc3RyaW5nID0gJyc7XG4gIG9wdGlvbnM6IFNJdGVtTXVsdGlTZWxlY3RbXSA9IFtdO1xuICBjb25maWdTZWFyY2ghOiBTSW5wdXQ7XG4gIElOUFVUX1NJWkUgPSBJTlBVVF9TSVpFO1xuICBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHNlbGVjdE5hdlNlcnZpY2U6IFNlbGVjdE5hdmlnYXRpb25TZXJ2aWNlLFxuICAgIGluamVjdG9yOiBJbmplY3RvclxuICApIHtcbiAgICBzdXBlcihpbmplY3Rvcik7XG4gIH1cblxuICBnZXRDb250cm9sKCkge1xuICAgIGlmICh0aGlzLmNvbnRyb2wgPT0gdW5kZWZpbmVkKSB7XG4gICAgICByZXR1cm4gKHRoaXMuY29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgnJykpO1xuICAgIH1cbiAgICByZXR1cm4gdGhpcy5jb250cm9sO1xuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xuICAgIHRoaXMuX2luaXRDb25maWcoKTtcbiAgICB0aGlzLm9wdGlvbnMgPSB0aGlzLmNvbmZpZy5vcHRpb25zO1xuICAgIHRoaXMuY291bnRTZWxlY3QoKTtcbiAgfVxuXG4gIG9wZW5Ecm9wRG93bigpIHtcbiAgICBpZiAodGhpcy5jb25maWcuZGlzYWJsZWQgfHwgdGhpcy5jb25maWcucmVhZE9ubHkpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgIHRoaXMuaXNPcGVuID8gdGhpcy5vbkZvY3VzKCkgOiB0aGlzLm9uQmx1cigpO1xuICB9XG5cbiAgZmlsdGVyKCkge1xuICAgIGlmICghdGhpcy5zZWFyY2hUZXh0KSB7XG4gICAgICB0aGlzLm9wdGlvbnMgPSBbLi4udGhpcy5jb25maWcub3B0aW9uc107XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMub3B0aW9ucyA9IHRoaXMuY29uZmlnLm9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PlxuICAgICAgICBvcHRpb24udGl0bGUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaFRleHQudG9Mb3dlckNhc2UoKSlcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgc2VsZWN0QWxsRXZlbnQoKSB7XG4gICAgY29uc3Qgc2V0VmFsdWUgPSAhdGhpcy5zZWxlY3RBbGw7XG4gICAgdGhpcy5vcHRpb25zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBpdGVtLnZhbHVlID0gc2V0VmFsdWU7XG4gICAgICB0aGlzLnZhbHVlLnB1c2goaXRlbS5pZCk7XG4gICAgfSk7XG4gICAgaWYgKCFzZXRWYWx1ZSkgdGhpcy52YWx1ZSA9IFtdO1xuICAgIHRoaXMudXBkYXRlU3RhdGVzKCk7XG4gIH1cblxuICBjaGFuZ2VJdGVtKGl0ZW06IGFueSkge1xuICAgIGl0ZW0udmFsdWUgPSAhaXRlbS52YWx1ZTtcbiAgICB0aGlzLnZhbHVlID0gdGhpcy5jb25maWcub3B0aW9uc1xuICAgICAgLmZpbHRlcihvcHRpb24gPT4gb3B0aW9uLnZhbHVlKVxuICAgICAgLm1hcChvcHRpb24gPT4gb3B0aW9uLmlkKTtcbiAgICB0aGlzLnVwZGF0ZVN0YXRlcygpO1xuICB9XG5cbiAgdXBkYXRlU3RhdGVzKCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy51c2VGb3JtQ29udHJvbCkge1xuICAgICAgdGhpcy5vblRvdWNoZWQoKTtcbiAgICB9XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLnNlbGVjdGVkRXZlbnQuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLnNlbGVjdEV2ZW50LmVtaXQodGhpcy5jb25maWcub3B0aW9ucyk7XG4gICAgdGhpcy5jb3VudFNlbGVjdCgpO1xuICB9XG5cbiAgY291bnRTZWxlY3QoKSB7XG4gICAgdGhpcy5jb3VudFNlbGVjdGVkID0gdGhpcy5jb25maWcub3B0aW9ucy5maWx0ZXIoXG4gICAgICBvYmogPT4gb2JqLnZhbHVlID09PSB0cnVlXG4gICAgKS5sZW5ndGg7XG4gICAgdGhpcy5jb25maWcub3B0aW9ucy5sZW5ndGggPT0gdGhpcy5jb3VudFNlbGVjdGVkXG4gICAgICA/ICh0aGlzLnNlbGVjdEFsbCA9IHRydWUpXG4gICAgICA6ICh0aGlzLnNlbGVjdEFsbCA9IGZhbHNlKTtcbiAgICB0aGlzLnNldFRleHQoKTtcbiAgfVxuXG4gIHNldFRleHQoKSB7XG4gICAgdGhpcy5zZWxlY3Rpb25UZXh0ID1cbiAgICAgIHRoaXMub3B0aW9ucy5sZW5ndGggPT0gdGhpcy5jb3VudFNlbGVjdGVkXG4gICAgICAgID8gdGhpcy5jb25maWcuYWxsU2VsZWN0ZWRcbiAgICAgICAgOiBgJHt0aGlzLmNvdW50U2VsZWN0ZWR9ICR7dGhpcy5jb25maWcuc2VsZWN0ZWR9YDtcbiAgfVxuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgc3VwZXIud3JpdGVWYWx1ZSh2YWx1ZSk7XG5cbiAgICB0aGlzLnZhbHVlID0gdmFsdWUgfHwgW107XG4gICAgdGhpcy5jb25maWcub3B0aW9ucy5mb3JFYWNoKG9wdGlvbiA9PiB7XG4gICAgICBvcHRpb24udmFsdWUgPSB2YWx1ZS5pbmNsdWRlcyhvcHRpb24uaWQpO1xuICAgIH0pO1xuICAgIHRoaXMuY291bnRTZWxlY3QoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChpc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmNvbmZpZy5kaXNhYmxlZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaW5pdENvbmZpZygpIHtcbiAgICB0aGlzLmNvbmZpZ1NlYXJjaCA9IHtcbiAgICAgIGlkOiAnc2VhcmNoJyxcbiAgICAgIHR5cGU6IElOUFVUX1RZUEUuU0VBUkNILFxuICAgICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgICAgc2l6ZTogdGhpcy5jb25maWcuc2l6ZSA9PT0gJ3NtJyA/IElOUFVUX1NJWkUuU00gOiBJTlBVVF9TSVpFLk1ELFxuICAgIH07XG4gIH1cblxuICAvL0VWRU5UT1MgUEFSQSBERVRFQ1RBUiBDTElDSyBGVUVSQSBZIENFUlJBUiBFTCBTRUxFQ1RcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBjbGlja2VkKCkge1xuICAgIHRoaXMuY2xpY2tJbnNpZGUgPSB0cnVlO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyRXZlbnQubmV4dCgpO1xuICB9XG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1c0V2ZW50Lm5leHQoKTtcbiAgfVxuXG4gIG9uS2V5RG93bk1haW4oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVybjtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25NYWluKGV2ZW50LCB0aGlzLmlzT3Blbik7XG4gIH1cblxuICBvbktleURvd25JdGVtcyhldmVudDogS2V5Ym9hcmRFdmVudCwgaXRlbTogYW55KTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4gPSB0aGlzLnNlbGVjdE5hdlNlcnZpY2Uub25LZXlEb3duSXRlbXMoXG4gICAgICBldmVudCxcbiAgICAgIGl0ZW0sXG4gICAgICB0aGlzLmlzT3BlbixcbiAgICAgIHRoaXMuY2hhbmdlSXRlbS5iaW5kKHRoaXMpLFxuICAgICAgZmFsc2VcbiAgICApO1xuICB9XG59XG4iLCI8YXJ0aWNsZSAqbmdJZj1cImNvbmZpZ1wiIGNsYXNzPVwicy1zZWxlY3RcIiBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIj5cclxuICAgIHt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c2VjdGlvblxyXG4gICAgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbiBjdXJzb3JcIlxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICByZWFkb25seTogY29uZmlnLnJlYWRPbmx5LFxyXG4gICAgICAndGhlbWUtcmVkJzogY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgaXNGb2N1c2VkLFxyXG4gICAgICAnaXMtb3Blbic6IGlzT3BlbixcclxuICAgICAgc206IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5TTSxcclxuICAgICAgbWQ6IChjb25maWcuc2l6ZSA/PyBJTlBVVF9TSVpFLk1EKSA9PT0gSU5QVVRfU0laRS5NRCxcclxuICAgIH1cIlxyXG4gICAgcm9sZT1cImJ1dHRvblwiXHJcbiAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgYXJpYS1leHBhbmRlZD1cImZhbHNlXCJcclxuICAgIGFyaWEtY29udHJvbHM9XCJkcm9wZG93blwiXHJcbiAgICBhcmlhLWhhc3BvcHVwPVwidHJ1ZVwiXHJcbiAgICAoY2xpY2spPVwib3BlbkRyb3BEb3duKClcIlxyXG4gICAgKGtleWRvd24pPVwib25LZXlEb3duTWFpbigkZXZlbnQpXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbiBzZWxlY3QtbXVsdGlwbGVcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cclxuICAgICAgICA8cy1pY29uLW1hdFxyXG4gICAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPT09ICdtZCcgPyAnbWQnIDogJ3NtJ1wiXHJcbiAgICAgICAgICBjbGFzcz1cImljb25QZXJzb25cIlxyXG4gICAgICAgICAgKm5nSWY9XCJjb25maWcuZGlzcGxheSA9PT0gJ2ljb25wZXJzb24nXCI+XHJcbiAgICAgICAgICBwZXJzb25fb3V0bGluZVxyXG4gICAgICAgIDwvcy1pY29uLW1hdD5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgIDxzLWF2YXRhciBbc2l6ZV09XCJjb25maWcuc2l6ZSA9PT0gJ3NtJyA/ICdzbScgOiAnbWQnXCI+PC9zLWF2YXRhcj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImNvdW50U2VsZWN0ZWQgPj0gMVwiIGNsYXNzPVwicy1zZWxlY3RfX3ZhbHVlXCI+XHJcbiAgICAgICAgICB7eyBzZWxlY3Rpb25UZXh0IH19XHJcbiAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiY291bnRTZWxlY3RlZCA9PT0gMFwiIGNsYXNzPVwicy1zZWxlY3RfX3ZhbHVlXCI+XHJcbiAgICAgICAgICB7eyBjb25maWcucGxhY2Vob2xkZXIgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX3JpZ2h0XCI+XHJcbiAgICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIiFjb25maWcucmVhZE9ubHkgfHwgIWNvbmZpZy5kaXNhYmxlZFwiIGNsYXNzPVwie3sgaXNPcGVuID8gJ2lzLW9wZW4tYXJyb3cnIDogJycgfX1cIj57e1xyXG4gICAgICAgICAgICBpc09wZW4gPyAnZXhwYW5kX2xlc3MnIDogJ2V4cGFuZF9tb3JlJ1xyXG4gICAgICAgICAgfX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9zZWN0aW9uPlxyXG4gIDxzLXZhbGlkYXRpb24tZXJyb3JcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGlzRm9jdXNlZFwiXHJcbiAgICBbY3VzdG9tRXJyb3JNZXNzYWdlc109XCJjb25maWcuZXJyb3JNZXNzYWdlcyA/PyB1bmRlZmluZWRcIlxyXG4gICAgW2Vycm9yc109XCJjb250cm9sLmVycm9yc1wiPlxyXG4gIDwvcy12YWxpZGF0aW9uLWVycm9yPlxyXG4gIDxzLWVycm9yLWNvbnRyb2wgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgY29uZmlnLmVycm9yVGV4dFwiIHRoZW1lPVwicmVkXCI+XHJcbiAgICB7eyBjb25maWcuZXJyb3JUZXh0IH19XHJcbiAgPC9zLWVycm9yLWNvbnRyb2w+XHJcbiAgPHMtZXJyb3ItY29udHJvbCAqbmdJZj1cIiFjb25maWcuaGlkZUVycm9yVGV4dCAmJiAhY29uZmlnLmVycm9yVGV4dCAmJiBjb250cm9sICYmICFjb250cm9sLmVycm9ycyAmJiBjb25maWcuaGVscFRleHRcIj5cclxuICAgIHt7IGNvbmZpZy5oZWxwVGV4dCB9fVxyXG4gIDwvcy1lcnJvci1jb250cm9sPlxyXG4gIDxzZWN0aW9uIGNsYXNzPVwicy1zZWxlY3RfX2Ryb3Bkb3duXCIgKm5nSWY9XCJpc09wZW5cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1tdWx0aXBsZS0tc2VhcmNoXCI+XHJcbiAgICAgIDwhLS0gLy9UT0RPIGZsYWcgb3BjaW9uYWwsIHBvciBkZWZlY3RvIHRydWUgLS0+XHJcbiAgICAgIDxzLWlucHV0IFtjb25maWddPVwiY29uZmlnU2VhcmNoXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCIgKG5nTW9kZWxDaGFuZ2UpPVwiZmlsdGVyKClcIj48L3MtaW5wdXQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1tdWx0aXBsZVwiIFtuZ0NsYXNzXT1cImNvbmZpZy5zaXplID09PSAnc20nID8gJ3hzJyA6ICdzbSdcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIHJvbGU9XCJvcHRpb25cIlxyXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgY2xhc3M9XCJzLXNlbGVjdF9faXRlbVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyBzbTogY29uZmlnLnNpemUgPT09ICdzbScsIG1kOiBjb25maWcuc2l6ZSAhPT0gJ3NtJywgJ25vLWRpc3BsYXknOiAhY29uZmlnLmRpc3BsYXkgfVwiXHJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uczsgaW5kZXggYXMgaVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImNoYW5nZUl0ZW0oaXRlbSlcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtc2VsZWN0ZWRdPVwiaXRlbS52YWx1ZVwiXHJcbiAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duSXRlbXMoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpdGVtLnZhbHVlID09PSB0cnVlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdCBzZWxlY3QtbXVsdGlwbGVcIj5cclxuICAgICAgICAgIDxzLWNoZWNrYm94IFtjb25maWddPVwiY2hlY2tJdGVtXCIgWyhuZ01vZGVsKV09XCJpdGVtLnZhbHVlXCI+PC9zLWNoZWNrYm94PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgICAgPHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPT09ICdzbScgPyAnc20nIDogJ21kJ1wiXHJcbiAgICAgICAgICAgICAgW2Rpc3BsYXldPVwiaXRlbS51c2VyPy5kaXNwbGF5XCJcclxuICAgICAgICAgICAgICBbbGV0dGVyc109XCJpdGVtLnVzZXI/LmxldHRlcnNcIlxyXG4gICAgICAgICAgICAgIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIlxyXG4gICAgICAgICAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiaXRlbS51c2VyPy51cmxcIj5cclxuICAgICAgICAgICAgPC9zLWF2YXRhcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXRcclxuICAgICAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPT09ICdzbScgPyAnc20nIDogJ21kJ1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiPlxyXG4gICAgICAgICAgICBwZXJzb25fb3V0bGluZVxyXG4gICAgICAgICAgPC9zLWljb24tbWF0PlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cclxuICAgICAgICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RlZFwiIFtuZ0NsYXNzXT1cInsgc206IGNvbmZpZy5zaXplID09PSAnc20nIH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RlZC1jb250ZW50XCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1tdWx0aXBsZS0tc2VsZWN0ZWQtdGV4dFwiPnt7IHRoaXMuY29uZmlnLnNlbGVjdGVkIH19OiB7eyB0aGlzLmNvdW50U2VsZWN0ZWQgfX08L3A+XHJcbiAgICAgICAgPGFcclxuICAgICAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgICBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RBbGxPcHRpb25cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEFsbEV2ZW50KClcIlxyXG4gICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwic2VsZWN0QWxsRXZlbnQoKVwiXHJcbiAgICAgICAgICA+e3sgb3B0aW9ucy5sZW5ndGggPT09IGNvdW50U2VsZWN0ZWQgPyBjb25maWcuZGVzZWxlY3RBbGxPcHRpb25zIDogY29uZmlnLnNlbGVjdEFsbE9wdGlvbiB9fTwvYVxyXG4gICAgICAgID5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L3NlY3Rpb24+XHJcbjwvYXJ0aWNsZT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvc2VsZWN0L3NlbGVjdC1tdWx0aXBsZS9zLXNlbGVjdC1tdWx0aXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LW11bHRpcGxlL3Mtc2VsZWN0LW11bHRpcGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2pCLFlBQVksRUFDWixVQUFVLEdBSVgsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFVLE1BQU0sNENBQTRDLENBQUM7Ozs7Ozs7Ozs7O0FBZ0JoRixNQUFNLE9BQU8sd0JBQ1gsU0FBUSw2QkFBdUM7SUErQi9DLFlBQ1UsZ0JBQXlDLEVBQ2pELFFBQWtCO1FBRWxCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUhSLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUE1QnpDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQXNCLENBQUM7UUFDckQsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBQzdDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3JDLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFD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LEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDbEgsQ0FBQzsrR0FqTFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ1NBUnhCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyx3QkFBd0IsQ0FBQztnQkFDdkQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLGlEQy9CSCxvMUtBMkhBOzs0RkQxRmEsd0JBQXdCO2tCQWJwQyxTQUFTOytCQUNFLG1CQUFtQixpQkFHZCxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHlCQUF5QixDQUFDOzRCQUN2RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjttSEFNUSxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFNBQVM7c0JBQWxCLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRSxFQUFFO3NCQUFWLEtBQUs7Z0JBNElOLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPO2dCQUtyQixVQUFVO3NCQURULFlBQVk7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBIb3N0TGlzdGVuZXIsXG4gIGZvcndhcmRSZWYsXG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEluamVjdG9yLFxuICBPbkluaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0NoZWNrYm94IH0gZnJvbSAnLi4vLi4vY2hlY2tib3gnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2VsZWN0TmF2aWdhdGlvblNlcnZpY2UgfSBmcm9tICcuLi9zLXNlbGVjdC1zZXJ2aWNlJztcbmltcG9ydCB7IElOUFVUX1NJWkUgfSBmcm9tICcuLi8uLi9pbnB1dC9lbnVtcy9zaXplLmVudW0nO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9pbnB1dC9kaXJlY3RpdmVzL2NvbnRyb2wtdmFsdWUtYWNjZXNzb3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IElOUFVUX1RZUEUsIFNJbnB1dCB9IGZyb20gJy4uLy4uL2lucHV0L2NvbXBvbmVudHMvaW5wdXQvcy1pbnB1dC1tb2RlbCc7XG5pbXBvcnQgeyBTSXRlbU11bHRpU2VsZWN0LCBTTXVsdGlTZWxlY3QgfSBmcm9tICcuL3Mtc2VsZWN0LW11bHRpcGxlLW1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1zZWxlY3QtbXVsdGlwbGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1zZWxlY3QtbXVsdGlwbGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vcy1zZWxlY3Qtc3R5bGUuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNTZWxlY3RNdWx0aXBsZUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTU2VsZWN0TXVsdGlwbGVDb21wb25lbnRcbiAgZXh0ZW5kcyBDb250cm9sVmFsdWVBY2Nlc3NvckRpcmVjdGl2ZTxzdHJpbmdbXT5cbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBPbkluaXRcbntcbiAgQElucHV0KCkgY29uZmlnITogU011bHRpU2VsZWN0O1xuICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFNJdGVtTXVsdGlTZWxlY3RbXT4oKTtcbiAgQE91dHB1dCgpIHNlbGVjdGVkRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuICBAT3V0cHV0KCkgYmx1ckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgZm9jdXNFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQElucHV0KCkgaWQhOiBzdHJpbmc7XG5cbiAgdmFsdWU6IHN0cmluZ1tdID0gW107XG4gIG9wdGlvbnNJbml0ITogYW55W107XG4gIGNsaWNrSW5zaWRlOiBib29sZWFuID0gZmFsc2U7XG4gIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICBjb3VudFNlbGVjdGVkOiBhbnk7XG4gIGNoZWNrSXRlbTogU0NoZWNrYm94ID0ge1xuICAgIHVzZUZvcm1Db250cm9sOiBmYWxzZSxcbiAgICB0YWJJbmRleDogLTEsXG4gIH07XG4gIGNoZWNrQWxsOiBTQ2hlY2tib3ggPSB7XG4gICAgaWQ6ICdhbGwnLFxuICAgIHVzZUZvcm1Db250cm9sOiBmYWxzZSxcbiAgfTtcbiAgc2VsZWN0QWxsOiBib29sZWFuID0gZmFsc2U7XG4gIHNlbGVjdGlvblRleHQhOiBzdHJpbmc7XG4gIHNlYXJjaFRleHQ6IHN0cmluZyA9ICcnO1xuICBvcHRpb25zOiBTSXRlbU11bHRpU2VsZWN0W10gPSBbXTtcbiAgY29uZmlnU2VhcmNoITogU0lucHV0O1xuICBJTlBVVF9TSVpFID0gSU5QVVRfU0laRTtcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzZWxlY3ROYXZTZXJ2aWNlOiBTZWxlY3ROYXZpZ2F0aW9uU2VydmljZSxcbiAgICBpbmplY3RvcjogSW5qZWN0b3JcbiAgKSB7XG4gICAgc3VwZXIoaW5qZWN0b3IpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlkKSB0aGlzLmlkID0gdGhpcy5jb25maWcuaWQgPz8gYHMtc2VsZWN0LW11bHRpcGxlYDtcbiAgfVxuXG4gIGdldENvbnRyb2woKSB7XG4gICAgaWYgKHRoaXMuY29udHJvbCA9PSB1bmRlZmluZWQpIHtcbiAgICAgIHJldHVybiAodGhpcy5jb250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKSk7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLmNvbnRyb2w7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5faW5pdENvbmZpZygpO1xuICAgIHRoaXMub3B0aW9ucyA9IHRoaXMuY29uZmlnLm9wdGlvbnM7XG4gICAgdGhpcy5jb3VudFNlbGVjdCgpO1xuICB9XG5cbiAgb3BlbkRyb3BEb3duKCkge1xuICAgIGlmICh0aGlzLmNvbmZpZy5kaXNhYmxlZCB8fCB0aGlzLmNvbmZpZy5yZWFkT25seSkge1xuICAgICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5pc09wZW4gPSAhdGhpcy5pc09wZW47XG4gICAgdGhpcy5pc09wZW4gPyB0aGlzLm9uRm9jdXMoKSA6IHRoaXMub25CbHVyKCk7XG4gIH1cblxuICBmaWx0ZXIoKSB7XG4gICAgaWYgKCF0aGlzLnNlYXJjaFRleHQpIHtcbiAgICAgIHRoaXMub3B0aW9ucyA9IFsuLi50aGlzLmNvbmZpZy5vcHRpb25zXTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5vcHRpb25zID0gdGhpcy5jb25maWcub3B0aW9ucy5maWx0ZXIob3B0aW9uID0+XG4gICAgICAgIG9wdGlvbi50aXRsZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuc2VhcmNoVGV4dC50b0xvd2VyQ2FzZSgpKVxuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICBzZWxlY3RBbGxFdmVudCgpIHtcbiAgICBjb25zdCBzZXRWYWx1ZSA9ICF0aGlzLnNlbGVjdEFsbDtcbiAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaChpdGVtID0+IHtcbiAgICAgIGl0ZW0udmFsdWUgPSBzZXRWYWx1ZTtcbiAgICAgIHRoaXMudmFsdWUucHVzaChpdGVtLmlkKTtcbiAgICB9KTtcbiAgICBpZiAoIXNldFZhbHVlKSB0aGlzLnZhbHVlID0gW107XG4gICAgdGhpcy51cGRhdGVTdGF0ZXMoKTtcbiAgfVxuXG4gIGNoYW5nZUl0ZW0oaXRlbTogYW55KSB7XG4gICAgaXRlbS52YWx1ZSA9ICFpdGVtLnZhbHVlO1xuICAgIHRoaXMudmFsdWUgPSB0aGlzLmNvbmZpZy5vcHRpb25zLmZpbHRlcihvcHRpb24gPT4gb3B0aW9uLnZhbHVlKS5tYXAob3B0aW9uID0+IG9wdGlvbi5pZCk7XG4gICAgdGhpcy51cGRhdGVTdGF0ZXMoKTtcbiAgfVxuXG4gIHVwZGF0ZVN0YXRlcygpIHtcbiAgICBpZiAodGhpcy5jb25maWcudXNlRm9ybUNvbnRyb2wpIHtcbiAgICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gICAgfVxuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5zZWxlY3RlZEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMuY29uZmlnLm9wdGlvbnMpO1xuICAgIHRoaXMuY291bnRTZWxlY3QoKTtcbiAgfVxuXG4gIGNvdW50U2VsZWN0KCkge1xuICAgIHRoaXMuY291bnRTZWxlY3RlZCA9IHRoaXMuY29uZmlnLm9wdGlvbnMuZmlsdGVyKG9iaiA9PiBvYmoudmFsdWUgPT09IHRydWUpLmxlbmd0aDtcbiAgICB0aGlzLmNvbmZpZy5vcHRpb25zLmxlbmd0aCA9PSB0aGlzLmNvdW50U2VsZWN0ZWQgPyAodGhpcy5zZWxlY3RBbGwgPSB0cnVlKSA6ICh0aGlzLnNlbGVjdEFsbCA9IGZhbHNlKTtcbiAgICB0aGlzLnNldFRleHQoKTtcbiAgfVxuXG4gIHNldFRleHQoKSB7XG4gICAgdGhpcy5zZWxlY3Rpb25UZXh0ID1cbiAgICAgIHRoaXMub3B0aW9ucy5sZW5ndGggPT0gdGhpcy5jb3VudFNlbGVjdGVkXG4gICAgICAgID8gdGhpcy5jb25maWcuYWxsU2VsZWN0ZWRcbiAgICAgICAgOiBgJHt0aGlzLmNvdW50U2VsZWN0ZWR9ICR7dGhpcy5jb25maWcuc2VsZWN0ZWR9YDtcbiAgfVxuXG4gIG92ZXJyaWRlIHdyaXRlVmFsdWUodmFsdWU6IHN0cmluZ1tdKTogdm9pZCB7XG4gICAgc3VwZXIud3JpdGVWYWx1ZSh2YWx1ZSk7XG5cbiAgICB0aGlzLnZhbHVlID0gdmFsdWUgfHwgW107XG4gICAgdGhpcy5jb25maWcub3B0aW9ucy5mb3JFYWNoKG9wdGlvbiA9PiB7XG4gICAgICBvcHRpb24udmFsdWUgPSB2YWx1ZS5pbmNsdWRlcyhvcHRpb24uaWQpO1xuICAgIH0pO1xuICAgIHRoaXMuY291bnRTZWxlY3QoKTtcbiAgfVxuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xuICB9XG5cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChpc0Rpc2FibGVkKSB7XG4gICAgICB0aGlzLmNvbmZpZy5kaXNhYmxlZCA9IHRydWU7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaW5pdENvbmZpZygpIHtcbiAgICB0aGlzLmNvbmZpZ1NlYXJjaCA9IHtcbiAgICAgIGlkOiAnc2VhcmNoJyxcbiAgICAgIHR5cGU6IElOUFVUX1RZUEUuU0VBUkNILFxuICAgICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgICAgc2l6ZTogdGhpcy5jb25maWcuc2l6ZSA9PT0gJ3NtJyA/IElOUFVUX1NJWkUuU00gOiBJTlBVVF9TSVpFLk1ELFxuICAgIH07XG4gIH1cblxuICAvL0VWRU5UT1MgUEFSQSBERVRFQ1RBUiBDTElDSyBGVUVSQSBZIENFUlJBUiBFTCBTRUxFQ1RcbiAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICBjbGlja2VkKCkge1xuICAgIHRoaXMuY2xpY2tJbnNpZGUgPSB0cnVlO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmNsaWNrJylcbiAgY2xpY2tlZE91dCgpIHtcbiAgICBpZiAodGhpcy5pc09wZW4gJiYgIXRoaXMuY2xpY2tJbnNpZGUpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uQmx1cigpO1xuICAgIH1cbiAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gIH1cblxuICBvbkJsdXIoKTogdm9pZCB7XG4gICAgdGhpcy5ibHVyRXZlbnQubmV4dCgpO1xuICB9XG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5mb2N1c0V2ZW50Lm5leHQoKTtcbiAgfVxuXG4gIG9uS2V5RG93bk1haW4oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jb25maWcucmVhZE9ubHkgfHwgdGhpcy5jb25maWcuZGlzYWJsZWQpIHJldHVybjtcbiAgICB0aGlzLmlzT3BlbiA9IHRoaXMuc2VsZWN0TmF2U2VydmljZS5vbktleURvd25NYWluKGV2ZW50LCB0aGlzLmlzT3Blbik7XG4gIH1cblxuICBvbktleURvd25JdGVtcyhldmVudDogS2V5Ym9hcmRFdmVudCwgaXRlbTogYW55KTogdm9pZCB7XG4gICAgdGhpcy5pc09wZW4gPSB0aGlzLnNlbGVjdE5hdlNlcnZpY2Uub25LZXlEb3duSXRlbXMoZXZlbnQsIGl0ZW0sIHRoaXMuaXNPcGVuLCB0aGlzLmNoYW5nZUl0ZW0uYmluZCh0aGlzKSwgZmFsc2UpO1xuICB9XG59XG4iLCI8YXJ0aWNsZSAqbmdJZj1cImNvbmZpZ1wiIGNsYXNzPVwicy1zZWxlY3RcIiBbbmdDbGFzc109XCJjb25maWcuZGlzYWJsZWQgfHwgY29udHJvbD8uZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJyA6ICcnXCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJjb25maWcubGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIj5cclxuICAgIHt7IGNvbmZpZy5sYWJlbCB9fVxyXG4gICAgPHNwYW4gY2xhc3M9XCJzLXNlbGVjdC0tcmVxdWlyZWRcIiAqbmdJZj1cImNvbmZpZz8ucmVxdWlyZWRcIj4qPC9zcGFuPlxyXG4gIDwvc3Bhbj5cclxuICA8c2VjdGlvblxyXG4gICAgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbiBjdXJzb3JcIlxyXG4gICAgW2lkXT1cImlkXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgcmVhZG9ubHk6IGNvbmZpZy5yZWFkT25seSxcclxuICAgICAgJ3RoZW1lLXJlZCc6IGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGlzRm9jdXNlZCxcclxuICAgICAgJ2lzLW9wZW4nOiBpc09wZW4sXHJcbiAgICAgIHNtOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuU00sXHJcbiAgICAgIG1kOiAoY29uZmlnLnNpemUgPz8gSU5QVVRfU0laRS5NRCkgPT09IElOUFVUX1NJWkUuTUQsXHJcbiAgICB9XCJcclxuICAgIHJvbGU9XCJidXR0b25cIlxyXG4gICAgdGFiaW5kZXg9XCIwXCJcclxuICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXHJcbiAgICBhcmlhLWNvbnRyb2xzPVwiZHJvcGRvd25cIlxyXG4gICAgYXJpYS1oYXNwb3B1cD1cInRydWVcIlxyXG4gICAgKGNsaWNrKT1cIm9wZW5Ecm9wRG93bigpXCJcclxuICAgIChrZXlkb3duKT1cIm9uS2V5RG93bk1haW4oJGV2ZW50KVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb24gc2VsZWN0LW11bHRpcGxlXCIgW2lkXT1cImlkICsgJy1vcHRpb25zJ1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdFwiPlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcuZGlzcGxheSA9PT0gJ2RvdCdcIiBjbGFzcz1cImRvdFwiPjwvZGl2PlxyXG4gICAgICAgIDxzLWljb24tbWF0XHJcbiAgICAgICAgICBbc2l6ZV09XCJjb25maWcuc2l6ZSA9PT0gJ21kJyA/ICdtZCcgOiAnc20nXCJcclxuICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnaWNvbnBlcnNvbidcIj5cclxuICAgICAgICAgIHBlcnNvbl9vdXRsaW5lXHJcbiAgICAgICAgPC9zLWljb24tbWF0PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcuZGlzcGxheSA9PT0gJ3Byb2ZpbGUnXCIgY2xhc3M9XCJjb250ZW50LWF2YXRhclwiPlxyXG4gICAgICAgICAgPHMtYXZhdGFyIFtzaXplXT1cImNvbmZpZy5zaXplID09PSAnc20nID8gJ3NtJyA6ICdtZCdcIj48L3MtYXZhdGFyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiY291bnRTZWxlY3RlZCA+PSAxXCIgY2xhc3M9XCJzLXNlbGVjdF9fdmFsdWVcIj5cclxuICAgICAgICAgIHt7IHNlbGVjdGlvblRleHQgfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJjb3VudFNlbGVjdGVkID09PSAwXCIgY2xhc3M9XCJzLXNlbGVjdF9fdmFsdWVcIj5cclxuICAgICAgICAgIHt7IGNvbmZpZy5wbGFjZWhvbGRlciB9fVxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fcmlnaHRcIj5cclxuICAgICAgICAgIDxzLWljb24tbWF0ICpuZ0lmPVwiIWNvbmZpZy5yZWFkT25seSB8fCAhY29uZmlnLmRpc2FibGVkXCIgY2xhc3M9XCJ7eyBpc09wZW4gPyAnaXMtb3Blbi1hcnJvdycgOiAnJyB9fVwiPnt7XHJcbiAgICAgICAgICAgIGlzT3BlbiA/ICdleHBhbmRfbGVzcycgOiAnZXhwYW5kX21vcmUnXHJcbiAgICAgICAgICB9fTwvcy1pY29uLW1hdD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L3NlY3Rpb24+XHJcbiAgPHMtdmFsaWRhdGlvbi1lcnJvclxyXG4gICAgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgY29udHJvbCAmJiBjb250cm9sLmludmFsaWQgJiYgaXNGb2N1c2VkXCJcclxuICAgIFtjdXN0b21FcnJvck1lc3NhZ2VzXT1cImNvbmZpZy5lcnJvck1lc3NhZ2VzID8/IHVuZGVmaW5lZFwiXHJcbiAgICBbZXJyb3JzXT1cImNvbnRyb2wuZXJyb3JzXCJcclxuICAgIFtpZF09XCJpZCArICctZXJyb3JWYWxpZGF0aW9uJ1wiPlxyXG4gIDwvcy12YWxpZGF0aW9uLWVycm9yPlxyXG4gIDxzLWVycm9yLWNvbnRyb2xcclxuICAgICpuZ0lmPVwiIWNvbmZpZy5oaWRlRXJyb3JUZXh0ICYmIGNvbnRyb2wgJiYgY29udHJvbC5pbnZhbGlkICYmIGNvbmZpZy5lcnJvclRleHRcIlxyXG4gICAgdGhlbWU9XCJyZWRcIlxyXG4gICAgW2lkXT1cImlkICsgJy1lcnJvclRleHQnXCI+XHJcbiAgICB7eyBjb25maWcuZXJyb3JUZXh0IH19XHJcbiAgPC9zLWVycm9yLWNvbnRyb2w+XHJcbiAgPHMtZXJyb3ItY29udHJvbFxyXG4gICAgKm5nSWY9XCIhY29uZmlnLmhpZGVFcnJvclRleHQgJiYgIWNvbmZpZy5lcnJvclRleHQgJiYgY29udHJvbCAmJiAhY29udHJvbC5lcnJvcnMgJiYgY29uZmlnLmhlbHBUZXh0XCJcclxuICAgIFtpZF09XCJpZCArICctaGVscFRleHQnXCI+XHJcbiAgICB7eyBjb25maWcuaGVscFRleHQgfX1cclxuICA8L3MtZXJyb3ItY29udHJvbD5cclxuICA8c2VjdGlvbiBjbGFzcz1cInMtc2VsZWN0X19kcm9wZG93blwiICpuZ0lmPVwiaXNPcGVuXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX29wdGlvbnMtbXVsdGlwbGUtLXNlYXJjaFwiPlxyXG4gICAgICA8IS0tIC8vVE9ETyBmbGFnIG9wY2lvbmFsLCBwb3IgZGVmZWN0byB0cnVlIC0tPlxyXG4gICAgICA8cy1pbnB1dFxyXG4gICAgICAgIFtjb25maWddPVwiY29uZmlnU2VhcmNoXCJcclxuICAgICAgICBbaWRdPVwiaWQgKyAnLXNlYXJjaCdcIlxyXG4gICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVGV4dFwiXHJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwiZmlsdGVyKClcIj48L3MtaW5wdXQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1tdWx0aXBsZVwiIFtuZ0NsYXNzXT1cImNvbmZpZy5zaXplID09PSAnc20nID8gJ3hzJyA6ICdzbSdcIj5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIHJvbGU9XCJvcHRpb25cIlxyXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgY2xhc3M9XCJzLXNlbGVjdF9faXRlbVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyBzbTogY29uZmlnLnNpemUgPT09ICdzbScsIG1kOiBjb25maWcuc2l6ZSAhPT0gJ3NtJywgJ25vLWRpc3BsYXknOiAhY29uZmlnLmRpc3BsYXkgfVwiXHJcbiAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uczsgaW5kZXggYXMgaVwiXHJcbiAgICAgICAgKGNsaWNrKT1cImNoYW5nZUl0ZW0oaXRlbSlcIlxyXG4gICAgICAgIFthdHRyLmFyaWEtc2VsZWN0ZWRdPVwiaXRlbS52YWx1ZVwiXHJcbiAgICAgICAgKGtleWRvd24pPVwib25LZXlEb3duSXRlbXMoJGV2ZW50LCBpdGVtKVwiXHJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpdGVtLnZhbHVlID09PSB0cnVlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdCBzZWxlY3QtbXVsdGlwbGVcIj5cclxuICAgICAgICAgIDxzLWNoZWNrYm94IFtjb25maWddPVwiY2hlY2tJdGVtXCIgWyhuZ01vZGVsKV09XCJpdGVtLnZhbHVlXCI+PC9zLWNoZWNrYm94PlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cImNvbmZpZy5kaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cclxuICAgICAgICAgICAgPHMtYXZhdGFyXHJcbiAgICAgICAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPT09ICdzbScgPyAnc20nIDogJ21kJ1wiXHJcbiAgICAgICAgICAgICAgW2Rpc3BsYXldPVwiaXRlbS51c2VyPy5kaXNwbGF5XCJcclxuICAgICAgICAgICAgICBbbGV0dGVyc109XCJpdGVtLnVzZXI/LmxldHRlcnNcIlxyXG4gICAgICAgICAgICAgIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIlxyXG4gICAgICAgICAgICAgIFt1cmxQcm9maWxlSW1hZ2VdPVwiaXRlbS51c2VyPy51cmxcIj5cclxuICAgICAgICAgICAgPC9zLWF2YXRhcj5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPHMtaWNvbi1tYXRcclxuICAgICAgICAgICAgW3NpemVdPVwiY29uZmlnLnNpemUgPT09ICdzbScgPyAnc20nIDogJ21kJ1wiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWNvblBlcnNvblwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiY29uZmlnLmRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiPlxyXG4gICAgICAgICAgICBwZXJzb25fb3V0bGluZVxyXG4gICAgICAgICAgPC9zLWljb24tbWF0PlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cclxuICAgICAgICAgICAge3sgaXRlbS50aXRsZSB9fVxyXG4gICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RlZFwiIFtuZ0NsYXNzXT1cInsgc206IGNvbmZpZy5zaXplID09PSAnc20nIH1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RlZC1jb250ZW50XCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJzLXNlbGVjdF9fb3B0aW9ucy1tdWx0aXBsZS0tc2VsZWN0ZWQtdGV4dFwiPnt7IHRoaXMuY29uZmlnLnNlbGVjdGVkIH19OiB7eyB0aGlzLmNvdW50U2VsZWN0ZWQgfX08L3A+XHJcbiAgICAgICAgPGFcclxuICAgICAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgICBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zLW11bHRpcGxlLS1zZWxlY3RBbGxPcHRpb25cIlxyXG4gICAgICAgICAgKGNsaWNrKT1cInNlbGVjdEFsbEV2ZW50KClcIlxyXG4gICAgICAgICAgKGtleWRvd24uZW50ZXIpPVwic2VsZWN0QWxsRXZlbnQoKVwiXHJcbiAgICAgICAgICA+e3sgb3B0aW9ucy5sZW5ndGggPT09IGNvdW50U2VsZWN0ZWQgPyBjb25maWcuZGVzZWxlY3RBbGxPcHRpb25zIDogY29uZmlnLnNlbGVjdEFsbE9wdGlvbiB9fTwvYVxyXG4gICAgICAgID5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L3NlY3Rpb24+XHJcbjwvYXJ0aWNsZT5cclxuIl19

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 class=\"s-select\" [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' : '' }} {{ size ? size : '' }}\"\r\n    (click)=\"openDropDown()\"\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\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *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=\"sm\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"md\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{ selectionText }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{ placeholder }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat *ngIf=\"!readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n          isOpen ? 'expand_less' : 'expand_more'\r\n        }}</s-icon-mat>\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 [config]=\"checkAll\" [(ngModel)]=\"selectAll\" (keydown.enter)=\"selectAllEvent()\"></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=\"sm\"\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=\"md\"\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 [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "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 class=\"s-select\" [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' : '' }} {{ size ? size : '' }}\"\r\n    (click)=\"openDropDown()\"\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\">\r\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\r\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *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=\"sm\"></s-avatar>\r\n          <s-avatar *ngIf=\"size === 'md'\" size=\"md\"></s-avatar>\r\n        </div>\r\n        <!-- +{{ countSelected }} Selecciones  -->\r\n        <span *ngIf=\"countSelected >= 1\" class=\"s-select__value\">{{ selectionText }}</span>\r\n        <span *ngIf=\"countSelected === 0\" class=\"s-select__value\">{{ placeholder }}</span>\r\n      </div>\r\n      <div class=\"s-select__main__selected-option__right\">\r\n        <s-icon-mat *ngIf=\"!readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\r\n          isOpen ? 'expand_less' : 'expand_more'\r\n        }}</s-icon-mat>\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 [config]=\"checkAll\" [(ngModel)]=\"selectAll\" (keydown.enter)=\"selectAllEvent()\"></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=\"sm\"\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=\"md\"\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 [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *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__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "style", "type", "id"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["id", "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", "id"], 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,

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

@@ -128,7 +128,7 @@ export class SSelectSimpleComponent {
                 useExisting: forwardRef(() => SSelectSimpleComponent),
                 multi: true
             }
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-select\" [ngClass]=\"disabled ? 's-select--disabled' : ''\">\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\n  <div\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{ size ? size : '' }}\"\n    (click)=\"openDropDown()\"\n    tabindex=\"0\"\n    (keydown)=\"onKeyDownMain($event)\">\n    <div class=\"s-select__main__selected-option select-simple\">\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex >= 0\">\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *ngIf=\"display === 'iconperson'\"\n          >person_outline</s-icon-mat\n        >\n        <div *ngIf=\"display === 'profile' && options[activeIndex]?.user\" class=\"content-avatar\">\n          <s-avatar\n            size=\"md\"\n            [status]=\"options[activeIndex].user?.status\"\n            [display]=\"options[activeIndex].user?.display\"\n            [urlProfileImage]=\"options[activeIndex].user?.url\"></s-avatar>\n        </div>\n        <span>{{ options[activeIndex].title }}</span>\n      </div>\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex < 0\">\n        <div class=\"s-select__main__selected-option__left__content-option\" *ngIf=\"!selectedValue\">\n          <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n          <s-icon-mat class=\"iconPerson\" *ngIf=\"display === 'iconperson'\">person_outline</s-icon-mat>\n          <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\n            <s-avatar size=\"md\"></s-avatar>\n          </div>\n          <span class=\"placeholder\">{{ placeholder }}</span>\n        </div>\n      </div>\n      <div class=\"s-select__main__selected-option__right\">\n        <s-icon-mat *ngIf=\"!readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\n          isOpen ? 'expand_less' : 'expand_more'\n        }}</s-icon-mat>\n      </div>\n    </div>\n  </div>\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\n    <div\n      class=\"s-select__item {{ size ? size : '' }}\"\n      *ngFor=\"let item of options; index as i\"\n      [class.active]=\"i === activeIndex\"\n      (click)=\"getSelectedValue(item)\"\n      (keydown)=\"onKeyDownItems($event, item)\"\n      tabindex=\"0\">\n      <div class=\"content-left select-simple\">\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\n          <s-avatar\n            size=\"md\"\n            [display]=\"item.user?.display\"\n            [status]=\"item.user?.status\"\n            [urlProfileImage]=\"item.user?.url\"></s-avatar>\n        </div>\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *ngIf=\"display === 'iconperson'\"\n          >person_outline</s-icon-mat\n        >\n        <span class=\"option-value\">\n          {{ item.title }}\n        </span>\n      </div>\n      <div class=\"content-right\" *ngIf=\"i === activeIndex\">\n        <s-icon-mat class=\"icon-check\">check</s-icon-mat>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "style", "type"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-select\" [ngClass]=\"disabled ? 's-select--disabled' : ''\">\n  <span *ngIf=\"label\" class=\"s-select--select-label\">{{ label }}</span>\n  <div\n    class=\"s-select__main cursor {{ isOpen ? 'is-open' : '' }} {{ size ? size : '' }}\"\n    (click)=\"openDropDown()\"\n    tabindex=\"0\"\n    (keydown)=\"onKeyDownMain($event)\">\n    <div class=\"s-select__main__selected-option select-simple\">\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex >= 0\">\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *ngIf=\"display === 'iconperson'\"\n          >person_outline</s-icon-mat\n        >\n        <div *ngIf=\"display === 'profile' && options[activeIndex]?.user\" class=\"content-avatar\">\n          <s-avatar\n            size=\"md\"\n            [status]=\"options[activeIndex].user?.status\"\n            [display]=\"options[activeIndex].user?.display\"\n            [urlProfileImage]=\"options[activeIndex].user?.url\"></s-avatar>\n        </div>\n        <span>{{ options[activeIndex].title }}</span>\n      </div>\n      <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex < 0\">\n        <div class=\"s-select__main__selected-option__left__content-option\" *ngIf=\"!selectedValue\">\n          <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n          <s-icon-mat class=\"iconPerson\" *ngIf=\"display === 'iconperson'\">person_outline</s-icon-mat>\n          <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\n            <s-avatar size=\"md\"></s-avatar>\n          </div>\n          <span class=\"placeholder\">{{ placeholder }}</span>\n        </div>\n      </div>\n      <div class=\"s-select__main__selected-option__right\">\n        <s-icon-mat *ngIf=\"!readOnly\" class=\"{{ isOpen ? 'is-open-arrow' : '' }}\">{{\n          isOpen ? 'expand_less' : 'expand_more'\n        }}</s-icon-mat>\n      </div>\n    </div>\n  </div>\n  <div class=\"s-select__options {{ size ? size : '' }}\" *ngIf=\"isOpen\">\n    <div\n      class=\"s-select__item {{ size ? size : '' }}\"\n      *ngFor=\"let item of options; index as i\"\n      [class.active]=\"i === activeIndex\"\n      (click)=\"getSelectedValue(item)\"\n      (keydown)=\"onKeyDownItems($event, item)\"\n      tabindex=\"0\">\n      <div class=\"content-left select-simple\">\n        <div *ngIf=\"display === 'dot'\" class=\"dot\"></div>\n        <div *ngIf=\"display === 'profile'\" class=\"content-avatar\">\n          <s-avatar\n            size=\"md\"\n            [display]=\"item.user?.display\"\n            [status]=\"item.user?.status\"\n            [urlProfileImage]=\"item.user?.url\"></s-avatar>\n        </div>\n        <s-icon-mat [size]=\"size === 'md' ? 'md' : 'sm'\" class=\"iconPerson\" *ngIf=\"display === 'iconperson'\"\n          >person_outline</s-icon-mat\n        >\n        <span class=\"option-value\">\n          {{ item.title }}\n        </span>\n      </div>\n      <div class=\"content-right\" *ngIf=\"i === activeIndex\">\n        <s-icon-mat class=\"icon-check\">check</s-icon-mat>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".s-select{width:100%;position:relative}.s-select__main.readonly{background-color:var(--neutrals-1100);cursor:default}.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:.063rem 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 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!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__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.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:.063rem solid var(--neutrals-900);border-top:.063rem 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.no-display .content-left.select-simple{grid-template-columns:auto}.s-select__item.no-display .content-left.select-multiple{grid-template-columns:auto 1fr}.s-select__item.no-display .option-value{margin-left:0;width:100%;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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.select-multiple{grid-template-columns:2fr 2fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:2fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.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:.063rem 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", "style", "type", "id"] }, { kind: "component", type: i4.SAvatarComponent, selector: "s-avatar", inputs: ["id", "urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSelectSimpleComponent, decorators: [{
             type: Component,