sidesys-generic-ui 2.2.1 → 2.2.2

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

package/esm2022/lib/sub-menu/s-sub-menu.component.mjs

@@ -34,11 +34,11 @@ export class SSubMenuComponent {
         }, 250);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSubMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSubMenuComponent, selector: "s-sub-menu", inputs: { menu: "menu" }, outputs: { changeMenuEvent: "changeMenuEvent", closeMenuEvent: "closeMenuEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "   <ul class=\"s-sub-menu\">\n\n       <ng-container *ngFor=\"let item of menu.items ; index as i\">\n           <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\n\n                  <!-- Header -->\n                  <ng-container *ngIf=\"menu.header && i == 0\">\n                     <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\n                        {{menu.header.title}}\n                     </div>\n                     <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\n                        <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\n                     </div>\n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n                  <!-- Con Link -->\n                  <ng-container *ngIf=\"item.link\">\n                     <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                           <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\n                              <label class=\"sub-menu66-item-help\">{{item.help}}</label>\n                           </div>\n                     </a>\n                  </ng-container>\n\n                  <!-- Con inputType Checkbox o Radio -->\n                  <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\n                  \n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\n                              <s-checkbox-old *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox-old>\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\n                           </div>\n                        </div>\n                  </ng-container>\n\n                  <!-- Action -->\n                  <ng-container *ngIf=\"item.action && !item.inputType\">\n                     <button class=\"s-sub-menu--button\">\n                        <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\n                           <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Solo Label -->\n                   <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\n                     <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Espaciado -->\n                  <ng-container *ngIf=\"item.separate\"> \n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n         </li>\n\n      </ng-container>\n   </ul>\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin:0 .325rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox-old{line-height:.75rem;margin:0 .525rem}.s-sub-menu__option__left s-checkbox-old input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}.s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i5.SRadioComponent, selector: "s-radio", inputs: ["config", "value", "model", "id", "name", "disabled", "label", "boldSelectActive", "readOnly"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSubMenuComponent, selector: "s-sub-menu", inputs: { menu: "menu" }, outputs: { changeMenuEvent: "changeMenuEvent", closeMenuEvent: "closeMenuEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: "   <ul class=\"s-sub-menu\">\n\n       <ng-container *ngFor=\"let item of menu.items ; index as i\">\n           <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\n\n                  <!-- Header -->\n                  <ng-container *ngIf=\"menu.header && i == 0\">\n                     <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\n                        {{menu.header.title}}\n                     </div>\n                     <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\n                        <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\n                     </div>\n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n                  <!-- Con Link -->\n                  <ng-container *ngIf=\"item.link\">\n                     <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                           <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\n                              <label class=\"sub-menu66-item-help\">{{item.help}}</label>\n                           </div>\n                     </a>\n                  </ng-container>\n\n                  <!-- Con inputType Checkbox o Radio -->\n                  <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\n                  \n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\n                              <s-checkbox-old *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox-old>\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\n                           </div>\n                        </div>\n                  </ng-container>\n\n                  <!-- Action -->\n                  <ng-container *ngIf=\"item.action && !item.inputType\">\n                     <button class=\"s-sub-menu--button\">\n                        <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\n                           <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Solo Label -->\n                   <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\n                     <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Espaciado -->\n                  <ng-container *ngIf=\"item.separate\"> \n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n         </li>\n\n      </ng-container>\n   </ul>\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin:0 .325rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox-old{line-height:.75rem;margin:0 .525rem}.s-sub-menu__option__left s-checkbox-old input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}li:last-child .s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SCheckboxOldComponent, selector: "s-checkbox-old", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive", "tabIndex"], outputs: ["emitSelection"] }, { kind: "component", type: i5.SRadioComponent, selector: "s-radio", inputs: ["config", "value", "model", "id", "name", "disabled", "label", "boldSelectActive", "readOnly"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSubMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-sub-menu', encapsulation: ViewEncapsulation.None, template: "   <ul class=\"s-sub-menu\">\n\n       <ng-container *ngFor=\"let item of menu.items ; index as i\">\n           <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\n\n                  <!-- Header -->\n                  <ng-container *ngIf=\"menu.header && i == 0\">\n                     <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\n                        {{menu.header.title}}\n                     </div>\n                     <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\n                        <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\n                     </div>\n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n                  <!-- Con Link -->\n                  <ng-container *ngIf=\"item.link\">\n                     <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                           <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\n                              <label class=\"sub-menu66-item-help\">{{item.help}}</label>\n                           </div>\n                     </a>\n                  </ng-container>\n\n                  <!-- Con inputType Checkbox o Radio -->\n                  <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\n                  \n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\n                              <s-checkbox-old *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox-old>\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\n                           </div>\n                        </div>\n                  </ng-container>\n\n                  <!-- Action -->\n                  <ng-container *ngIf=\"item.action && !item.inputType\">\n                     <button class=\"s-sub-menu--button\">\n                        <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\n                           <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Solo Label -->\n                   <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\n                     <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Espaciado -->\n                  <ng-container *ngIf=\"item.separate\"> \n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n         </li>\n\n      </ng-container>\n   </ul>\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin:0 .325rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox-old{line-height:.75rem;margin:0 .525rem}.s-sub-menu__option__left s-checkbox-old input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}.s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"] }]
+            args: [{ selector: 's-sub-menu', encapsulation: ViewEncapsulation.None, template: "   <ul class=\"s-sub-menu\">\n\n       <ng-container *ngFor=\"let item of menu.items ; index as i\">\n           <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\n\n                  <!-- Header -->\n                  <ng-container *ngIf=\"menu.header && i == 0\">\n                     <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\n                        {{menu.header.title}}\n                     </div>\n                     <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\n                        <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\n                     </div>\n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n                  <!-- Con Link -->\n                  <ng-container *ngIf=\"item.link\">\n                     <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                           <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\n                              <label class=\"sub-menu66-item-help\">{{item.help}}</label>\n                           </div>\n                     </a>\n                  </ng-container>\n\n                  <!-- Con inputType Checkbox o Radio -->\n                  <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\n                  \n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                              <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\n                              <s-checkbox-old *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox-old>\n                              <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                              <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\n                           </div>\n                        </div>\n                  </ng-container>\n\n                  <!-- Action -->\n                  <ng-container *ngIf=\"item.action && !item.inputType\">\n                     <button class=\"s-sub-menu--button\">\n                        <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\n                           <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Solo Label -->\n                   <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\n                     <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\n                        <div class=\"s-sub-menu__option cursor\">\n                           <div class=\"s-sub-menu__option__left\">\n                                 <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\n                                 <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\n                           </div>\n                        </div>\n                     </button>\n                  </ng-container>\n\n                  <!-- Espaciado -->\n                  <ng-container *ngIf=\"item.separate\"> \n                     <div class=\"s-sub-menu__separate\"></div>\n                  </ng-container>\n\n         </li>\n\n      </ng-container>\n   </ul>\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin:0 .325rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox-old{line-height:.75rem;margin:0 .525rem}.s-sub-menu__option__left s-checkbox-old input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}li:last-child .s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"] }]
         }], propDecorators: { menu: [{
                 type: Input
             }], changeMenuEvent: [{

package/esm2022/lib/tabs/models/tab.interface.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvbW9kZWxzL3RhYi5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVRhYiB7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgdGV4dD86IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGhpZ2hsaWdodD86IGJvb2xlYW47XG4gIGljb24/OiBzdHJpbmc7XG4gIGljb25TeW1ib2w/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGJhZGdlPzogc3RyaW5nO1xuICBiYWRnZVR5cGU/OiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdncmVlbicgfCAneWVsbG93JyB8ICdyZWQnO1xufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvbW9kZWxzL3RhYi5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVRhYiB7XG4gIHNlbGVjdGVkPzogYm9vbGVhbjtcbiAgdGV4dD86IHN0cmluZztcbiAgdmFsdWU/OiBzdHJpbmc7XG4gIGhpZ2hsaWdodD86IGJvb2xlYW47XG4gIGljb24/OiBzdHJpbmc7XG4gIGljb25UeXBlPzogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAnZ3JlZW4nIHwgJ3llbGxvdycgfCAncmVkJztcbiAgaWNvblN5bWJvbD86IGJvb2xlYW47XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgYmFkZ2U/OiBzdHJpbmc7XG4gIGJhZGdlVHlwZT86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2dyZWVuJyB8ICd5ZWxsb3cnIHwgJ3JlZCc7XG59XG4iXX0=

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

@@ -22,11 +22,11 @@ export class STabsComponent {
         this.eventSelect.emit(tab);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, ngImport: i0, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, ngImport: i0, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [ngClass]=\"[tab.iconType ? tab.iconType : '']\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs .primary{color:var(--primary-600)}.s-tabs .secondary{color:var(--secondary-600)}.s-tabs .green{color:var(--green-600)}.s-tabs .yellow{color:var(--yellow-600)}.s-tabs .red{color:var(--red-600)}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i3.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: STabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-tabs', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"] }]
+            args: [{ selector: 's-tabs', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"s-tabs s-scroll no-select\"\n  *ngIf=\"tabsConfig\"\n  [ngClass]=\"{\n    's-tabs__background': configTabs?.background,\n    's-tabs__pill': configTabs?.pill,\n    's-tabs__sm': configTabs?.size === 'sm',\n  }\">\n  <div class=\"s-tabs__container\" [ngStyle]=\"{ width: configTabs?.width + '%' }\">\n    <div\n      class=\"s-tabs__content\"\n      *ngFor=\"let tab of tabsConfig\"\n      [ngClass]=\"{\n        selected: tab.selected,\n        highlight: tab.highlight,\n        disabled: tab.disabled,\n      }\"\n      tabindex=\"0\"\n      (keydown.enter)=\"selectTab(tab)\"\n      (click)=\"selectTab(tab)\">\n      <s-icon-mat\n        class=\"s-tabs__icon\"\n        *ngIf=\"tab.icon\"\n        [ngClass]=\"[tab.iconType ? tab.iconType : '']\"\n        [type]=\"tab.iconSymbol ? 'symbol' : 'icon'\"\n        >{{ tab.icon }}</s-icon-mat\n      >\n      <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{ tab.text }}</span>\n      <s-badge\n        *ngIf=\"tab.badge\"\n        [type]=\"tab.badgeType ? tab.badgeType : 'primary'\"\n        >{{ tab.badge }}</s-badge\n      >\n    </div>\n  </div>\n</div>\n", styles: [".s-tabs{border-top-right-radius:.5rem;border-top-left-radius:.5rem;display:block;overflow:auto}.s-tabs__icon .s-icon-mat span{font-size:1.25rem}.s-tabs .material-icons{font-size:1.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.896rem .5rem;text-align:center;gap:.4rem}.s-tabs__content.selected{border-bottom:.063rem solid var(--primary-600);color:var(--primary-600);background-color:var(--primary-200);border-top-right-radius:.5rem;border-top-left-radius:.5rem}.s-tabs__content.highlight{background-color:var(--primary-200)}.s-tabs__content.disabled{color:var(--secondary-300);cursor:not-allowed}.s-tabs .primary{color:var(--primary-600)}.s-tabs .secondary{color:var(--secondary-600)}.s-tabs .green{color:var(--green-600)}.s-tabs .yellow{color:var(--yellow-600)}.s-tabs .red{color:var(--red-600)}.s-tabs__text{font-weight:700}.s-tabs__background{background-color:var(--primary-100)}.s-tabs__pill{padding:.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.s-tabs__pill .s-tabs{background-color:var(--primary-100)}.s-tabs__pill .s-tabs__container{gap:.5rem}.s-tabs__pill .s-tabs__content{padding:.43rem .187rem;border-bottom:0;border-radius:.25rem}.s-tabs__pill .s-tabs__content.selected{color:var(--primary-600);background-color:var(--primary-200)}.s-tabs__sm .s-tabs__text{font-size:.75rem}.s-tabs__sm .s-tabs__icon span{font-size:1.3rem}.s-tabs__sm.s-tabs__pill{padding:.25rem}.s-tabs__sm.s-tabs__pill .s-tabs__content{padding:.299rem .187rem}.s-tabs__sm .s-tabs__content{padding:.24rem .187rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{
                 type: Input
             }], configTabs: [{
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], eventSelect: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN2QixNQUFNLE9BQU8sY0FBYztJQU96QjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlsQyxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxLQUFLLENBQUM7SUFDaEQsQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUFTO1FBQ2pCLElBQUksR0FBRyxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2xELEdBQUcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBeEJVLGNBQWM7bUdBQWQsY0FBYywySUNoQjNCLCtpQ0FtQ0E7OzRGRG5CYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFFBQVEsaUJBR0gsaUJBQWlCLENBQUMsSUFBSTt3REFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb25maWdUYWJzLCBJVGFiIH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGFicz86IElUYWJbXTtcbiAgQElucHV0KCkgY29uZmlnVGFicz86IElDb25maWdUYWJzO1xuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPElUYWI+KCk7XG5cbiAgcHVibGljIHRhYnNDb25maWc/OiBJVGFiW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGFic0NvbmZpZyA9IHRoaXMudGFicztcbiAgfVxuXG4gIGdldEJhY2tncm91bmQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5jb25maWdUYWJzPy5iYWNrZ3JvdW5kIHx8IGZhbHNlO1xuICB9XG5cbiAgc2VsZWN0VGFiKHRhYjogSVRhYikge1xuICAgIGlmICh0YWIuc2VsZWN0ZWQgfHwgdGFiLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudGFicz8uZm9yRWFjaCh0YWIgPT4gKHRhYi5zZWxlY3RlZCA9IGZhbHNlKSk7XG4gICAgdGFiLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLmV2ZW50U2VsZWN0LmVtaXQodGFiKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInMtdGFicyBzLXNjcm9sbCBuby1zZWxlY3RcIlxuICAqbmdJZj1cInRhYnNDb25maWdcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3MtdGFic19fYmFja2dyb3VuZCc6IGNvbmZpZ1RhYnM/LmJhY2tncm91bmQsXG4gICAgJ3MtdGFic19fcGlsbCc6IGNvbmZpZ1RhYnM/LnBpbGwsXG4gICAgJ3MtdGFic19fc20nOiBjb25maWdUYWJzPy5zaXplID09PSAnc20nLFxuICB9XCI+XG4gIDxkaXYgY2xhc3M9XCJzLXRhYnNfX2NvbnRhaW5lclwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbmZpZ1RhYnM/LndpZHRoICsgJyUnIH1cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInMtdGFic19fY29udGVudFwiXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNDb25maWdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBzZWxlY3RlZDogdGFiLnNlbGVjdGVkLFxuICAgICAgICBoaWdobGlnaHQ6IHRhYi5oaWdobGlnaHQsXG4gICAgICAgIGRpc2FibGVkOiB0YWIuZGlzYWJsZWQsXG4gICAgICB9XCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWxlY3RUYWIodGFiKVwiXG4gICAgICAoY2xpY2spPVwic2VsZWN0VGFiKHRhYilcIj5cbiAgICAgIDxzLWljb24tbWF0XG4gICAgICAgIGNsYXNzPVwicy10YWJzX19pY29uXCJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaWNvblwiXG4gICAgICAgIFt0eXBlXT1cInRhYi5pY29uU3ltYm9sID8gJ3N5bWJvbCcgOiAnaWNvbidcIlxuICAgICAgICA+e3sgdGFiLmljb24gfX08L3MtaWNvbi1tYXRcbiAgICAgID5cbiAgICAgIDxzcGFuICpuZ0lmPVwidGFiLnRleHRcIiBjbGFzcz1cInMtdGFic19fdGV4dFwiPnt7IHRhYi50ZXh0IH19PC9zcGFuPlxuICAgICAgPHMtYmFkZ2VcbiAgICAgICAgKm5nSWY9XCJ0YWIuYmFkZ2VcIlxuICAgICAgICBbdHlwZV09XCJ0YWIuYmFkZ2VUeXBlID8gdGFiLmJhZGdlVHlwZSA6ICdwcmltYXJ5J1wiXG4gICAgICAgID57eyB0YWIuYmFkZ2UgfX08L3MtYmFkZ2VcbiAgICAgID5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10YWJzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3RhYnMvcy10YWJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7OztBQVN2QixNQUFNLE9BQU8sY0FBYztJQU96QjtRQUpVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztJQUlsQyxDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLFVBQVUsSUFBSSxLQUFLLENBQUM7SUFDaEQsQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUFTO1FBQ2pCLElBQUksR0FBRyxDQUFDLFFBQVEsSUFBSSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakMsT0FBTztRQUNULENBQUM7UUFDRCxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO1FBQ2xELEdBQUcsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7K0dBeEJVLGNBQWM7bUdBQWQsY0FBYywySUNoQjNCLHltQ0FvQ0E7OzRGRHBCYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFFBQVEsaUJBR0gsaUJBQWlCLENBQUMsSUFBSTt3REFHNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElDb25maWdUYWJzLCBJVGFiIH0gZnJvbSAnLi9tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXRhYnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy10YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy10YWJzLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNUYWJzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdGFicz86IElUYWJbXTtcbiAgQElucHV0KCkgY29uZmlnVGFicz86IElDb25maWdUYWJzO1xuICBAT3V0cHV0KCkgZXZlbnRTZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPElUYWI+KCk7XG5cbiAgcHVibGljIHRhYnNDb25maWc/OiBJVGFiW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudGFic0NvbmZpZyA9IHRoaXMudGFicztcbiAgfVxuXG4gIGdldEJhY2tncm91bmQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICEhdGhpcy5jb25maWdUYWJzPy5iYWNrZ3JvdW5kIHx8IGZhbHNlO1xuICB9XG5cbiAgc2VsZWN0VGFiKHRhYjogSVRhYikge1xuICAgIGlmICh0YWIuc2VsZWN0ZWQgfHwgdGFiLmRpc2FibGVkKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMudGFicz8uZm9yRWFjaCh0YWIgPT4gKHRhYi5zZWxlY3RlZCA9IGZhbHNlKSk7XG4gICAgdGFiLnNlbGVjdGVkID0gdHJ1ZTtcbiAgICB0aGlzLmV2ZW50U2VsZWN0LmVtaXQodGFiKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInMtdGFicyBzLXNjcm9sbCBuby1zZWxlY3RcIlxuICAqbmdJZj1cInRhYnNDb25maWdcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3MtdGFic19fYmFja2dyb3VuZCc6IGNvbmZpZ1RhYnM/LmJhY2tncm91bmQsXG4gICAgJ3MtdGFic19fcGlsbCc6IGNvbmZpZ1RhYnM/LnBpbGwsXG4gICAgJ3MtdGFic19fc20nOiBjb25maWdUYWJzPy5zaXplID09PSAnc20nLFxuICB9XCI+XG4gIDxkaXYgY2xhc3M9XCJzLXRhYnNfX2NvbnRhaW5lclwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGNvbmZpZ1RhYnM/LndpZHRoICsgJyUnIH1cIj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInMtdGFic19fY29udGVudFwiXG4gICAgICAqbmdGb3I9XCJsZXQgdGFiIG9mIHRhYnNDb25maWdcIlxuICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICBzZWxlY3RlZDogdGFiLnNlbGVjdGVkLFxuICAgICAgICBoaWdobGlnaHQ6IHRhYi5oaWdobGlnaHQsXG4gICAgICAgIGRpc2FibGVkOiB0YWIuZGlzYWJsZWQsXG4gICAgICB9XCJcbiAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAoa2V5ZG93bi5lbnRlcik9XCJzZWxlY3RUYWIodGFiKVwiXG4gICAgICAoY2xpY2spPVwic2VsZWN0VGFiKHRhYilcIj5cbiAgICAgIDxzLWljb24tbWF0XG4gICAgICAgIGNsYXNzPVwicy10YWJzX19pY29uXCJcbiAgICAgICAgKm5nSWY9XCJ0YWIuaWNvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlt0YWIuaWNvblR5cGUgPyB0YWIuaWNvblR5cGUgOiAnJ11cIlxuICAgICAgICBbdHlwZV09XCJ0YWIuaWNvblN5bWJvbCA/ICdzeW1ib2wnIDogJ2ljb24nXCJcbiAgICAgICAgPnt7IHRhYi5pY29uIH19PC9zLWljb24tbWF0XG4gICAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cInRhYi50ZXh0XCIgY2xhc3M9XCJzLXRhYnNfX3RleHRcIj57eyB0YWIudGV4dCB9fTwvc3Bhbj5cbiAgICAgIDxzLWJhZGdlXG4gICAgICAgICpuZ0lmPVwidGFiLmJhZGdlXCJcbiAgICAgICAgW3R5cGVdPVwidGFiLmJhZGdlVHlwZSA/IHRhYi5iYWRnZVR5cGUgOiAncHJpbWFyeSdcIlxuICAgICAgICA+e3sgdGFiLmJhZGdlIH19PC9zLWJhZGdlXG4gICAgICA+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=