sidesys-generic-ui 2.2.2 → 2.3.1-local.1

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__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 }); }
+        ], 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 select-simple\">\n            <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex >= 0\">\n                <div *ngIf=\"display == 'dot'\" class=\"dot\"></div>\n                <s-icon-mat size=\"{{size === 'md' ? '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 select-simple\">\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:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:3fr 4fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:4fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "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__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"] }]
+                    ], 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 select-simple\">\n            <div class=\"s-select__main__selected-option__left\" *ngIf=\"activeIndex >= 0\">\n                <div *ngIf=\"display == 'dot'\" class=\"dot\"></div>\n                <s-icon-mat size=\"{{size === 'md' ? '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 select-simple\">\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:.063rem solid var(--primary-500);border-radius:.25rem;display:flex;padding:0 .625rem}.s-select__main.theme-red{border-color:var(--red-600)!important;box-shadow:0 0 0 .25rem var(--red-alpha-200),0 .0625rem .125rem 0 var(--blue-alpha-100)!important}.s-select__main.md{height:2.4rem;font-size:1rem}.s-select__main.sm{height:1.5rem;font-size:.9rem}.s-select__main.is-open{border:.06rem solid var(--primary-600);box-shadow:var(--focus-cyan--md)}.s-select__main__selected-option{width:100%;display:flex;align-items:center;justify-content:space-between}.s-select__main__selected-option input{display:none}.s-select__main__selected-option input:-webkit-autofill,.s-select__main__selected-option input:-webkit-autofill:hover,.s-select__main__selected-option input:-webkit-autofill:focus,.s-select__main__selected-option input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1.9rem var(--neutrals-1200) inset!important}.s-select__main__selected-option span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-select__main__selected-option__left{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.s-select__main__selected-option__left__content-option{display:flex;align-items:center;gap:.5rem}.s-select__main__selected-option__left__content-option .placeholder{color:var(--neutrals-700);opacity:.6}.s-select__main__selected-option__left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.3rem}.s-select__main__selected-option__left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600)}.s-select__main__selected-option__left .content-avatar{margin-left:.375rem}.s-select__main__selected-option__right{display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-600)}.s-select__main__selected-option__right .is-open-arrow{color:var(--primary-600)}.s-select__main__selected-option.select-simple .s-select__main__selected-option__left{width:93%}.s-select__main__selected-option.select-multiple .s-select__main__selected-option__left{width:100%}.s-select__options{max-height:12.5rem;overflow-y:auto;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0}.s-select__options.sm{top:3.5rem}.s-select__options.md{top:4.5rem}.s-select__options.label-off.md{top:3.1rem}.s-select__options.label-off.sm{top:2.1rem}.s-select__dropdown{max-height:30rem;position:absolute;width:100%;z-index:2;box-shadow:var(--E300);background-color:var(--neutrals-1200);border-radius:.25rem;left:0;margin-top:.5rem}.s-select__options-multiple{border-bottom:.063rem solid var(--neutrals-900);border-top:.063rem solid var(--neutrals-900);max-height:13.5rem;overflow-y:auto}.s-select__options-multiple--search{padding:.3rem .5rem;height:100%}.s-select__options-multiple--selected{padding:.3rem .5rem;height:100%;margin-top:.3rem}.s-select__options-multiple--selected .s-button{width:100%}.s-select__options-multiple--selected .sm{font-size:.75rem}.s-select__options-multiple--selected-content{display:flex;justify-content:space-between;margin-top:.5rem}.s-select__options-multiple--selected-text:first-letter{text-transform:uppercase}.s-select__options-multiple--selectAllOption{color:var(--primary-600);cursor:pointer;text-decoration:underline}.s-select__options-multiple-all{align-items:center;display:flex}.s-select__options-multiple-all.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__options-multiple-all.md{font-size:1rem;padding:.625rem .875rem}.s-select__options-multiple-text{padding-left:.625rem}.s-select__item{display:flex;justify-content:space-between;padding:0 .875rem;color:var(--secondary-600)}.s-select__item:hover{background-color:var(--neutrals-1000);cursor:pointer}.s-select__item.sm{font-size:.75rem;padding:.25rem .5rem}.s-select__item.md{font-size:1rem;padding:.625rem .875rem}.s-select__item .option-value{margin-left:.375rem}.s-select__item.active .option-value{font-weight:500;color:var(--primary-600)}.s-select__item .content-left.select-multiple{grid-template-columns:3fr 4fr 96fr}.s-select__item .content-left.select-simple{grid-template-columns:4fr 96fr}.s-select__item .content-left{display:grid;align-items:center;justify-content:space-evenly;margin-right:.5rem;grid-template-columns:3fr 4fr 96fr;gap:.25rem;justify-items:start}.s-select__item .content-left s-icon-mat span{font-size:1.3rem}.s-select__item .content-left s-icon-mat.iconPerson{margin-left:.3rem;color:var(--primary-600);height:1.25rem}.s-select__item .content-left s-radio input,.s-select__item .content-left s-checkbox input{cursor:pointer}.s-select__item .content-left .content-avatar{margin-left:.375rem}.s-select__item .content-left .dot{border-radius:100%;width:.3rem;height:.3rem;border:.06rem solid var(--green-600);background-color:var(--green-600);margin-left:.625rem;margin-right:.563rem}.s-select__item .content-center{width:100%}.s-select__item .content-right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-select__item .content-right s-icon-mat span{font-size:1.2rem}.s-select--disabled .s-select-multiple__main,.s-select--disabled .s-select__main{background-color:var(--neutrals-1100);border:.063rem solid var(--neutrals-900);color:var(--neutrals-700);cursor:not-allowed}.s-select--disabled .s-select-multiple__main s-icon-mat.iconPerson,.s-select--disabled .s-select__main s-icon-mat.iconPerson{color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content{background-color:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .content-avatar .s-avatar__dot-content s-icon-mat span,.s-select--disabled .s-select__main .content-avatar .s-avatar__dot-content s-icon-mat span{color:var(--neutrals-1100)}.s-select--disabled .s-select-multiple__main .dot,.s-select--disabled .s-select__main .dot{background-color:var(--neutrals-700);border:.06rem solid var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot s-icon-mat span,.s-select--disabled .s-select__main .dot s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main .dot-content,.s-select--disabled .s-select__main .dot-content{background-color:var(--neutrals-700);border:var(--neutrals-700)}.s-select--disabled .s-select-multiple__main .dot-content s-icon-mat span,.s-select--disabled .s-select__main .dot-content s-icon-mat span{color:var(--neutrals-1200)}.s-select--disabled .s-select-multiple__main s-icon-mat span,.s-select--disabled .s-select__main s-icon-mat span{color:var(--neutrals-700)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SelectNavigationService }], propDecorators: { disabled: [{
                 type: Input
             }], placeholder: [{
@@ -168,4 +168,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: HostListener,
                 args: ["document:click"]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3Qtc2ltcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NlbGVjdC9zZWxlY3Qtc2ltcGxlL3Mtc2VsZWN0LXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LXNpbXBsZS9zLXNlbGVjdC1zaW1wbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBVSxVQUFVLEVBQUUsWUFBWSxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUV0SixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQWdCekUsTUFBTSxPQUFPLHNCQUFzQjtJQXVCL0IsWUFBb0IsZ0JBQXlDO1FBQXpDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUFyQjdELGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzNCLFlBQU8sR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFWCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBR3pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixZQUFPLEdBQWlELFNBQVMsQ0FBQztRQUNsRSxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUVsQyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGdCQUFXLEdBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx5Q0FBeUM7UUFDaEUsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2Qixn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QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0E7NEZBT1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQXVGUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkFTckIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3RW5jYXBzdWxhdGlvbiwgT25Jbml0LCBmb3J3YXJkUmVmLCBIb3N0TGlzdGVuZXIsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTU2VsZWN0U2ltcGxlTW9kZWwgfSBmcm9tIFwiLi4vcy1zZWxlY3QtbW9kZWxcIlxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2VsZWN0TmF2aWdhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vcy1zZWxlY3Qtc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Mtc2VsZWN0LW9sZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Mtc2VsZWN0LXNpbXBsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4uL3Mtc2VsZWN0LXN0eWxlLnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNTZWxlY3RTaW1wbGVDb21wb25lbnQpLFxuICAgICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNTZWxlY3RTaW1wbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gICAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG4gICAgb25Ub3VjaCA9ICgpID0+IHsgfTtcblxuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIG9wdGlvbnMhOiBTU2VsZWN0U2ltcGxlTW9kZWxbXTtcbiAgICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlPzogYW55O1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSByZWFkT25seTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc3BsYXk6ICdkb3QnIHwgJ2ljb25wZXJzb24nIHwgJ3Byb2ZpbGUnIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnID0gJ21kJztcblxuICAgIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGFjdGl2ZUluZGV4OiBhbnkgPSAtMTsgLy8gRGVmYXVsdCB0byAtMSB0byBpbmRpY2F0ZSBubyBzZWxlY3Rpb25cbiAgICB2YWx1ZTogYW55ID0gdW5kZWZpbmVkO1xuICAgIGNsaWNrSW5zaWRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFNTZWxlY3RTaW1wbGVNb2RlbD4oKTtcbiAgICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlbGVjdE5hdlNlcnZpY2U6IFNlbGVjdE5hdmlnYXRpb25TZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0SW5kZXgoKTtcblxuICAgICAgICBpZiAodGhpcy5yZWFkT25seSkge1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgICdzZWxlY3RlZFZhbHVlJyBpbiBjaGFuZ2VzID8gdGhpcy5zZWxlY3RJbmRleCgpIDogbnVsbDtcbiAgICAgICAgJ29wdGlvbnMnIGluIGNoYW5nZXMgPyB0aGlzLnNlbGVjdE9wdGlvbnMoKSA6IG51bGw7XG4gICAgfVxuXG4gICAgYXN5bmMgc2VsZWN0SW5kZXgoKSB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLm9wdGlvbnMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMub3B0aW9uc1tpbmRleF0udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLm9wdGlvbnNbaW5kZXhdO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gLTE7XG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIHNlbGVjdE9wdGlvbnMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLm9wdGlvbnMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMub3B0aW9uc1tpbmRleF0udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLm9wdGlvbnNbaW5kZXhdO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gLTE7XG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIG9wZW5Ecm9wRG93bigpIHtcbiAgICAgICAgdGhpcy5vbkZvY3VzKCk7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RJbmRleCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0U2VsZWN0ZWRWYWx1ZShlOiBTU2VsZWN0U2ltcGxlTW9kZWwpIHtcbiAgICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IHRoaXMub3B0aW9ucz8uaW5kZXhPZihlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gZS52YWx1ZTtcbiAgICAgICAgdGhpcy52YWx1ZSA9IGU7XG4gICAgICAgIHRoaXMub25Ub3VjaCgpO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgICAgICB0aGlzLnNlbGVjdEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMub25CbHVyKCk7XG4gICAgfVxuXG4gICAgYXN5bmMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgICBhd2FpdCB0aGlzLnNlbGVjdEluZGV4KCk7XG4gICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKVxuICAgIGNsaWNrZWQoKSB7XG4gICAgICAgIHRoaXMuY2xpY2tJbnNpZGUgPSB0cnVlO1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIpXG4gICAgY2xpY2tlZE91dCgpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNPcGVuICYmICF0aGlzLmNsaWNrSW5zaWRlKSB7XG4gICAgICAgICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5vbkJsdXIoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gICAgfVxuXG4gICAgb25CbHVyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmJsdXIubmV4dCgpO1xuICAgIH1cblxuICAgIG9uRm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9jdXMubmV4dCgpO1xuICAgIH1cblxuICAgIG9uS2V5RG93bk1haW4oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc09wZW4gPSB0aGlzLnNlbGVjdE5hdlNlcnZpY2Uub25LZXlEb3duTWFpbihldmVudCwgdGhpcy5pc09wZW4pO1xuICAgIH1cbiAgICBcbiAgICBvbktleURvd25JdGVtcyhldmVudDogS2V5Ym9hcmRFdmVudCwgaXRlbTogU1NlbGVjdFNpbXBsZU1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bkl0ZW1zKGV2ZW50LCBpdGVtLCB0aGlzLmlzT3BlbiwgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcykgLCB0cnVlKTtcbiAgICB9XG4gICAgXG59IiwiPGRpdiBjbGFzcz1cInMtc2VsZWN0XCIgW25nQ2xhc3NdPVwiZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJzonJ1wiPlxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvciB7eyBpc09wZW4gPyAnaXMtb3BlbicgOiAnJyB9fSB7e3NpemUgPyBzaXplIDogJyd9fVwiIChjbGljayk9XCJvcGVuRHJvcERvd24oKVwiIHRhYmluZGV4PVwiMFwiIChrZXlkb3duKT1cIm9uS2V5RG93bk1haW4oJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvblwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIiAqbmdJZj1cImFjdGl2ZUluZGV4ID49IDBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZGlzcGxheSA9PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgc2l6ZT1cInt7c2l6ZSA9PT0gJ21kJyA/ICcyMicgOiAnMTcnfX1cIiBjbGFzcz1cImljb25QZXJzb25cIiAqbmdJZj1cImRpc3BsYXkgPT09ICdpY29ucGVyc29uJ1wiPnBlcnNvbl9vdXRsaW5lPC9zLWljb24tbWF0PlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09PSAncHJvZmlsZScgJiYgb3B0aW9uc1thY3RpdmVJbmRleF0/LnVzZXJcIiBjbGFzcz1cImNvbnRlbnQtYXZhdGFyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzLWF2YXRhciBzaXplPVwiMjRcIiBbc3RhdHVzXT1cIm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LnN0YXR1c1wiIFtkaXNwbGF5XT1cIm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LmRpc3BsYXlcIiBbdXJsUHJvZmlsZUltYWdlXT1cIm9wdGlvbnNbYWN0aXZlSW5kZXhdLnVzZXI/LnVybFwiPjwvcy1hdmF0YXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgb3B0aW9uc1thY3RpdmVJbmRleF0udGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19sZWZ0XCIgKm5nSWY9XCJhY3RpdmVJbmRleCA8IDBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdF9fY29udGVudC1vcHRpb25cIiAqbmdJZj1cIiFzZWxlY3RlZFZhbHVlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiaWNvblBlcnNvblwiICpuZ0lmPVwiZGlzcGxheSA9PT0gJ2ljb25wZXJzb24nXCI+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09PSAncHJvZmlsZSdcIiBjbGFzcz1cImNvbnRlbnQtYXZhdGFyXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8cy1hdmF0YXIgc2l6ZT1cIjI0XCI+PC9zLWF2YXRhcj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwicGxhY2Vob2xkZXJcIj57e3BsYWNlaG9sZGVyfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19yaWdodFwiPlxuICAgICAgICAgICAgICAgIDxzLWljb24tbWF0ICpuZ0lmPVwiIXJlYWRPbmx5XCIgY2xhc3M9XCJ7e2lzT3BlbiA/ICdpcy1vcGVuLWFycm93JyA6ICcnfX1cIj57e2lzT3BlbiA/ICdleHBhbmRfbGVzcycgOiAnZXhwYW5kX21vcmUnfX08L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19vcHRpb25zIHt7c2l6ZSA/IHNpemUgOiAnJ319XCIgKm5nSWY9XCJpc09wZW5cIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19pdGVtIHt7c2l6ZSA/IHNpemUgOiAnJ319XCJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIG9wdGlvbnM7IGluZGV4IGFzIGlcIlxuICAgICAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJpID09PSBhY3RpdmVJbmRleFwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZ2V0U2VsZWN0ZWRWYWx1ZShpdGVtKVwiXG4gICAgICAgICAgICAoa2V5ZG93bik9XCJvbktleURvd25JdGVtcygkZXZlbnQgLCBpdGVtKVwiXG4gICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtbGVmdFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09PSAnZG90J1wiIGNsYXNzPVwiZG90XCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPHMtYXZhdGFyIHNpemU9XCIyNFwiIFtkaXNwbGF5XT1cIml0ZW0udXNlcj8uZGlzcGxheVwiIFtzdGF0dXNdPVwiaXRlbS51c2VyPy5zdGF0dXNcIiBbdXJsUHJvZmlsZUltYWdlXT1cIml0ZW0udXNlcj8udXJsXCIgPjwvcy1hdmF0YXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgIHNpemU9XCJ7e3NpemUgPT09ICdtZCcgPyAnMjInIDogJzE3J319XCIgY2xhc3M9XCJpY29uUGVyc29uXCIgKm5nSWY9XCJkaXNwbGF5ID09PSAnaWNvbnBlcnNvbidcIj5wZXJzb25fb3V0bGluZTwvcy1pY29uLW1hdD5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm9wdGlvbi12YWx1ZVwiPlxuICAgICAgICAgICAgICAgICAgICB7e2l0ZW0udGl0bGV9fVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRlbnQtcmlnaHRcIiAqbmdJZj1cImkgPT09IGFjdGl2ZUluZGV4XCI+XG4gICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJpY29uLWNoZWNrXCI+Y2hlY2s8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zZWxlY3Qtc2ltcGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NlbGVjdC9zZWxlY3Qtc2ltcGxlL3Mtc2VsZWN0LXNpbXBsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9zZWxlY3Qvc2VsZWN0LXNpbXBsZS9zLXNlbGVjdC1zaW1wbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBVSxVQUFVLEVBQUUsWUFBWSxFQUE0QixNQUFNLGVBQWUsQ0FBQztBQUV0SixPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQWdCekUsTUFBTSxPQUFPLHNCQUFzQjtJQXVCL0IsWUFBb0IsZ0JBQXlDO1FBQXpDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBeUI7UUFyQjdELGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzNCLFlBQU8sR0FBRyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFWCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBR3pCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixZQUFPLEdBQWlELFNBQVMsQ0FBQztRQUNsRSxTQUFJLEdBQWdCLElBQUksQ0FBQztRQUVsQyxXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGdCQUFXLEdBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyx5Q0FBeUM7UUFDaEUsVUFBSyxHQUFRLFNBQVMsQ0FBQztRQUN2Qixn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QkFBdUIsQ0FBQzs0QkFDckQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0E7NEZBT1EsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBT0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csS0FBSztzQkFBZCxNQUFNO2dCQXVGUCxPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTztnQkFTckIsVUFBVTtzQkFEVCxZQUFZO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBWaWV3RW5jYXBzdWxhdGlvbiwgT25Jbml0LCBmb3J3YXJkUmVmLCBIb3N0TGlzdGVuZXIsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBTU2VsZWN0U2ltcGxlTW9kZWwgfSBmcm9tIFwiLi4vcy1zZWxlY3QtbW9kZWxcIlxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgU2VsZWN0TmF2aWdhdGlvblNlcnZpY2UgfSBmcm9tIFwiLi4vcy1zZWxlY3Qtc2VydmljZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Mtc2VsZWN0LW9sZCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3Mtc2VsZWN0LXNpbXBsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4uL3Mtc2VsZWN0LXN0eWxlLnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNTZWxlY3RTaW1wbGVDb21wb25lbnQpLFxuICAgICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFNTZWxlY3RTaW1wbGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcywgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuXG4gICAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7IH07XG4gICAgb25Ub3VjaCA9ICgpID0+IHsgfTtcblxuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXI6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIG9wdGlvbnMhOiBTU2VsZWN0U2ltcGxlTW9kZWxbXTtcbiAgICBASW5wdXQoKSBzZWxlY3RlZFZhbHVlPzogYW55O1xuICAgIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgICBASW5wdXQoKSByZWFkT25seTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc3BsYXk6ICdkb3QnIHwgJ2ljb25wZXJzb24nIHwgJ3Byb2ZpbGUnIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnID0gJ21kJztcblxuICAgIGlzT3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuICAgIGFjdGl2ZUluZGV4OiBhbnkgPSAtMTsgLy8gRGVmYXVsdCB0byAtMSB0byBpbmRpY2F0ZSBubyBzZWxlY3Rpb25cbiAgICB2YWx1ZTogYW55ID0gdW5kZWZpbmVkO1xuICAgIGNsaWNrSW5zaWRlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFNTZWxlY3RTaW1wbGVNb2RlbD4oKTtcbiAgICBAT3V0cHV0KCkgYmx1ciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlbGVjdE5hdlNlcnZpY2U6IFNlbGVjdE5hdmlnYXRpb25TZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0SW5kZXgoKTtcblxuICAgICAgICBpZiAodGhpcy5yZWFkT25seSkge1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgICdzZWxlY3RlZFZhbHVlJyBpbiBjaGFuZ2VzID8gdGhpcy5zZWxlY3RJbmRleCgpIDogbnVsbDtcbiAgICAgICAgJ29wdGlvbnMnIGluIGNoYW5nZXMgPyB0aGlzLnNlbGVjdE9wdGlvbnMoKSA6IG51bGw7XG4gICAgfVxuXG4gICAgYXN5bmMgc2VsZWN0SW5kZXgoKSB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLm9wdGlvbnMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMub3B0aW9uc1tpbmRleF0udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLm9wdGlvbnNbaW5kZXhdO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gLTE7XG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIHNlbGVjdE9wdGlvbnMoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUpIHtcbiAgICAgICAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCB0aGlzLm9wdGlvbnMubGVuZ3RoOyBpbmRleCsrKSB7XG4gICAgICAgICAgICAgICAgaWYgKHRoaXMub3B0aW9uc1tpbmRleF0udmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0aGlzLm9wdGlvbnNbaW5kZXhdO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gLTE7XG4gICAgICAgICAgICB0aGlzLnZhbHVlID0gbnVsbDtcbiAgICAgICAgfVxuICAgIFxuICAgICAgICB0aGlzLm9uVG91Y2goKTtcbiAgICAgICAgdGhpcy5vbkNoYW5nZSh0aGlzLnZhbHVlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RFdmVudC5lbWl0KHRoaXMudmFsdWUpO1xuICAgIH1cblxuICAgIG9wZW5Ecm9wRG93bigpIHtcbiAgICAgICAgdGhpcy5vbkZvY3VzKCk7XG4gICAgICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RJbmRleCgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZ2V0U2VsZWN0ZWRWYWx1ZShlOiBTU2VsZWN0U2ltcGxlTW9kZWwpIHtcbiAgICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IHRoaXMub3B0aW9ucz8uaW5kZXhPZihlKTtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gZS52YWx1ZTtcbiAgICAgICAgdGhpcy52YWx1ZSA9IGU7XG4gICAgICAgIHRoaXMub25Ub3VjaCgpO1xuICAgICAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICAgICAgICB0aGlzLnNlbGVjdEV2ZW50LmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgIHRoaXMub25CbHVyKCk7XG4gICAgfVxuXG4gICAgYXN5bmMgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogUHJvbWlzZTx2b2lkPiB7XG4gICAgICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IHZhbHVlO1xuICAgICAgICBhd2FpdCB0aGlzLnNlbGVjdEluZGV4KCk7XG4gICAgICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgfVxuXG4gICAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoXCJjbGlja1wiKVxuICAgIGNsaWNrZWQoKSB7XG4gICAgICAgIHRoaXMuY2xpY2tJbnNpZGUgPSB0cnVlO1xuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuaXNPcGVuID0gIXRoaXMuaXNPcGVuO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcihcImRvY3VtZW50OmNsaWNrXCIpXG4gICAgY2xpY2tlZE91dCgpIHtcbiAgICAgICAgaWYgKHRoaXMuaXNPcGVuICYmICF0aGlzLmNsaWNrSW5zaWRlKSB7XG4gICAgICAgICAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5vbkJsdXIoKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmNsaWNrSW5zaWRlID0gZmFsc2U7XG4gICAgfVxuXG4gICAgb25CbHVyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmJsdXIubmV4dCgpO1xuICAgIH1cblxuICAgIG9uRm9jdXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZm9jdXMubmV4dCgpO1xuICAgIH1cblxuICAgIG9uS2V5RG93bk1haW4oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc09wZW4gPSB0aGlzLnNlbGVjdE5hdlNlcnZpY2Uub25LZXlEb3duTWFpbihldmVudCwgdGhpcy5pc09wZW4pO1xuICAgIH1cbiAgICBcbiAgICBvbktleURvd25JdGVtcyhldmVudDogS2V5Ym9hcmRFdmVudCwgaXRlbTogU1NlbGVjdFNpbXBsZU1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNPcGVuID0gdGhpcy5zZWxlY3ROYXZTZXJ2aWNlLm9uS2V5RG93bkl0ZW1zKGV2ZW50LCBpdGVtLCB0aGlzLmlzT3BlbiwgdGhpcy5nZXRTZWxlY3RlZFZhbHVlLmJpbmQodGhpcykgLCB0cnVlKTtcbiAgICB9XG4gICAgXG59IiwiPGRpdiBjbGFzcz1cInMtc2VsZWN0XCIgW25nQ2xhc3NdPVwiZGlzYWJsZWQgPyAncy1zZWxlY3QtLWRpc2FibGVkJzonJ1wiPlxuICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIiBjbGFzcz1cInMtc2VsZWN0LS1zZWxlY3QtbGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XG4gICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluIGN1cnNvciB7eyBpc09wZW4gPyAnaXMtb3BlbicgOiAnJyB9fSB7e3NpemUgPyBzaXplIDogJyd9fVwiIChjbGljayk9XCJvcGVuRHJvcERvd24oKVwiIHRhYmluZGV4PVwiMFwiIChrZXlkb3duKT1cIm9uS2V5RG93bk1haW4oJGV2ZW50KVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbiBzZWxlY3Qtc2ltcGxlXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX21haW5fX3NlbGVjdGVkLW9wdGlvbl9fbGVmdFwiICpuZ0lmPVwiYWN0aXZlSW5kZXggPj0gMFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCBzaXplPVwie3tzaXplID09PSAnbWQnID8gJzIyJyA6ICcxNyd9fVwiIGNsYXNzPVwiaWNvblBlcnNvblwiICpuZ0lmPVwiZGlzcGxheSA9PT0gJ2ljb25wZXJzb24nXCI+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRpc3BsYXkgPT09ICdwcm9maWxlJyAmJiBvcHRpb25zW2FjdGl2ZUluZGV4XT8udXNlclwiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cbiAgICAgICAgICAgICAgICAgICAgPHMtYXZhdGFyIHNpemU9XCIyNFwiIFtzdGF0dXNdPVwib3B0aW9uc1thY3RpdmVJbmRleF0udXNlcj8uc3RhdHVzXCIgW2Rpc3BsYXldPVwib3B0aW9uc1thY3RpdmVJbmRleF0udXNlcj8uZGlzcGxheVwiIFt1cmxQcm9maWxlSW1hZ2VdPVwib3B0aW9uc1thY3RpdmVJbmRleF0udXNlcj8udXJsXCI+PC9zLWF2YXRhcj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57eyBvcHRpb25zW2FjdGl2ZUluZGV4XS50aXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX2xlZnRcIiAqbmdJZj1cImFjdGl2ZUluZGV4IDwgMFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNlbGVjdF9fbWFpbl9fc2VsZWN0ZWQtb3B0aW9uX19sZWZ0X19jb250ZW50LW9wdGlvblwiICpuZ0lmPVwiIXNlbGVjdGVkVmFsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRpc3BsYXkgPT09ICdkb3QnXCIgY2xhc3M9XCJkb3RcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJpY29uUGVyc29uXCIgKm5nSWY9XCJkaXNwbGF5ID09PSAnaWNvbnBlcnNvbidcIj5wZXJzb25fb3V0bGluZTwvcy1pY29uLW1hdD5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRpc3BsYXkgPT09ICdwcm9maWxlJ1wiIGNsYXNzPVwiY29udGVudC1hdmF0YXJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzLWF2YXRhciBzaXplPVwiMjRcIj48L3MtYXZhdGFyPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJwbGFjZWhvbGRlclwiPnt7cGxhY2Vob2xkZXJ9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInMtc2VsZWN0X19tYWluX19zZWxlY3RlZC1vcHRpb25fX3JpZ2h0XCI+XG4gICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgKm5nSWY9XCIhcmVhZE9ubHlcIiBjbGFzcz1cInt7aXNPcGVuID8gJ2lzLW9wZW4tYXJyb3cnIDogJyd9fVwiPnt7aXNPcGVuID8gJ2V4cGFuZF9sZXNzJyA6ICdleHBhbmRfbW9yZSd9fTwvcy1pY29uLW1hdD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX29wdGlvbnMge3tzaXplID8gc2l6ZSA6ICcnfX1cIiAqbmdJZj1cImlzT3BlblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1zZWxlY3RfX2l0ZW0ge3tzaXplID8gc2l6ZSA6ICcnfX1cIlxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2Ygb3B0aW9uczsgaW5kZXggYXMgaVwiXG4gICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IGFjdGl2ZUluZGV4XCJcbiAgICAgICAgICAgIChjbGljayk9XCJnZXRTZWxlY3RlZFZhbHVlKGl0ZW0pXCJcbiAgICAgICAgICAgIChrZXlkb3duKT1cIm9uS2V5RG93bkl0ZW1zKCRldmVudCAsIGl0ZW0pXCJcbiAgICAgICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1sZWZ0IHNlbGVjdC1zaW1wbGVcIj5cbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZGlzcGxheSA9PT0gJ2RvdCdcIiBjbGFzcz1cImRvdFwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkaXNwbGF5ID09PSAncHJvZmlsZSdcIiBjbGFzcz1cImNvbnRlbnQtYXZhdGFyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzLWF2YXRhciBzaXplPVwiMjRcIiBbZGlzcGxheV09XCJpdGVtLnVzZXI/LmRpc3BsYXlcIiBbc3RhdHVzXT1cIml0ZW0udXNlcj8uc3RhdHVzXCIgW3VybFByb2ZpbGVJbWFnZV09XCJpdGVtLnVzZXI/LnVybFwiID48L3MtYXZhdGFyPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxzLWljb24tbWF0ICBzaXplPVwie3tzaXplID09PSAnbWQnID8gJzIyJyA6ICcxNyd9fVwiIGNsYXNzPVwiaWNvblBlcnNvblwiICpuZ0lmPVwiZGlzcGxheSA9PT0gJ2ljb25wZXJzb24nXCI+cGVyc29uX291dGxpbmU8L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tdmFsdWVcIj5cbiAgICAgICAgICAgICAgICAgICAge3tpdGVtLnRpdGxlfX1cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LXJpZ2h0XCIgKm5nSWY9XCJpID09PSBhY3RpdmVJbmRleFwiPlxuICAgICAgICAgICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwiaWNvbi1jaGVja1wiPmNoZWNrPC9zLWljb24tbWF0PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19

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

@@ -120,11 +120,11 @@ export class SSidebarComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarComponent, deps: [{ token: i1.LocalstorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSidebarComponent, selector: "s-sidebar", inputs: { menu: "menu", expand: "expand", showExpand: "showExpand", theme: "theme", images: "images" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"s-sidebar\" [ngClass]=\"[\n    theme ? 's-sidebar--theme-' + theme : '',\n    expand ? 's-sidebar--open' : 's-sidebar--close']\">\n\n    <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\n        <img [src]=\"getImageSource()\" alt=\"\"/>\n    </div>\n    \n    <ul class=\"s-sidebar__menu s-scroll\">\n        <ng-container *ngFor=\"let item of menu; index as i\">\n            <!-- Cuando es separate -->\n            <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\n                <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\n                <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\n                <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\n            </div>\n            <!-- Cuando NO tiene hijos esta visible y no es separate -->\n            <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex: true }\"></ng-template>\n            </li>\n            <!-- Cuando SI tiene hijos esta visible y no es separate -->\n            <!-- Padre -->\n            <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\" (keydown.enter)=\"clickParent(item)\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex:  true  }\"></ng-template>\n            </li>\n            <!-- Hijos -->\n            <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\n                <ng-container *ngFor=\"let itemChildren of item.children\">\n                    <li *ngIf=\"!itemChildren.hidden\">\n                        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren, tabindex: item.expanded ? true : false}\"></ng-template>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n    </ul>\n</div>\n\n<div tabindex=\"0\" class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (keydown.enter)=\"toogleMenu()\" (click)=\"toogleMenu()\">\n    <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\n</div>\n\n<ng-template #itemTemplate let-item let-tabindex=\"tabindex\">\n    <a [tabindex]=\"tabindex ? 0 : -1\" [ngClass]=\"[getClassItem(item) , getClassChildren(item) , getClassActive(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\n        <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\n        <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\n        <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\n            class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\n            keyboard_arrow_down\n        </s-icon-mat>\n    </a>\n</ng-template>\n\n<ng-template #iconTemplate let-icon>\n    <s-icon-mat \n        *ngIf=\"icon\" \n        [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\n        [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\n        class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\n    </s-icon-mat>\n    <s-icon-mat \n        *ngIf=\"!icon\" \n        type=\"symbol\"\n        size=\"20\"\n        class=\"icon-menu icon-menu-default\">fiber_manual_record\n    </s-icon-mat>\n</ng-template>\n\n<ng-template #badgeTemplate let-item>\n    <s-badge class=\"badge-padding\"\n        type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\n        {{item.badge}}\n    </s-badge>\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:5px;padding-right:3px;padding-bottom:40px}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:3px}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:10px;padding-right:10px}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:10px}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:10px}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:10px}.s-sidebar--close{width:4.5rem;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important;padding-left:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:24px;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:5px}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:10px 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:2px}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:4px;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:4px;margin-bottom:4px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--open li a{border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active,.s-sidebar__menu--open li a.active-forced{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title,.s-sidebar__menu--open li a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 3px;color:var(--primary-600);-webkit-transition:.01s ease-in-out;-moz-transition:.01s ease-in-out;-o-transition:.01s ease-in-out;transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:20px;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--primary-200);border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a),.s-sidebar--theme-dark .s-sidebar__menu__item a.active-forced:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:3px solid var(--primary-400);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:3px solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active,.s-sidebar--theme-dark .s-sidebar__menu--open a.active-forced{background-color:var(--primary-600);border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:10px}.s-sidebar__top--collapse{margin:5px}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:44px;height:32px;cursor:pointer;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:190px;bottom:42px;transition:.3s ease-in-out}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:15px;bottom:42px;transition:.1s ease-in-out}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "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.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i5.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }, { kind: "component", type: i6.SMenuItemTitleComponent, selector: "s-menu-item", inputs: ["title", "expand"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSidebarComponent, selector: "s-sidebar", inputs: { menu: "menu", expand: "expand", showExpand: "showExpand", theme: "theme", images: "images" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"s-sidebar\" [ngClass]=\"[\n    theme ? 's-sidebar--theme-' + theme : '',\n    expand ? 's-sidebar--open' : 's-sidebar--close']\">\n\n    <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\n        <img [src]=\"getImageSource()\" alt=\"\"/>\n    </div>\n    \n    <ul class=\"s-sidebar__menu s-scroll\">\n        <ng-container *ngFor=\"let item of menu; index as i\">\n            <!-- Cuando es separate -->\n            <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\n                <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\n                <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\n                <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\n            </div>\n            <!-- Cuando NO tiene hijos esta visible y no es separate -->\n            <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex: true }\"></ng-template>\n            </li>\n            <!-- Cuando SI tiene hijos esta visible y no es separate -->\n            <!-- Padre -->\n            <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\" (keydown.enter)=\"clickParent(item)\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex:  true  }\"></ng-template>\n            </li>\n            <!-- Hijos -->\n            <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\n                <ng-container *ngFor=\"let itemChildren of item.children\">\n                    <li *ngIf=\"!itemChildren.hidden\">\n                        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren, tabindex: item.expanded ? true : false}\"></ng-template>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n    </ul>\n</div>\n\n<div tabindex=\"0\" class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (keydown.enter)=\"toogleMenu()\" (click)=\"toogleMenu()\">\n    <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\n</div>\n\n<ng-template #itemTemplate let-item let-tabindex=\"tabindex\">\n    <a [tabindex]=\"tabindex ? 0 : -1\" [ngClass]=\"[getClassItem(item) , getClassChildren(item) , getClassActive(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\n        <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\n        <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\n        <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\n            class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\n            keyboard_arrow_down\n        </s-icon-mat>\n    </a>\n</ng-template>\n\n<ng-template #iconTemplate let-icon>\n    <s-icon-mat \n        *ngIf=\"icon\" \n        [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\n        [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\n        class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\n    </s-icon-mat>\n    <s-icon-mat \n        *ngIf=\"!icon\" \n        type=\"symbol\"\n        size=\"20\"\n        class=\"icon-menu icon-menu-default\">fiber_manual_record\n    </s-icon-mat>\n</ng-template>\n\n<ng-template #badgeTemplate let-item>\n    <s-badge class=\"badge-padding\"\n        type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\n        {{item.badge}}\n    </s-badge>\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 1.125rem 1.75rem 0 var(--blue-alpha-200);z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:.313rem;padding-right:.188rem;padding-bottom:2.5rem}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:.188rem}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:.625rem;padding-right:.625rem}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:.625rem}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:.625rem}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:.625rem}.s-sidebar--close{width:4.5rem;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important;padding-left:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:1.5rem;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:.063rem;background:var(--primary-600);margin:0 10.063rem}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:.313rem}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:.063rem;background:var(--primary-600);margin:.625rem 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:.125rem}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:.25rem;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:.25rem;background-color:var(--primary-300);border-left:.188rem solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:.25rem;margin-bottom:.25rem;background-color:var(--cyan-alpha-200);border-radius:.25rem}.s-sidebar__menu--open li a{border-radius:.25rem;border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:.25rem;background-color:var(--primary-300);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active,.s-sidebar__menu--open li a.active-forced{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title,.s-sidebar__menu--open li a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 .188rem;color:var(--primary-600);-webkit-transition:.01s ease-in-out;-moz-transition:.01s ease-in-out;-o-transition:.01s ease-in-out;transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:1.25rem;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:.25rem}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a),.s-sidebar--theme-dark .s-sidebar__menu__item a.active-forced:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:.188rem solid var(--primary-400);border-radius:.25rem}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:.25rem;border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:.25rem;border-left:.188rem solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:.188rem solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active,.s-sidebar--theme-dark .s-sidebar__menu--open a.active-forced{background-color:var(--primary-600);border-left:.188rem solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:.625rem}.s-sidebar__top--collapse{margin:.313rem}.s-sidebar__top img{width:76%}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:3.125rem;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:2.75rem;height:2rem;cursor:pointer;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:11.875rem;bottom:2.625rem;transition:.3s ease-in-out}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:.938rem;bottom:2.625rem;transition:.1s ease-in-out}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "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.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i5.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }, { kind: "component", type: i6.SMenuItemTitleComponent, selector: "s-menu-item", inputs: ["title", "expand"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-sidebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-sidebar\" [ngClass]=\"[\n    theme ? 's-sidebar--theme-' + theme : '',\n    expand ? 's-sidebar--open' : 's-sidebar--close']\">\n\n    <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\n        <img [src]=\"getImageSource()\" alt=\"\"/>\n    </div>\n    \n    <ul class=\"s-sidebar__menu s-scroll\">\n        <ng-container *ngFor=\"let item of menu; index as i\">\n            <!-- Cuando es separate -->\n            <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\n                <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\n                <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\n                <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\n            </div>\n            <!-- Cuando NO tiene hijos esta visible y no es separate -->\n            <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex: true }\"></ng-template>\n            </li>\n            <!-- Cuando SI tiene hijos esta visible y no es separate -->\n            <!-- Padre -->\n            <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\" (keydown.enter)=\"clickParent(item)\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex:  true  }\"></ng-template>\n            </li>\n            <!-- Hijos -->\n            <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\n                <ng-container *ngFor=\"let itemChildren of item.children\">\n                    <li *ngIf=\"!itemChildren.hidden\">\n                        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren, tabindex: item.expanded ? true : false}\"></ng-template>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n    </ul>\n</div>\n\n<div tabindex=\"0\" class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (keydown.enter)=\"toogleMenu()\" (click)=\"toogleMenu()\">\n    <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\n</div>\n\n<ng-template #itemTemplate let-item let-tabindex=\"tabindex\">\n    <a [tabindex]=\"tabindex ? 0 : -1\" [ngClass]=\"[getClassItem(item) , getClassChildren(item) , getClassActive(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\n        <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\n        <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\n        <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\n            class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\n            keyboard_arrow_down\n        </s-icon-mat>\n    </a>\n</ng-template>\n\n<ng-template #iconTemplate let-icon>\n    <s-icon-mat \n        *ngIf=\"icon\" \n        [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\n        [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\n        class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\n    </s-icon-mat>\n    <s-icon-mat \n        *ngIf=\"!icon\" \n        type=\"symbol\"\n        size=\"20\"\n        class=\"icon-menu icon-menu-default\">fiber_manual_record\n    </s-icon-mat>\n</ng-template>\n\n<ng-template #badgeTemplate let-item>\n    <s-badge class=\"badge-padding\"\n        type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\n        {{item.badge}}\n    </s-badge>\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:5px;padding-right:3px;padding-bottom:40px}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:3px}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:10px;padding-right:10px}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:10px}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:10px}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:10px}.s-sidebar--close{width:4.5rem;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important;padding-left:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:24px;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:5px}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:10px 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:2px}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:4px;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:4px;margin-bottom:4px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--open li a{border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active,.s-sidebar__menu--open li a.active-forced{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title,.s-sidebar__menu--open li a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 3px;color:var(--primary-600);-webkit-transition:.01s ease-in-out;-moz-transition:.01s ease-in-out;-o-transition:.01s ease-in-out;transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:20px;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--primary-200);border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a),.s-sidebar--theme-dark .s-sidebar__menu__item a.active-forced:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:3px solid var(--primary-400);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:3px solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active,.s-sidebar--theme-dark .s-sidebar__menu--open a.active-forced{background-color:var(--primary-600);border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:10px}.s-sidebar__top--collapse{margin:5px}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:44px;height:32px;cursor:pointer;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:190px;bottom:42px;transition:.3s ease-in-out}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:15px;bottom:42px;transition:.1s ease-in-out}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"] }]
+            args: [{ selector: 's-sidebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-sidebar\" [ngClass]=\"[\n    theme ? 's-sidebar--theme-' + theme : '',\n    expand ? 's-sidebar--open' : 's-sidebar--close']\">\n\n    <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\n        <img [src]=\"getImageSource()\" alt=\"\"/>\n    </div>\n    \n    <ul class=\"s-sidebar__menu s-scroll\">\n        <ng-container *ngFor=\"let item of menu; index as i\">\n            <!-- Cuando es separate -->\n            <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\n                <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\n                <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\n                <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\n            </div>\n            <!-- Cuando NO tiene hijos esta visible y no es separate -->\n            <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex: true }\"></ng-template>\n            </li>\n            <!-- Cuando SI tiene hijos esta visible y no es separate -->\n            <!-- Padre -->\n            <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\" (keydown.enter)=\"clickParent(item)\">\n                <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item , tabindex:  true  }\"></ng-template>\n            </li>\n            <!-- Hijos -->\n            <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\n                <ng-container *ngFor=\"let itemChildren of item.children\">\n                    <li *ngIf=\"!itemChildren.hidden\">\n                        <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren, tabindex: item.expanded ? true : false}\"></ng-template>\n                    </li>\n                </ng-container>\n            </ul>\n        </ng-container>\n    </ul>\n</div>\n\n<div tabindex=\"0\" class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (keydown.enter)=\"toogleMenu()\" (click)=\"toogleMenu()\">\n    <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\n</div>\n\n<ng-template #itemTemplate let-item let-tabindex=\"tabindex\">\n    <a [tabindex]=\"tabindex ? 0 : -1\" [ngClass]=\"[getClassItem(item) , getClassChildren(item) , getClassActive(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\n        <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\n        <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\n        <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n        <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\n            class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\n            keyboard_arrow_down\n        </s-icon-mat>\n    </a>\n</ng-template>\n\n<ng-template #iconTemplate let-icon>\n    <s-icon-mat \n        *ngIf=\"icon\" \n        [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\n        [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\n        class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\n    </s-icon-mat>\n    <s-icon-mat \n        *ngIf=\"!icon\" \n        type=\"symbol\"\n        size=\"20\"\n        class=\"icon-menu icon-menu-default\">fiber_manual_record\n    </s-icon-mat>\n</ng-template>\n\n<ng-template #badgeTemplate let-item>\n    <s-badge class=\"badge-padding\"\n        type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\n        {{item.badge}}\n    </s-badge>\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 1.125rem 1.75rem 0 var(--blue-alpha-200);z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:.313rem;padding-right:.188rem;padding-bottom:2.5rem}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:.188rem}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:.625rem;padding-right:.625rem}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:.625rem}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:.625rem}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:.625rem}.s-sidebar--close{width:4.5rem;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important;padding-left:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:1.5rem;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:.063rem;background:var(--primary-600);margin:0 10.063rem}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;-webkit-transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:.313rem}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:.063rem;background:var(--primary-600);margin:.625rem 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:.125rem}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:.25rem;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:.25rem;background-color:var(--primary-300);border-left:.188rem solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title,.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:.25rem;margin-bottom:.25rem;background-color:var(--cyan-alpha-200);border-radius:.25rem}.s-sidebar__menu--open li a{border-radius:.25rem;border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:.25rem;background-color:var(--primary-300);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active,.s-sidebar__menu--open li a.active-forced{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title,.s-sidebar__menu--open li a.active-forced .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 .188rem;color:var(--primary-600);-webkit-transition:.01s ease-in-out;-moz-transition:.01s ease-in-out;-o-transition:.01s ease-in-out;transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:1.25rem;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:.25rem;background-color:var(--primary-200);border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:.25rem}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a),.s-sidebar--theme-dark .s-sidebar__menu__item a.active-forced:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:.188rem solid var(--primary-400);border-radius:.25rem}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:.25rem;border-left:.188rem solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:.25rem;border-left:.188rem solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:.188rem solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active,.s-sidebar--theme-dark .s-sidebar__menu--open a.active-forced{background-color:var(--primary-600);border-left:.188rem solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:.625rem}.s-sidebar__top--collapse{margin:.313rem}.s-sidebar__top img{width:76%}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:3.125rem;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:2.75rem;height:2rem;cursor:pointer;-webkit-transition:width .1s ease-in-out;-moz-transition:width .1s ease-in-out;-o-transition:width .1s ease-in-out;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:11.875rem;bottom:2.625rem;transition:.3s ease-in-out}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:.938rem;bottom:2.625rem;transition:.1s ease-in-out}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.LocalstorageService }], propDecorators: { menu: [{
                 type: Input
             }], expand: [{

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

@@ -1,7 +1,6 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SSidebarComponent } from './s-sidebar.component';
-import { SIconModule } from '../icon/s-icon.module';
 import { SIconMaterialModule } from '../icon-material/s-icon-material.module';
 import { RouterModule } from '@angular/router';
 import { SBadgeModule } from '../badge/s-badge.module';
@@ -10,34 +9,16 @@ import { SMenuItemTitleComponent } from './components/s-menu-item.component';
 import * as i0 from "@angular/core";
 export class SSidebarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, declarations: [SSidebarComponent,
-            SMenuItemTitleComponent], imports: [CommonModule,
-            SIconModule,
-            RouterModule,
-            SIconMaterialModule,
-            SBadgeModule], exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, providers: [LocalstorageService], imports: [CommonModule,
-            SIconModule,
-            RouterModule,
-            SIconMaterialModule,
-            SBadgeModule, RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, declarations: [SSidebarComponent, SMenuItemTitleComponent], imports: [CommonModule, RouterModule, SIconMaterialModule, SBadgeModule], exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, providers: [LocalstorageService], imports: [CommonModule, RouterModule, SIconMaterialModule, SBadgeModule, RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSidebarModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SSidebarComponent,
-                        SMenuItemTitleComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        SIconModule,
-                        RouterModule,
-                        SIconMaterialModule,
-                        SBadgeModule,
-                    ],
+                    declarations: [SSidebarComponent, SMenuItemTitleComponent],
+                    imports: [CommonModule, RouterModule, SIconMaterialModule, SBadgeModule],
                     providers: [LocalstorageService],
-                    exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule]
+                    exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFpQjdFLE1BQU0sT0FBTyxjQUFjOytHQUFkLGNBQWM7Z0hBQWQsY0FBYyxpQkFidkIsaUJBQWlCO1lBQ2pCLHVCQUF1QixhQUd2QixZQUFZO1lBQ1osV0FBVztZQUNYLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWSxhQUdKLGlCQUFpQixFQUFFLHVCQUF1QixFQUFHLFlBQVk7Z0hBRXhELGNBQWMsYUFIZixDQUFDLG1CQUFtQixDQUFDLFlBTjdCLFlBQVk7WUFDWixXQUFXO1lBQ1gsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixZQUFZLEVBR3lDLFlBQVk7OzRGQUV4RCxjQUFjO2tCQWYxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTtxQkFDYjtvQkFDRCxTQUFTLEVBQUMsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUcsWUFBWSxDQUFDO2lCQUNyRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU1NpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3Mtc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL3MtaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLm1vZHVsZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU0JhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2Uvcy1iYWRnZS5tb2R1bGUnO1xuaW1wb3J0IHsgTG9jYWxzdG9yYWdlU2VydmljZSB9IGZyb20gJy4uL3NoYXJlZC9sb2NhbHN0b3JhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBTTWVudUl0ZW1UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zLW1lbnUtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTU2lkZWJhckNvbXBvbmVudCxcbiAgICBTTWVudUl0ZW1UaXRsZUNvbXBvbmVudFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNJY29uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxuICAgIFNCYWRnZU1vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOltMb2NhbHN0b3JhZ2VTZXJ2aWNlXSxcbiAgZXhwb3J0czogW1NTaWRlYmFyQ29tcG9uZW50LCBTTWVudUl0ZW1UaXRsZUNvbXBvbmVudCAsIFJvdXRlck1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgU1NpZGViYXJNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQVE3RSxNQUFNLE9BQU8sY0FBYzsrR0FBZCxjQUFjO2dIQUFkLGNBQWMsaUJBTFYsaUJBQWlCLEVBQUUsdUJBQXVCLGFBQy9DLFlBQVksRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxhQUU3RCxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBRSxZQUFZO2dIQUV2RCxjQUFjLGFBSGQsQ0FBQyxtQkFBbUIsQ0FBQyxZQUR0QixZQUFZLEVBQUUsWUFBWSxFQUFFLG1CQUFtQixFQUFFLFlBQVksRUFFakIsWUFBWTs7NEZBRXZELGNBQWM7a0JBTjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsdUJBQXVCLENBQUM7b0JBQzFELE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO29CQUN4RSxTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDaEMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsWUFBWSxDQUFDO2lCQUNwRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU1NpZGViYXJDb21wb25lbnQgfSBmcm9tICcuL3Mtc2lkZWJhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLm1vZHVsZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU0JhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2Uvcy1iYWRnZS5tb2R1bGUnO1xuaW1wb3J0IHsgTG9jYWxzdG9yYWdlU2VydmljZSB9IGZyb20gJy4uL3NoYXJlZC9sb2NhbHN0b3JhZ2Uuc2VydmljZSc7XG5pbXBvcnQgeyBTTWVudUl0ZW1UaXRsZUNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zLW1lbnUtaXRlbS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTU2lkZWJhckNvbXBvbmVudCwgU01lbnVJdGVtVGl0bGVDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBSb3V0ZXJNb2R1bGUsIFNJY29uTWF0ZXJpYWxNb2R1bGUsIFNCYWRnZU1vZHVsZV0sXG4gIHByb3ZpZGVyczogW0xvY2Fsc3RvcmFnZVNlcnZpY2VdLFxuICBleHBvcnRzOiBbU1NpZGViYXJDb21wb25lbnQsIFNNZW51SXRlbVRpdGxlQ29tcG9uZW50LCBSb3V0ZXJNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBTU2lkZWJhck1vZHVsZSB7fVxuIl19

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

@@ -1,28 +1,19 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
+import { ANIMATION } from '../animation';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "../animation/animation.component";
 export class SSpinnerComponent {
     constructor() {
-        this.type = "one";
-        this.size = "lg";
-        this.invert = false;
-        this.expand = false;
-    }
-    ngOnInit() {
+        this.size = 'lg';
+        this.animation = ANIMATION.Spinner;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSpinnerComponent, selector: "s-spinner", inputs: { type: "type", size: "size", invert: "invert", expand: "expand" }, ngImport: i0, template: "<div class=\"s-spinner s-spinner--{{type}} s-spinner--size-{{size}}\" [ngClass]=\"{'s-spinner--invert' : invert}\">\n</div>", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s-spinner--one{width:3rem;height:3rem;border:.313rem solid var(--primary-300);border-bottom-color:var(--primary-600);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--two{width:3rem;height:3rem;border:.313rem solid var(--primary-600);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--three{width:3rem;height:3rem;border:3px solid var(--primary-600);border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--three:after{content:\"\";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:50%;border:.188rem solid;border-color:var(--primary-300) transparent}.s-spinner--four{color:var(--primary-600);width:.5rem;height:.5rem;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s infinite linear;transform:translateZ(0);font-size:.4rem;margin:1.313rem}.s-spinner--four.s-spinner--size-xl{margin:2.563rem;font-size:.813rem;width:1rem;height:1rem}.s-spinner--four.s-spinner--size-md{margin:.625rem;font-size:.15rem;width:.3rem;height:.3rem}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.s-spinner--five{width:3rem;height:3rem;border-radius:50%;display:inline-block;border-top:.188rem solid var(--primary-600);border-right:.188rem solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--six{width:3rem;height:3rem;border-radius:50%;display:inline-block;border-top:.25rem solid var(--primary-300);border-right:.25rem solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--six:after{content:\"\";box-sizing:border-box;position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;border-bottom:.25rem solid var(--primary-600);border-left:.25rem solid transparent}.s-spinner--seven{width:3rem;height:3rem;border-radius:50%;display:inline-block;position:relative;border:.625rem solid;border-color:rgba(0,153,255,.15) rgba(0,68,255,.25) rgba(10,43,189,.35) rgba(54,166,211,.5);box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--seven.s-spinner--invert{border-color:rgba(255,255,255,.15) rgba(255,255,255,.25) rgba(255,255,255,.35) rgba(255,255,255,.5)}.s-spinner--size-xl.s-spinner--one,.s-spinner--size-xl.s-spinner--two,.s-spinner--size-xl.s-spinner--three,.s-spinner--size-xl.s-spinner--five,.s-spinner--size-xl.s-spinner--six,.s-spinner--size-xl.s-spinner--six:after,.s-spinner--size-xl.s-spinner--seven{width:6rem;height:6rem}.s-spinner--size-xl.s-spinner--three:after{width:5.375rem;height:5.375rem}.s-spinner--size-md.s-spinner--one,.s-spinner--size-md.s-spinner--two,.s-spinner--size-md.s-spinner--three,.s-spinner--size-md.s-spinner--five,.s-spinner--size-md.s-spinner--six,.s-spinner--size-md.s-spinner--six:after,.s-spinner--size-md.s-spinner--seven{width:1.5rem;height:1.5rem}.s-spinner--size-md.s-spinner--three:after{width:.875rem;height:.875rem}.s-spinner--size-md.s-spinner--six{border-top:.125rem solid var(--primary-300);border-right:.125rem solid transparent}.s-spinner--size-md.s-spinner--six:after{border-bottom:.125rem solid var(--primary-600);border-left:.125rem solid transparent}.s-spinner--size-md.s-spinner--seven{border:.313rem solid;border-color:rgba(0,153,255,.15) rgba(0,68,255,.25) rgba(10,43,189,.35) rgba(54,166,211,.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SSpinnerComponent, selector: "s-spinner", inputs: { size: "size" }, ngImport: i0, template: "<div class=\"s-spinner\">\n  <div class=\"s-spinner__content size-{{ size }}\">\n    <s-animation [animation]=\"animation\"></s-animation>\n  </div>\n</div>\n", styles: [".s-spinner{display:flex;justify-content:center}.s-spinner__content{max-width:8rem}.s-spinner .size-xsm{width:1rem}.s-spinner .size-sm{width:2rem}.s-spinner .size-md{width:4rem}.s-spinner .size-lg{width:8rem;height:8rem}\n"], dependencies: [{ kind: "component", type: i1.AnimationComponent, selector: "s-animation", inputs: ["animation"], outputs: ["playOnHoverEvent", "pauseOnLeaveEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SSpinnerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-spinner', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-spinner s-spinner--{{type}} s-spinner--size-{{size}}\" [ngClass]=\"{'s-spinner--invert' : invert}\">\n</div>", styles: ["@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s-spinner--one{width:3rem;height:3rem;border:.313rem solid var(--primary-300);border-bottom-color:var(--primary-600);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--two{width:3rem;height:3rem;border:.313rem solid var(--primary-600);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--three{width:3rem;height:3rem;border:3px solid var(--primary-600);border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--three:after{content:\"\";box-sizing:border-box;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:50%;border:.188rem solid;border-color:var(--primary-300) transparent}.s-spinner--four{color:var(--primary-600);width:.5rem;height:.5rem;border-radius:50%;position:relative;text-indent:-9999em;animation:mulShdSpin 1.3s infinite linear;transform:translateZ(0);font-size:.4rem;margin:1.313rem}.s-spinner--four.s-spinner--size-xl{margin:2.563rem;font-size:.813rem;width:1rem;height:1rem}.s-spinner--four.s-spinner--size-md{margin:.625rem;font-size:.15rem;width:.3rem;height:.3rem}@keyframes mulShdSpin{0%,to{box-shadow:0 -3em 0 .2em,2em -2em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em}12.5%{box-shadow:0 -3em,2em -2em 0 .2em,3em 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em,3em 0 0 .2em,2em 2em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0,2em 2em 0 .2em,0 3em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em,0 3em 0 .2em,-2em 2em,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em,-2em 2em 0 .2em,-3em 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0 0 .2em,-2em -2em}87.5%{box-shadow:0 -3em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em,-3em 0,-2em -2em 0 .2em}}.s-spinner--five{width:3rem;height:3rem;border-radius:50%;display:inline-block;border-top:.188rem solid var(--primary-600);border-right:.188rem solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--six{width:3rem;height:3rem;border-radius:50%;display:inline-block;border-top:.25rem solid var(--primary-300);border-right:.25rem solid transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--six:after{content:\"\";box-sizing:border-box;position:absolute;left:0;top:0;width:3rem;height:3rem;border-radius:50%;border-bottom:.25rem solid var(--primary-600);border-left:.25rem solid transparent}.s-spinner--seven{width:3rem;height:3rem;border-radius:50%;display:inline-block;position:relative;border:.625rem solid;border-color:rgba(0,153,255,.15) rgba(0,68,255,.25) rgba(10,43,189,.35) rgba(54,166,211,.5);box-sizing:border-box;animation:rotation 1s linear infinite}.s-spinner--seven.s-spinner--invert{border-color:rgba(255,255,255,.15) rgba(255,255,255,.25) rgba(255,255,255,.35) rgba(255,255,255,.5)}.s-spinner--size-xl.s-spinner--one,.s-spinner--size-xl.s-spinner--two,.s-spinner--size-xl.s-spinner--three,.s-spinner--size-xl.s-spinner--five,.s-spinner--size-xl.s-spinner--six,.s-spinner--size-xl.s-spinner--six:after,.s-spinner--size-xl.s-spinner--seven{width:6rem;height:6rem}.s-spinner--size-xl.s-spinner--three:after{width:5.375rem;height:5.375rem}.s-spinner--size-md.s-spinner--one,.s-spinner--size-md.s-spinner--two,.s-spinner--size-md.s-spinner--three,.s-spinner--size-md.s-spinner--five,.s-spinner--size-md.s-spinner--six,.s-spinner--size-md.s-spinner--six:after,.s-spinner--size-md.s-spinner--seven{width:1.5rem;height:1.5rem}.s-spinner--size-md.s-spinner--three:after{width:.875rem;height:.875rem}.s-spinner--size-md.s-spinner--six{border-top:.125rem solid var(--primary-300);border-right:.125rem solid transparent}.s-spinner--size-md.s-spinner--six:after{border-bottom:.125rem solid var(--primary-600);border-left:.125rem solid transparent}.s-spinner--size-md.s-spinner--seven{border:.313rem solid;border-color:rgba(0,153,255,.15) rgba(0,68,255,.25) rgba(10,43,189,.35) rgba(54,166,211,.5)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { type: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], invert: [{
-                type: Input
-            }], expand: [{
+            args: [{ selector: 's-spinner', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-spinner\">\n  <div class=\"s-spinner__content size-{{ size }}\">\n    <s-animation [animation]=\"animation\"></s-animation>\n  </div>\n</div>\n", styles: [".s-spinner{display:flex;justify-content:center}.s-spinner__content{max-width:8rem}.s-spinner .size-xsm{width:1rem}.s-spinner .size-sm{width:2rem}.s-spinner .size-md{width:4rem}.s-spinner .size-lg{width:8rem;height:8rem}\n"] }]
+        }], propDecorators: { size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NwaW5uZXIvcy1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NwaW5uZXIvcy1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFRNUUsTUFBTSxPQUFPLGlCQUFpQjtJQVE1QjtRQU5TLFNBQUksR0FBZ0UsS0FBSyxDQUFBO1FBQ3pFLFNBQUksR0FBd0IsSUFBSSxDQUFBO1FBQ2hDLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFDeEIsV0FBTSxHQUFZLEtBQUssQ0FBQztJQUdqQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVhVLGlCQUFpQjttR0FBakIsaUJBQWlCLDZIQ1I5Qiw2SEFDTTs7NEZET08saUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsSUFBSTt3REFJNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1zcGlubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNTcGlubmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBASW5wdXQoKSB0eXBlOiBcIm9uZVwiIHwgXCJ0d29cIiB8IFwidGhyZWVcIiB8IFwiZm91clwiIHwgXCJmaXZlXCIgfCBcInNpeFwiIHwgXCJzZXZlblwiID0gXCJvbmVcIlxuICBASW5wdXQoKSBzaXplOiAgXCJtZFwiIHwgXCJsZ1wiIHwgXCJ4bFwiID0gXCJsZ1wiXG4gIEBJbnB1dCgpIGludmVydDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBleHBhbmQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzLXNwaW5uZXIgcy1zcGlubmVyLS17e3R5cGV9fSBzLXNwaW5uZXItLXNpemUte3tzaXplfX1cIiBbbmdDbGFzc109XCJ7J3Mtc3Bpbm5lci0taW52ZXJ0JyA6IGludmVydH1cIj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zcGlubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NwaW5uZXIvcy1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NwaW5uZXIvcy1zcGlubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxjQUFjLENBQUM7OztBQVF6QyxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBT1csU0FBSSxHQUErQixJQUFJLENBQUM7UUFFakQsY0FBUyxHQUFjLFNBQVMsQ0FBQyxPQUFPLENBQUM7S0FDMUM7K0dBSlksaUJBQWlCO21HQUFqQixpQkFBaUIsMkVDVDlCLGdLQUtBOzs0RkRJYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQU5JTUFUSU9OIH0gZnJvbSAnLi4vYW5pbWF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1zcGlubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3Mtc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3Mtc3Bpbm5lci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTU3Bpbm5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNpemU6ICd4c20nIHwgJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ2xnJztcblxuICBhbmltYXRpb246IEFOSU1BVElPTiA9IEFOSU1BVElPTi5TcGlubmVyO1xufVxuIiwiPGRpdiBjbGFzcz1cInMtc3Bpbm5lclwiPlxuICA8ZGl2IGNsYXNzPVwicy1zcGlubmVyX19jb250ZW50IHNpemUte3sgc2l6ZSB9fVwiPlxuICAgIDxzLWFuaW1hdGlvbiBbYW5pbWF0aW9uXT1cImFuaW1hdGlvblwiPjwvcy1hbmltYXRpb24+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

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

package/esm2022/lib/table-complete/table-complete.component.mjs

@@ -74,11 +74,11 @@ export class TableCompleteComponent {
         this.paginationEvent.emit(pagination);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableCompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableCompleteComponent, selector: "s-table-complete", inputs: { config: "config" }, outputs: { actionEvent: "actionEvent", checkAllEvent: "checkAllEvent", deleteEvent: "deleteEvent", emptyEvent: "emptyEvent", filterEvent: "filterEvent", orderByEvent: "orderByEvent", pageEvent: "pageEvent", paginationEvent: "paginationEvent", multiSelectEvent: "multiSelectEvent", pillButtonEvent: "pillButtonEvent", selectEvent: "selectEvent", searchEvent: "searchEvent" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"s-table-complete\">\n  <s-toolbar-top\n    *ngIf=\"config.configToolbarTop\"\n    [config]=\"config.configToolbarTop\"\n    (searchEvent)=\"search($event)\"\n    (actionEvent)=\"action()\"\n    (deleteEvent)=\"delete()\"\n    (filterEvent)=\"filter($event)\"\n    (multiSelectEvent)=\"multiSelect($event)\"\n    (pillButtonEvent)=\"pillButton()\"\n    (selectEvent)=\"select($event)\">\n  </s-toolbar-top>\n  <div class=\"s-table-complete__table\" *ngIf=\"config.columns\">\n    <s-tablet\n      [configColumn]=\"config.columns\"\n      [loading]=\"config.totalItems === 0\"\n      (ordenByEvent)=\"ordenEvent($event)\"\n      (checkAllEvent)=\"checkAll($event)\">\n      <ng-template STemplate=\"body\">\n        <ng-content></ng-content>\n      </ng-template>\n      <ng-template STemplate=\"bodyloading\" #notItems>\n        <s-empty\n          *ngIf=\"config.emptyConfig\"\n          [config]=\"config.emptyConfig\"\n          (buttonEvent)=\"buttonEmpty()\"></s-empty>\n      </ng-template>\n    </s-tablet>\n  </div>\n  <div class=\"s-table-complete__pagination\">\n    <section\n      *ngIf=\"\n        !config.hidePagination\n      \">\n      <s-pagination\n        *ngIf=\"config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [showing]=\"config.paginationText.showing\"\n        [of]=\"config.paginationText.of\"\n        [items]=\"config.paginationText.items\"\n        [empty]=\"config.paginationText.empty\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n      <s-pagination\n        *ngIf=\"!config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n    </section>\n  </div>\n</section>\n", styles: [".s-table-complete{width:100%;box-shadow:var(--E000);border-radius:.5rem}.s-table-complete__table{background:var(--neutrals-1200)!important}.s-table-complete__pagination{background-color:var(--neutrals-1200);border-top:.5px solid var(--secondary-300);border-radius:0 0 .5rem .5rem;padding:1rem}.s-table-complete s-tablet .pre-s-tablet{height:37rem;background-color:var(--primary-100)}.s-table-complete .s-scroll::-webkit-scrollbar-track{background-color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SToolbarTopComponent, selector: "s-toolbar-top", inputs: ["config"], outputs: ["actionEvent", "deleteEvent", "filterEvent", "multiSelectEvent", "pillButtonEvent", "selectEvent", "searchEvent"] }, { kind: "component", type: i3.EmptyComponent, selector: "s-empty", inputs: ["config"], outputs: ["buttonEvent"] }, { kind: "component", type: i4.STabletComponent, selector: "s-tablet", inputs: ["data", "loading", "caption", "header", "bodyloading", "body", "configColumn"], outputs: ["updateDataEvent", "ordenByEvent", "checkAllEvent"] }, { kind: "directive", type: i4.STemplate, selector: "[STemplate]", inputs: ["STemplate"] }, { kind: "component", type: i5.SPaginationComponent, selector: "s-pagination", inputs: ["showing", "to", "of", "items", "empty", "disabled", "pageNumber", "totalItems", "pageSize", "pageSizes"], outputs: ["pageEmitter", "paginationEmitter"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TableCompleteComponent, selector: "s-table-complete", inputs: { config: "config" }, outputs: { actionEvent: "actionEvent", checkAllEvent: "checkAllEvent", deleteEvent: "deleteEvent", emptyEvent: "emptyEvent", filterEvent: "filterEvent", orderByEvent: "orderByEvent", pageEvent: "pageEvent", paginationEvent: "paginationEvent", multiSelectEvent: "multiSelectEvent", pillButtonEvent: "pillButtonEvent", selectEvent: "selectEvent", searchEvent: "searchEvent" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"s-table-complete\">\n  <s-toolbar-top\n    *ngIf=\"config.configToolbarTop\"\n    [config]=\"config.configToolbarTop\"\n    (searchEvent)=\"search($event)\"\n    (actionEvent)=\"action()\"\n    (deleteEvent)=\"delete()\"\n    (filterEvent)=\"filter($event)\"\n    (multiSelectEvent)=\"multiSelect($event)\"\n    (pillButtonEvent)=\"pillButton()\"\n    (selectEvent)=\"select($event)\">\n  </s-toolbar-top>\n  <div class=\"s-table-complete__table\" *ngIf=\"config.columns\">\n    <s-tablet\n      [configColumn]=\"config.columns\"\n      [loading]=\"config.totalItems === 0\"\n      (ordenByEvent)=\"ordenEvent($event)\"\n      (checkAllEvent)=\"checkAll($event)\">\n      <ng-template STemplate=\"body\">\n        <ng-content></ng-content>\n      </ng-template>\n      <ng-template STemplate=\"bodyloading\" #notItems>\n        <s-empty\n          *ngIf=\"config.emptyConfig\"\n          [config]=\"config.emptyConfig\"\n          (buttonEvent)=\"buttonEmpty()\"></s-empty>\n      </ng-template>\n    </s-tablet>\n  </div>\n  <div class=\"s-table-complete__pagination\">\n    <section\n      *ngIf=\"\n        !config.hidePagination\n      \">\n      <s-pagination\n        *ngIf=\"config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [showing]=\"config.paginationText.showing\"\n        [of]=\"config.paginationText.of\"\n        [items]=\"config.paginationText.items\"\n        [empty]=\"config.paginationText.empty\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n      <s-pagination\n        *ngIf=\"!config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n    </section>\n  </div>\n</section>\n", styles: [".s-table-complete{width:100%;box-shadow:var(--E000);border-radius:.5rem}.s-table-complete__table{background:var(--neutrals-1200)!important}.s-table-complete__pagination{background-color:var(--neutrals-1200);border-top:.031rem solid var(--secondary-300);border-radius:0 0 .5rem .5rem;padding:1rem}.s-table-complete s-tablet .pre-s-tablet{height:37rem;background-color:var(--primary-100)}.s-table-complete .s-scroll::-webkit-scrollbar-track{background-color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SToolbarTopComponent, selector: "s-toolbar-top", inputs: ["config"], outputs: ["actionEvent", "deleteEvent", "filterEvent", "multiSelectEvent", "pillButtonEvent", "selectEvent", "searchEvent"] }, { kind: "component", type: i3.EmptyComponent, selector: "s-empty", inputs: ["config"], outputs: ["buttonEvent"] }, { kind: "component", type: i4.STabletComponent, selector: "s-tablet", inputs: ["data", "loading", "caption", "header", "bodyloading", "body", "configColumn"], outputs: ["updateDataEvent", "ordenByEvent", "checkAllEvent"] }, { kind: "directive", type: i4.STemplate, selector: "[STemplate]", inputs: ["STemplate"] }, { kind: "component", type: i5.SPaginationComponent, selector: "s-pagination", inputs: ["showing", "to", "of", "items", "empty", "disabled", "pageNumber", "totalItems", "pageSize", "pageSizes"], outputs: ["pageEmitter", "paginationEmitter"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TableCompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-table-complete', encapsulation: ViewEncapsulation.None, template: "<section class=\"s-table-complete\">\n  <s-toolbar-top\n    *ngIf=\"config.configToolbarTop\"\n    [config]=\"config.configToolbarTop\"\n    (searchEvent)=\"search($event)\"\n    (actionEvent)=\"action()\"\n    (deleteEvent)=\"delete()\"\n    (filterEvent)=\"filter($event)\"\n    (multiSelectEvent)=\"multiSelect($event)\"\n    (pillButtonEvent)=\"pillButton()\"\n    (selectEvent)=\"select($event)\">\n  </s-toolbar-top>\n  <div class=\"s-table-complete__table\" *ngIf=\"config.columns\">\n    <s-tablet\n      [configColumn]=\"config.columns\"\n      [loading]=\"config.totalItems === 0\"\n      (ordenByEvent)=\"ordenEvent($event)\"\n      (checkAllEvent)=\"checkAll($event)\">\n      <ng-template STemplate=\"body\">\n        <ng-content></ng-content>\n      </ng-template>\n      <ng-template STemplate=\"bodyloading\" #notItems>\n        <s-empty\n          *ngIf=\"config.emptyConfig\"\n          [config]=\"config.emptyConfig\"\n          (buttonEvent)=\"buttonEmpty()\"></s-empty>\n      </ng-template>\n    </s-tablet>\n  </div>\n  <div class=\"s-table-complete__pagination\">\n    <section\n      *ngIf=\"\n        !config.hidePagination\n      \">\n      <s-pagination\n        *ngIf=\"config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [showing]=\"config.paginationText.showing\"\n        [of]=\"config.paginationText.of\"\n        [items]=\"config.paginationText.items\"\n        [empty]=\"config.paginationText.empty\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n      <s-pagination\n        *ngIf=\"!config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n    </section>\n  </div>\n</section>\n", styles: [".s-table-complete{width:100%;box-shadow:var(--E000);border-radius:.5rem}.s-table-complete__table{background:var(--neutrals-1200)!important}.s-table-complete__pagination{background-color:var(--neutrals-1200);border-top:.5px solid var(--secondary-300);border-radius:0 0 .5rem .5rem;padding:1rem}.s-table-complete s-tablet .pre-s-tablet{height:37rem;background-color:var(--primary-100)}.s-table-complete .s-scroll::-webkit-scrollbar-track{background-color:var(--neutrals-1200)}\n"] }]
+            args: [{ selector: 's-table-complete', encapsulation: ViewEncapsulation.None, template: "<section class=\"s-table-complete\">\n  <s-toolbar-top\n    *ngIf=\"config.configToolbarTop\"\n    [config]=\"config.configToolbarTop\"\n    (searchEvent)=\"search($event)\"\n    (actionEvent)=\"action()\"\n    (deleteEvent)=\"delete()\"\n    (filterEvent)=\"filter($event)\"\n    (multiSelectEvent)=\"multiSelect($event)\"\n    (pillButtonEvent)=\"pillButton()\"\n    (selectEvent)=\"select($event)\">\n  </s-toolbar-top>\n  <div class=\"s-table-complete__table\" *ngIf=\"config.columns\">\n    <s-tablet\n      [configColumn]=\"config.columns\"\n      [loading]=\"config.totalItems === 0\"\n      (ordenByEvent)=\"ordenEvent($event)\"\n      (checkAllEvent)=\"checkAll($event)\">\n      <ng-template STemplate=\"body\">\n        <ng-content></ng-content>\n      </ng-template>\n      <ng-template STemplate=\"bodyloading\" #notItems>\n        <s-empty\n          *ngIf=\"config.emptyConfig\"\n          [config]=\"config.emptyConfig\"\n          (buttonEvent)=\"buttonEmpty()\"></s-empty>\n      </ng-template>\n    </s-tablet>\n  </div>\n  <div class=\"s-table-complete__pagination\">\n    <section\n      *ngIf=\"\n        !config.hidePagination\n      \">\n      <s-pagination\n        *ngIf=\"config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [showing]=\"config.paginationText.showing\"\n        [of]=\"config.paginationText.of\"\n        [items]=\"config.paginationText.items\"\n        [empty]=\"config.paginationText.empty\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n      <s-pagination\n        *ngIf=\"!config.paginationText\"\n        [disabled]=\"config.totalItems === 0\"\n        [pageNumber]=\"config.pageNumber ?? 0\"\n        [totalItems]=\"config.totalItems ?? 0\"\n        [pageSize]=\"config.pageSize ?? 0\"\n        [pageSizes]=\"config.pageSizes ? config.pageSizes : undefined\"\n        (pageEmitter)=\"goToPage($event)\"\n        (paginationEmitter)=\"pagination($event)\">\n      </s-pagination>\n    </section>\n  </div>\n</section>\n", styles: [".s-table-complete{width:100%;box-shadow:var(--E000);border-radius:.5rem}.s-table-complete__table{background:var(--neutrals-1200)!important}.s-table-complete__pagination{background-color:var(--neutrals-1200);border-top:.031rem solid var(--secondary-300);border-radius:0 0 .5rem .5rem;padding:1rem}.s-table-complete s-tablet .pre-s-tablet{height:37rem;background-color:var(--primary-100)}.s-table-complete .s-scroll::-webkit-scrollbar-track{background-color:var(--neutrals-1200)}\n"] }]
         }], propDecorators: { config: [{
                 type: Input
             }], actionEvent: [{