sidesys-generic-ui 0.0.26 → 0.0.27-beta

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

@@ -30,7 +30,7 @@ export class SAvatarComponent {
             this.letters = this.letters.substring(0, 2);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\r\n   <ng-container [ngSwitch]=\"status\">\r\n\r\n      <!--  Type of status approved , declined , blocked , online , offline , busy -->\r\n      <ng-container *ngSwitchCase=\"'approved'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'declined'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'blocked'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'online'\">\r\n         <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n\r\n   </ng-container>\r\n   <ng-container [ngSwitch]=\"display\">\r\n      <ng-container *ngSwitchCase=\"'icon'\">\r\n         <div class=\"s-avatar__dot-content content-person\">\r\n            <s-icon-mat>person</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'avatar'\">\r\n         <ng-container *ngIf=\"urlProfileImage\">\r\n            <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"s-avatar__dot-content content-letters\">\r\n            <s-icon-mat>{{letters}}</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n   </ng-container>\r\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:2px solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:128px;width:128px}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:105px;left:93px}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:96px;width:96px}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:75px;left:63px}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:48px;width:48px}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:30px;left:29px}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:32px;width:32px}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:14px;left:17px}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:24px;width:24px}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:8px;left:9px}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:16px;width:16px}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:2px;left:2px}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:27px;left:27px;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{size}}\">\r\n   <ng-container [ngSwitch]=\"status\">\r\n\r\n      <!--  Type of status approved , declined , blocked , online , offline , busy -->\r\n      <ng-container *ngSwitchCase=\"'approved'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">check_circle</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'declined'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">cancel</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'blocked'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">lock</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'online'\">\r\n         <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"s-avatar__dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"s-avatar__dot-state\">\r\n            <s-icon-mat class=\"state-{{status}}\">remove</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n\r\n   </ng-container>\r\n   <ng-container [ngSwitch]=\"display\">\r\n      <ng-container *ngSwitchCase=\"'icon'\">\r\n         <div class=\"s-avatar__dot-content content-person\">\r\n            <s-icon-mat>person</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'avatar'\">\r\n         <ng-container *ngIf=\"urlProfileImage\">\r\n            <img appImageLoader class=\"s-avatar__dot-content urlProfile\" src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"s-avatar__dot-content content-letters\">\r\n            <s-icon-mat>{{letters}}</s-icon-mat>\r\n         </div>\r\n      </ng-container>\r\n   </ng-container>\r\n</div>", styles: ["s-avatar{position:relative}.s-avatar{border-radius:100%}.s-avatar__dot-state{z-index:1;border-radius:100%;position:absolute;background:var(--neutrals-1200);display:flex;justify-content:center}.s-avatar__dot-state.state-online,.s-avatar__dot-state.state-offline{padding:.6rem;border:2px solid var(--neutrals-1100)}.s-avatar__dot-state.state-online{background-color:var(--green-600)}.s-avatar__dot-state.state-offline{background-color:var(--neutrals-600)}.s-avatar__dot-state .state-approved span{color:var(--green-600)}.s-avatar__dot-state .state-declined span{color:var(--red-600)}.s-avatar__dot-state .state-busy{background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100);border-radius:100%}.s-avatar__dot-state .state-blocked{background:var(--primary-600);align-items:center;border-radius:100%}.s-avatar__dot-state .state-blocked span{color:var(--neutrals-1100)}.s-avatar__dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1200);height:100%;display:flex;align-items:center;justify-content:center}.s-avatar__dot-content.content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.s-avatar__dot-content.urlProfile{width:100%;height:100%;border-radius:100%}.s-avatar--size-128{height:128px;width:128px}.s-avatar--size-128 .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-128 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-128 .s-avatar__dot-state{transform:scale(1.2);bottom:105px;left:93px}.s-avatar--size-128 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-128 .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-96{height:96px;width:96px}.s-avatar--size-96 .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-96 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-96 .s-avatar__dot-state{transform:scale(1);bottom:75px;left:63px}.s-avatar--size-96 .s-avatar__dot-state .state-blocked{border:2px solid var(--neutrals-1100)}.s-avatar--size-96 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-48{height:48px;width:48px}.s-avatar--size-48 .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-48 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-48 .s-avatar__dot-state{transform:scale(.8);bottom:30px;left:29px}.s-avatar--size-48 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-48 .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-32{height:32px;width:32px}.s-avatar--size-32 .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-32 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-32 .s-avatar__dot-state{transform:scale(.6);bottom:14px;left:17px}.s-avatar--size-32 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-32 .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-24{height:24px;width:24px}.s-avatar--size-24 .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-24 .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-24 .s-avatar__dot-state{transform:scale(.4);bottom:8px;left:9px}.s-avatar--size-24 .s-avatar__dot-state .state-blocked{border:1px solid var(--neutrals-1100)}.s-avatar--size-24 .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-16{height:16px;width:16px}.s-avatar--size-16 .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-16 .s-avatar__dot-state{transform:scale(.3);bottom:2px;left:2px}.s-avatar--size-16 .s-avatar__dot-state .state-busy{bottom:27px;left:27px;position:absolute}.s-avatar--size-16 .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SAvatarComponent, decorators: [{
             type: Component,

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

@@ -11,7 +11,7 @@ export class SBadgeComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\r\n    <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n    <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{type}} {{size ? 's-badge--size-'+size : ''}}\">\r\n    <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\r\n    <ng-content></ng-content>\r\n</span>", styles: ["s-badge{display:inline-flex;cursor:default;-webkit-user-select:none;-o-user-select:none;user-select:none}s-badge s-icon-mat{display:inline-flex;margin-left:-1px;margin-right:4px}.s-badge{padding:.23rem .47rem;line-height:normal;border-radius:18px;width:max-content;display:inline-flex;align-items:center;margin:2px;font-size:.77rem;letter-spacing:.02rem;color:var(--neutrals-1200);background-color:var(--primary-600)}.s-badge--secondary{background-color:var(--secondary-600)}.s-badge--green{background-color:var(--green-600)}.s-badge--red{background-color:var(--red-600)}.s-badge--yellow{background-color:var(--yellow-600)}.s-badge--size-xs{font-size:.53rem;padding:.09rem .26rem}.s-badge--size-xs s-icon-mat span{font-size:.4rem!important}.s-badge--size-sm s-icon-mat span{font-size:.5rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBadgeComponent, decorators: [{
             type: Component,

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

@@ -19,7 +19,7 @@ export class SBreadcrumComponent {
         return next === this.nav.length - 1 ? 'icon-active' : 'icon-default';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3\">\r\n    <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\r\n        <div class=\"s-breadcrum__content__texts\">\r\n            <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\r\n                <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\r\n                <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n            </a>\r\n        </div>\r\n        <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n    </div>\r\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400)}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3\">\r\n    <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\r\n        <div class=\"s-breadcrum__content__texts\">\r\n            <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\r\n                <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\r\n                <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n            </a>\r\n        </div>\r\n        <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n    </div>\r\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400)}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SBreadcrumComponent, decorators: [{
             type: Component,

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

@@ -42,7 +42,7 @@ export class SCardComponent {
         this.checkEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SCardComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", style: "style", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\" attr.style=\"{{style}}\">\r\n    <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\r\n        <s-checkbox class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\r\n            [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n    </div>\r\n\r\n    <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\r\n        <img [src]=\"localImage\" alt=\"card-image\">\r\n    </div>\r\n    <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\r\n        <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\r\n    </div>\r\n    \r\n    <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\r\n        <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\r\n            <s-checkbox *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\r\n                [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n        </div>\r\n        <h6 *ngIf=\"title\">{{title}}</h6>\r\n        <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\r\n        <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\r\n            <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\r\n            <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\r\n        </div>\r\n        <ng-content *ngIf=\"!showHorizontal\"></ng-content>\r\n        <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\r\n    </div>\r\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:calc(25% - 5px)}.s-card--sm:nth-child(4n+1){margin-right:5px}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:calc(50% - 5px)}.s-card--lg{width:calc(75% - 5px)}.s-card--full{width:calc(100% - 5px)}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:10px;left:10px}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:5px 20px 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:200px;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:200px;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:16px;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:16px}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled"] }, { kind: "component", type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SCardComponent, selector: "s-card", inputs: { title: "title", subtitle: "subtitle", menu: "menu", check: "check", showHorizontal: "showHorizontal", image: "image", fullimage: "fullimage", icon: "icon", size: "size", label: "label", style: "style", shadow: "shadow" }, outputs: { clickEvent: "clickEvent", checkEvent: "checkEvent" }, ngImport: i0, template: "<div class=\"s-card s-card--{{size}} s-card--shadow-{{shadow}}\" attr.style=\"{{style}}\">\r\n    <div *ngIf=\"!showHorizontal && check\" class=\"s-card__check\">\r\n        <s-checkbox class=\"s-card__check-component\" [value]=\"check.value\" [model]=\"check.model\" [disabled]=\"check.disabled\"\r\n            [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n    </div>\r\n\r\n    <div *ngIf=\"!showHorizontal && image\" [ngClass]=\"fullimage? 's-card__content-image-full': 's-card__content-image'\">\r\n        <img [src]=\"localImage\" alt=\"card-image\">\r\n    </div>\r\n    <div *ngIf=\"!showHorizontal && !image && icon\" class=\"s-card__content-image\">\r\n        <s-icon-mat size=\"150\">{{icon}}</s-icon-mat>\r\n    </div>\r\n    \r\n    <div class=\"s-card__header\" [ngClass]=\"{'s-card__header-horizontal': showHorizontal}\">\r\n        <div class=\"s-card__check-horizontal\" *ngIf=\"showHorizontal && check\">\r\n            <s-checkbox *ngIf=\"showHorizontal && check\" [value]=\"check.value\" [model]=\"check.model\"\r\n                [disabled]=\"check.disabled\" [isUndefined]=\"check.undefined\" (emitSelection)=\"onCheckEvent($event)\"></s-checkbox>\r\n        </div>\r\n        <h6 *ngIf=\"title\">{{title}}</h6>\r\n        <span *ngIf=\"!showHorizontal && subtitle\" class=\"s-caption\">{{subtitle}}</span>\r\n        <div *ngIf=\"menu\" class=\"s-card__header-menu-section\">\r\n            <s-icon-mat class=\"s-card__header-menu\" *ngIf=\"menu\" (click)=\"showDropDown()\">more_vert</s-icon-mat>\r\n            <s-sub-menu *ngIf=\"showDropDownCard\" class=\"s-card__submenu\" [menu]=\"menu\" (changeMenuEvent)=\"onClickEvent($event)\" (closeMenuEvent)=\"showDropDown()\"></s-sub-menu>\r\n        </div>\r\n        <ng-content *ngIf=\"!showHorizontal\"></ng-content>\r\n        <s-tag *ngIf=\"label\" type=\"green\">{{label}}</s-tag>\r\n    </div>\r\n</div>", styles: [".s-card{color:var(--secondary-700);min-width:0;word-wrap:break-word;background-color:var(--neutrals-1200);border-radius:.25rem;display:inline-block;margin-bottom:.5rem}.s-card--shadow-0{box-shadow:var(--E000)}.s-card--shadow-100{box-shadow:var(--E100)}.s-card--shadow-200{box-shadow:var(--E200)}.s-card--shadow-300{box-shadow:var(--E300)}.s-card--shadow-400{box-shadow:var(--E400)}.s-card--shadow-500{box-shadow:var(--E500)}.s-card--shadow-600{box-shadow:var(--E600)}.s-card--sm{width:calc(25% - 5px)}.s-card--sm:nth-child(4n+1){margin-right:5px}.s-card--sm:nth-child(4n+4){margin-right:0}.s-card--md{width:calc(50% - 5px)}.s-card--lg{width:calc(75% - 5px)}.s-card--full{width:calc(100% - 5px)}.s-card__check{position:relative}.s-card__check-component{position:absolute;top:10px;left:10px}.s-card__check-horizontal{display:inline-block;display:flex;flex-direction:column;justify-content:center;padding:5px 20px 0 0}.s-card__content-image{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;display:flex;justify-content:center}.s-card__content-image img{max-width:100%;height:200px;border-radius:.25rem .25rem 0 0}.s-card__content-image-full{line-height:0;text-align:center;border-radius:.25rem .25rem 0 0;height:200px;max-width:100%;display:flex}.s-card__content-image-full img{border-radius:.25rem .25rem 0 0;width:100%;height:auto;object-fit:cover;object-position:center}.s-card__header{padding:16px;position:relative;display:flex;flex-direction:column;background-clip:border-box}.s-card__header-horizontal{flex-direction:row}.s-card__header-menu-section{position:absolute;right:16px}.s-card__header-menu{cursor:pointer;color:var(--primary-600)}.s-card__submenu{position:absolute;z-index:2;right:0;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i4.STagComponent, selector: "s-tag", inputs: ["type", "size", "disabled"] }, { kind: "component", type: i5.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SSubMenuComponent, selector: "s-sub-menu", inputs: ["menu"], outputs: ["changeMenuEvent", "closeMenuEvent"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SCardComponent, decorators: [{
             type: Component,

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

@@ -36,7 +36,7 @@ export class SCheckboxComponent {
                 useExisting: forwardRef(() => SCheckboxComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"s-checkbox\">\r\n    <input type=\"checkbox\" \r\n    class=\"s-checkbox__input \"\r\n    [ngClass]=\"{\r\n        'bold-select-active': boldSelectActive,\r\n        'undefined': isUndefined\r\n    }\"\r\n    [value]=\"value\" [ngModel]=\"model\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"doCheck($event)\"\r\n    />\r\n    <label *ngIf=\"label\"\r\n    [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n    class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+        ], ngImport: i0, template: "<div class=\"s-checkbox\">\r\n    <input type=\"checkbox\" \r\n    class=\"s-checkbox__input \"\r\n    [ngClass]=\"{\r\n        'bold-select-active': boldSelectActive,\r\n        'undefined': isUndefined\r\n    }\"\r\n    [value]=\"value\" \r\n    [(ngModel)]=\"model\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"doCheck($event)\"\r\n    />\r\n    <label *ngIf=\"label\"\r\n    [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n    class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SCheckboxComponent, decorators: [{
             type: Component,
@@ -46,7 +46,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
                             useExisting: forwardRef(() => SCheckboxComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"s-checkbox\">\r\n    <input type=\"checkbox\" \r\n    class=\"s-checkbox__input \"\r\n    [ngClass]=\"{\r\n        'bold-select-active': boldSelectActive,\r\n        'undefined': isUndefined\r\n    }\"\r\n    [value]=\"value\" [ngModel]=\"model\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"doCheck($event)\"\r\n    />\r\n    <label *ngIf=\"label\"\r\n    [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n    class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{-webkit-appearance:none;appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"] }]
+                    ], template: "<div class=\"s-checkbox\">\r\n    <input type=\"checkbox\" \r\n    class=\"s-checkbox__input \"\r\n    [ngClass]=\"{\r\n        'bold-select-active': boldSelectActive,\r\n        'undefined': isUndefined\r\n    }\"\r\n    [value]=\"value\" \r\n    [(ngModel)]=\"model\"\r\n    [disabled]=\"disabled\"\r\n    (ngModelChange)=\"doCheck($event)\"\r\n    />\r\n    <label *ngIf=\"label\"\r\n    [ngClass]=\"!isUndefined && !model && disabled ? 'disabled': ''\"\r\n    class=\"s-checkbox__label s-body-2\">{{label}}</label>\r\n</div>", styles: [".s-checkbox{display:flex;align-items:baseline}.s-checkbox__input{appearance:none;background-color:var(--neutrals-1200);margin:0;font:inherit;width:12px;height:12px;border:1px solid var(--neutrals-800);border-radius:2px;display:inline-grid;place-content:center;vertical-align:middle}.s-checkbox__input:before{content:\"\";width:12px;height:12px;transform:scale(0);box-shadow:inset 1px 1px var(--neutrals-1200);background-color:var(--neutrals-1200);transform-origin:bottom left;clip-path:polygon(3.5px 5px,5px 6.5px,8.5px 3px,10px 4.5px,5px 9.5px,2px 6.5px)}.s-checkbox__input:checked:before{transform:scale(1)}.s-checkbox__input.undefined{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.undefined:before{transform:scale(1);clip-path:polygon(2px 5px,10px 5px,10px 7px,2px 7px)}.s-checkbox__input:checked{background-color:var(--primary-600);border-color:var(--primary-600)}.s-checkbox__input.bold-select-active:checked+label{font-weight:700}.s-checkbox__input[disabled]{background-color:var(--neutrals-1000);border-color:var(--neutrals-900)}.s-checkbox__input[disabled]:checked,.s-checkbox__input[disabled].undefined{background-color:var(--primary-500);border-color:var(--primary-500)}.s-checkbox__label{color:var(--secondary-600);margin-left:8px}.s-checkbox__label.disabled{color:var(--neutrals-700)}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], model: [{
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
             }], emitSelection: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9jaGVja2JveC9zLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NoZWNrYm94L3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBZXpFLE1BQU0sT0FBTyxrQkFBa0I7SUFiL0I7UUFlRSxhQUFRLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMzQixZQUFPLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSVgsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLHFCQUFnQixHQUFZLElBQUksQ0FBQztRQUNoQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FxQm5EO0lBbkJDLE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQzs4R0EvQlUsa0JBQWtCO2tHQUFsQixrQkFBa0Isc09BVGxCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDakQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ2JILHdnQkFjTTs7MkZERU8sa0JBQWtCO2tCQWI5QixTQUFTOytCQUNFLFlBQVksYUFHWDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBUVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU0NoZWNrYm94Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG5cclxuICBvbkNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcclxuICBvblRvdWNoID0gKCkgPT4geyB9O1xyXG5cclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBJbnB1dCgpIG1vZGVsOiBhbnk7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc1VuZGVmaW5lZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIGJvbGRTZWxlY3RBY3RpdmU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBlbWl0U2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGRvQ2hlY2soZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuICAgIHRoaXMuaXNVbmRlZmluZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuZW1pdFNlbGVjdGlvbi5lbWl0KHt2YWx1ZTogdGhpcy52YWx1ZSwgZXZlbnQ6IGV2ZW50fSk7XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgICAgdGhpcy5tb2RlbCA9IHZhbHVlXHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInMtY2hlY2tib3hcIj5cclxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBcclxuICAgIGNsYXNzPVwicy1jaGVja2JveF9faW5wdXQgXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnYm9sZC1zZWxlY3QtYWN0aXZlJzogYm9sZFNlbGVjdEFjdGl2ZSxcclxuICAgICAgICAndW5kZWZpbmVkJzogaXNVbmRlZmluZWRcclxuICAgIH1cIlxyXG4gICAgW3ZhbHVlXT1cInZhbHVlXCIgW25nTW9kZWxdPVwibW9kZWxcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIChuZ01vZGVsQ2hhbmdlKT1cImRvQ2hlY2soJGV2ZW50KVwiXHJcbiAgICAvPlxyXG4gICAgPGxhYmVsICpuZ0lmPVwibGFiZWxcIlxyXG4gICAgW25nQ2xhc3NdPVwiIWlzVW5kZWZpbmVkICYmICFtb2RlbCAmJiBkaXNhYmxlZCA/ICdkaXNhYmxlZCc6ICcnXCJcclxuICAgIGNsYXNzPVwicy1jaGVja2JveF9fbGFiZWwgcy1ib2R5LTJcIj57e2xhYmVsfX08L2xhYmVsPlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jaGVja2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9jaGVja2JveC9zLWNoZWNrYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NoZWNrYm94L3MtY2hlY2tib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkYsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBZXpFLE1BQU0sT0FBTyxrQkFBa0I7SUFiL0I7UUFlRSxhQUFRLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMzQixZQUFPLEdBQUcsR0FBRyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSVgsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLHFCQUFnQixHQUFZLElBQUksQ0FBQztRQUNoQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FxQm5EO0lBbkJDLE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNmLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsRUFBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFDLENBQUMsQ0FBQztJQUM3RCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7UUFDbEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUE7SUFDdEIsQ0FBQztJQUVELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQzs4R0EvQlUsa0JBQWtCO2tHQUFsQixrQkFBa0Isc09BVGxCO1lBQ1Q7Z0JBQ0UsT0FBTyxFQUFFLGlCQUFpQjtnQkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztnQkFDakQsS0FBSyxFQUFFLElBQUk7YUFDWjtTQUNGLDBCQ2JILGtoQkFlTTs7MkZEQ08sa0JBQWtCO2tCQWI5QixTQUFTOytCQUNFLFlBQVksYUFHWDt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxtQkFBbUIsQ0FBQzs0QkFDakQsS0FBSyxFQUFFLElBQUk7eUJBQ1o7cUJBQ0Y7OEJBUVEsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIGZvcndhcmRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWNoZWNrYm94JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1jaGVja2JveC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHByb3ZpZGVyczogW1xyXG4gICAge1xyXG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcclxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU0NoZWNrYm94Q29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWVcclxuICAgIH1cclxuICBdXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU0NoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xyXG5cclxuICBvbkNoYW5nZSA9IChfOiBhbnkpID0+IHsgfTtcclxuICBvblRvdWNoID0gKCkgPT4geyB9O1xyXG5cclxuICBASW5wdXQoKSB2YWx1ZTogYW55O1xyXG4gIEBJbnB1dCgpIG1vZGVsOiBhbnk7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc1VuZGVmaW5lZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSBcIlwiO1xyXG4gIEBJbnB1dCgpIGJvbGRTZWxlY3RBY3RpdmU6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBlbWl0U2VsZWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGRvQ2hlY2soZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5vblRvdWNoKCk7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKGV2ZW50KTtcclxuICAgIHRoaXMuaXNVbmRlZmluZWQgPSBmYWxzZTtcclxuICAgIHRoaXMuZW1pdFNlbGVjdGlvbi5lbWl0KHt2YWx1ZTogdGhpcy52YWx1ZSwgZXZlbnQ6IGV2ZW50fSk7XHJcbiAgfVxyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgICAgdGhpcy5tb2RlbCA9IHZhbHVlXHJcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZVxyXG4gIH1cclxuXHJcbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInMtY2hlY2tib3hcIj5cclxuICAgIDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIiBcclxuICAgIGNsYXNzPVwicy1jaGVja2JveF9faW5wdXQgXCJcclxuICAgIFtuZ0NsYXNzXT1cIntcclxuICAgICAgICAnYm9sZC1zZWxlY3QtYWN0aXZlJzogYm9sZFNlbGVjdEFjdGl2ZSxcclxuICAgICAgICAndW5kZWZpbmVkJzogaXNVbmRlZmluZWRcclxuICAgIH1cIlxyXG4gICAgW3ZhbHVlXT1cInZhbHVlXCIgXHJcbiAgICBbKG5nTW9kZWwpXT1cIm1vZGVsXCJcclxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJkb0NoZWNrKCRldmVudClcIlxyXG4gICAgLz5cclxuICAgIDxsYWJlbCAqbmdJZj1cImxhYmVsXCJcclxuICAgIFtuZ0NsYXNzXT1cIiFpc1VuZGVmaW5lZCAmJiAhbW9kZWwgJiYgZGlzYWJsZWQgPyAnZGlzYWJsZWQnOiAnJ1wiXHJcbiAgICBjbGFzcz1cInMtY2hlY2tib3hfX2xhYmVsIHMtYm9keS0yXCI+e3tsYWJlbH19PC9sYWJlbD5cclxuPC9kaXY+Il19

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

@@ -5,6 +5,7 @@ import * as i2 from "@angular/common";
 export class SContentComponent {
     constructor(localStorage) {
         this.localStorage = localStorage;
+        this.sidebar = true;
         this.subscriptionRefresh = this.localStorage.refreshLocalStorage.subscribe(() => {
             this.loadDataFromLocalStorage();
         });
@@ -19,12 +20,14 @@ export class SContentComponent {
         this.subscriptionRefresh.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SContentComponent, deps: [{ token: i1.LocalstorageService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SContentComponent, selector: "s-content", inputs: { expand: "expand" }, ngImport: i0, template: "<div class=\"s-content s-scroll\" [ngClass]=\"expand ? 's-content--menu-expanded':'s-content--menu-closed'\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:14.5rem!important}.s-content--menu-closed{margin-left:3.5rem!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SContentComponent, selector: "s-content", inputs: { sidebar: "sidebar", expand: "expand" }, ngImport: i0, template: "<div class=\"s-content s-scroll\" [ngClass]=\"!sidebar ? '' : (expand ? 's-content--menu-expanded' : 's-content--menu-closed')\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-closed{margin-left:4.5rem!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-content', template: "<div class=\"s-content s-scroll\" [ngClass]=\"expand ? 's-content--menu-expanded':'s-content--menu-closed'\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:14.5rem!important}.s-content--menu-closed{margin-left:3.5rem!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.LocalstorageService }]; }, propDecorators: { expand: [{
+            args: [{ selector: 's-content', template: "<div class=\"s-content s-scroll\" [ngClass]=\"!sidebar ? '' : (expand ? 's-content--menu-expanded' : 's-content--menu-closed')\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [".s-content{display:flex;flex:1;-ms-flex:1 1 auto;flex-direction:column;min-width:0;padding:1.5rem 1rem 1.5rem 2rem;height:calc(100vh - 5.5rem);overflow-y:auto;overflow-x:hidden;background-color:var(--neutrals-1100);box-sizing:border-box}.s-content--menu-expanded{margin-left:15rem!important}.s-content--menu-closed{margin-left:4.5rem!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.LocalstorageService }]; }, propDecorators: { sidebar: [{
+                type: Input
+            }], expand: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7OztBQVNwRSxNQUFNLE9BQU8saUJBQWlCO0lBSzVCLFlBQW1CLFlBQWdDO1FBQWhDLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtRQUVqRCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxtQkFBbUIsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQzlFLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsd0JBQXdCLEVBQUUsQ0FBQztJQUNsQyxDQUFDO0lBRUQsd0JBQXdCO1FBQ3BCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUNoRSxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzhHQXRCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiwrRUNUOUIsMEpBRU07OzJGRE9PLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzBHQU1aLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExvY2Fsc3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbG9jYWxzdG9yYWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1jb250ZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0NvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQgLCBPbkRlc3Ryb3l7XHJcblxyXG4gIEBJbnB1dCgpIGV4cGFuZD86IGJvb2xlYW47XHJcbiAgc3Vic2NyaXB0aW9uUmVmcmVzaDogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbG9jYWxTdG9yYWdlOkxvY2Fsc3RvcmFnZVNlcnZpY2UpIHsgXHJcblxyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25SZWZyZXNoID0gdGhpcy5sb2NhbFN0b3JhZ2UucmVmcmVzaExvY2FsU3RvcmFnZS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLmxvYWREYXRhRnJvbUxvY2FsU3RvcmFnZSgpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XHJcbiAgfVxyXG5cclxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTogdm9pZCB7XHJcbiAgICAgIHRoaXMuZXhwYW5kID0gdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIik7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uUmVmcmVzaC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicy1jb250ZW50IHMtc2Nyb2xsXCIgW25nQ2xhc3NdPVwiZXhwYW5kID8gJ3MtY29udGVudC0tbWVudS1leHBhbmRlZCc6J3MtY29udGVudC0tbWVudS1jbG9zZWQnXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NvbnRlbnQvcy1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQzs7OztBQVNwRSxNQUFNLE9BQU8saUJBQWlCO0lBTTVCLFlBQW1CLFlBQWdDO1FBQWhDLGlCQUFZLEdBQVosWUFBWSxDQUFvQjtRQUoxQyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBTS9CLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLG1CQUFtQixDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDOUUsSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCx3QkFBd0I7UUFDcEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ2hFLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG1CQUFtQixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3pDLENBQUM7OEdBdkJVLGlCQUFpQjtrR0FBakIsaUJBQWlCLG1HQ1Q5Qiw4S0FFTTs7MkZET08saUJBQWlCO2tCQUw3QixTQUFTOytCQUNFLFdBQVc7MEdBTVosT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IExvY2Fsc3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbG9jYWxzdG9yYWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1jb250ZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0NvbnRlbnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQgLCBPbkRlc3Ryb3l7XHJcblxyXG4gIEBJbnB1dCgpIHNpZGViYXI6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIGV4cGFuZD86IGJvb2xlYW47XHJcbiAgc3Vic2NyaXB0aW9uUmVmcmVzaDogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbG9jYWxTdG9yYWdlOkxvY2Fsc3RvcmFnZVNlcnZpY2UpIHsgXHJcblxyXG4gICAgdGhpcy5zdWJzY3JpcHRpb25SZWZyZXNoID0gdGhpcy5sb2NhbFN0b3JhZ2UucmVmcmVzaExvY2FsU3RvcmFnZS5zdWJzY3JpYmUoKCkgPT4ge1xyXG4gICAgICB0aGlzLmxvYWREYXRhRnJvbUxvY2FsU3RvcmFnZSgpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XHJcbiAgfVxyXG5cclxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTogdm9pZCB7XHJcbiAgICAgIHRoaXMuZXhwYW5kID0gdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIik7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uUmVmcmVzaC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicy1jb250ZW50IHMtc2Nyb2xsXCIgW25nQ2xhc3NdPVwiIXNpZGViYXIgPyAnJyA6IChleHBhbmQgPyAncy1jb250ZW50LS1tZW51LWV4cGFuZGVkJyA6ICdzLWNvbnRlbnQtLW1lbnUtY2xvc2VkJylcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+Il19

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

@@ -3,13 +3,18 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "../company-logo/s-company-logo.component";
 export class SFooterComponent {
+    constructor() {
+        this.developedBy = 'Desarrollado por';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFooterComponent, selector: "s-footer", inputs: { theme: "theme" }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n    <span class=\"s-footer__text\">Desarrollado por</span>\r\n    <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFooterComponent, selector: "s-footer", inputs: { theme: "theme", developedBy: "developedBy" }, ngImport: i0, template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n    <span class=\"s-footer__text\">{{developedBy}}</span>\r\n    <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.SCompanyLogoComponent, selector: "s-company-logo", inputs: ["width", "height", "customImage"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n    <span class=\"s-footer__text\">Desarrollado por</span>\r\n    <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
+            args: [{ selector: 's-footer', template: "<footer class=\"s-footer\" [ngClass]=\"theme ? 'theme-'+theme : ''\">\r\n    <span class=\"s-footer__text\">{{developedBy}}</span>\r\n    <s-company-logo [height]=\"23\" [width]=\"70\"></s-company-logo>\r\n</footer>", styles: [".s-footer{z-index:2;display:flex;justify-content:center;align-items:center;padding:.2rem 0;text-align:center;background:var(--neutrals-1100);position:absolute;bottom:0;left:0;width:100%;color:var(--secondary-600)}.s-footer__text{padding-right:.5rem;font-family:Roboto,sans-serif;font-size:13px}.s-footer.theme-dark{background:var(--primary-900);color:var(--neutrals-1200)}\n"] }]
         }], propDecorators: { theme: [{
                 type: Input
+            }], developedBy: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7a0dBQWhCLGdCQUFnQiw0RUNSN0IsME5BR1M7OzJGREtJLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9YLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1mb290ZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1mb290ZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTRm9vdGVyQ29tcG9uZW50IHtcclxuICBcclxuICBASW5wdXQoKSB0aGVtZT86IHN0cmluZztcclxuXHJcbn1cclxuIiwiPGZvb3RlciBjbGFzcz1cInMtZm9vdGVyXCIgW25nQ2xhc3NdPVwidGhlbWUgPyAndGhlbWUtJyt0aGVtZSA6ICcnXCI+XHJcbiAgICA8c3BhbiBjbGFzcz1cInMtZm9vdGVyX190ZXh0XCI+RGVzYXJyb2xsYWRvIHBvcjwvc3Bhbj5cclxuICAgIDxzLWNvbXBhbnktbG9nbyBbaGVpZ2h0XT1cIjIzXCIgW3dpZHRoXT1cIjcwXCI+PC9zLWNvbXBhbnktbG9nbz5cclxuPC9mb290ZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvZm9vdGVyL3MtZm9vdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Zvb3Rlci9zLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBU1csZ0JBQVcsR0FBWSxrQkFBa0IsQ0FBQztLQUVwRDs4R0FMWSxnQkFBZ0I7a0dBQWhCLGdCQUFnQix3R0NSN0IseU5BR1M7OzJGREtJLGdCQUFnQjtrQkFONUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9YLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLWZvb3RlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWZvb3Rlci5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNGb290ZXJDb21wb25lbnQge1xyXG4gIFxyXG4gIEBJbnB1dCgpIHRoZW1lPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRldmVsb3BlZEJ5Pzogc3RyaW5nID0gJ0Rlc2Fycm9sbGFkbyBwb3InO1xyXG5cclxufVxyXG4iLCI8Zm9vdGVyIGNsYXNzPVwicy1mb290ZXJcIiBbbmdDbGFzc109XCJ0aGVtZSA/ICd0aGVtZS0nK3RoZW1lIDogJydcIj5cclxuICAgIDxzcGFuIGNsYXNzPVwicy1mb290ZXJfX3RleHRcIj57e2RldmVsb3BlZEJ5fX08L3NwYW4+XHJcbiAgICA8cy1jb21wYW55LWxvZ28gW2hlaWdodF09XCIyM1wiIFt3aWR0aF09XCI3MFwiPjwvcy1jb21wYW55LWxvZ28+XHJcbjwvZm9vdGVyPiJdfQ==

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

@@ -103,7 +103,7 @@ export class SFormComponent {
         this.clickButtonEvent.emit(name);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFormComponent, selector: "s-form", inputs: { controls: "controls", submitClick: "submitClick", requiredMessage: "requiredMessage", emailMessage: "emailMessage", dafaultMessage: "dafaultMessage" }, outputs: { controlsChangeEvent: "controlsChangeEvent", submitEvent: "submitEvent", changeSelectEvent: "changeSelectEvent", clickButtonEvent: "clickButtonEvent" }, usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"form && controls\" [formGroup]=\"form\">\r\n    <div class=\"form-control\" [ngStyle]=\"{width: c.width + '%', display: c.width < 100 ? 'inline-block' : 'initial'}\"\r\n        *ngFor=\"let c of controls\">\r\n        <div *ngIf=\"c.show && enabledTypes.indexOf(c.inputType) != -1\">\r\n            <div *ngIf=\"c.inputType != 'button' && c.inputType != 'select' && c.inputType != 'checkbox'\">\r\n                <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n                    [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{c.label}}</label>\r\n                    <s-input-text [type]=\"c.inputType\" [text]=\"c.value\" [disabled]=\"c.disabled\"\r\n                        [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\" [placeHolder]=\"c.inputPlaceHolder\"\r\n                        [name]=\"c.formControlName + c.inputType\"\r\n                        (textChangeEvent)=\"changeControl(c.formControlName, $event)\"\r\n                        [title]=\"c.inputPlaceHolder\"></s-input-text>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'button' && c.button != undefined\">\r\n                <div class=\"form-group\">\r\n                    <s-button [pill]=\"c.button.pill\" [invert]=\"c.button.invert\" [type]=\"c.button.type\" size=\"sm\"\r\n                        [title]=\"c.inputPlaceHolder\" [class]=\"c.button.class\" [size]=\"c.button.size ? c.button.size : 'md' \" (click)=\"buttonClick(c.formControlName)\">\r\n                        {{c.label}}\r\n                        <s-icon-mat *ngIf=\"c.button.icon\">{{c.button.icon}}</s-icon-mat>\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'checkbox'\">\r\n                <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n                    [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                <div class=\"form-group\">\r\n                    <s-checkbox [value]=\"c.value\" [label]=\"c.label\" (emitSelection)=\"changeControl(c.formControlName, $event.event.toString())\"></s-checkbox>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'select'\">\r\n                <select [id]=\"c.formControlName\" [name]=\"c.formControlName\" [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                    <option *ngFor=\"let o of c.selectModel\" [value]=\"o.key\" [selected]=\"o.key == c.value\">{{o.value}}\r\n                    </option>\r\n                </select>\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{c.label}}</label>\r\n                    <s-select-simple [options]=\"c.selectModel\" (selectEvent)=\"changeSelect($event, c.formControlName)\" [title]=\"c.inputPlaceHolder\" [selectedValue]=\"c.value\"></s-select-simple>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form>", styles: [".form-control{vertical-align:middle}.button .primary .round-sm .sm{width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.SInputTextComponent, selector: "s-input-text", inputs: ["text", "id", "name", "placeHolder", "disabled", "max", "min", "step", "readOnly", "theme", "type", "classAdd", "help", "size", "rangeUnity"], outputs: ["textChangeEvent", "clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i4.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i5.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }, { kind: "component", type: i6.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i7.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i8.SSelectSimpleComponent, selector: "s-select-simple", inputs: ["disabled", "placeholder", "options", "selectedValue", "label", "readOnly", "display", "size"], outputs: ["selectEvent", "blur", "focus"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SFormComponent, selector: "s-form", inputs: { controls: "controls", submitClick: "submitClick", requiredMessage: "requiredMessage", emailMessage: "emailMessage", dafaultMessage: "dafaultMessage" }, outputs: { controlsChangeEvent: "controlsChangeEvent", submitEvent: "submitEvent", changeSelectEvent: "changeSelectEvent", clickButtonEvent: "clickButtonEvent" }, usesOnChanges: true, ngImport: i0, template: "<form *ngIf=\"form && controls\" [formGroup]=\"form\">\r\n    <div class=\"form-control\" [ngStyle]=\"{width: c.width + '%', display: c.width < 100 ? 'inline-block' : 'initial'}\"\r\n        *ngFor=\"let c of controls\">\r\n        <div *ngIf=\"c.show && enabledTypes.indexOf(c.inputType) != -1\">\r\n            <div *ngIf=\"c.inputType != 'button' && c.inputType != 'select' && c.inputType != 'checkbox'\">\r\n                <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n                    [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{c.label}}</label>\r\n                    <s-input-text [type]=\"c.inputType\" [text]=\"c.value\" [disabled]=\"c.disabled\"\r\n                        [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\" [placeHolder]=\"c.inputPlaceHolder\"\r\n                        [name]=\"c.formControlName + c.inputType\"\r\n                        (textChangeEvent)=\"changeControl(c.formControlName, $event)\"\r\n                        [title]=\"c.inputPlaceHolder\"></s-input-text>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'button' && c.button != undefined\">\r\n                <div class=\"form-group\">\r\n                    <s-button [pill]=\"c.button.pill\" [invert]=\"c.button.invert\" [type]=\"c.button.type\" size=\"sm\"\r\n                        [title]=\"c.inputPlaceHolder\" [class]=\"c.button.class\" [size]=\"c.button.size ? c.button.size : 'md' \" (click)=\"buttonClick(c.formControlName)\">\r\n                        {{c.label}}\r\n                        <s-icon-mat *ngIf=\"c.button.icon\">{{c.button.icon}}</s-icon-mat>\r\n                    </s-button>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'checkbox'\">\r\n                <input [id]=\"c.formControlName\" [type]=\"c.inputType\" [disabled]=\"c.disabled\"\r\n                    [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                <div class=\"form-group\">\r\n                    <s-checkbox [value]=\"c.value\" [label]=\"c.label\" (emitSelection)=\"changeControl(c.formControlName, $event.event.toString())\"></s-checkbox>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n            <div *ngIf=\"c.inputType == 'select'\">\r\n                <select [id]=\"c.formControlName\" [name]=\"c.formControlName\" [formControlName]=\"c.formControlName\" style=\"display: none;\">\r\n                    <option *ngFor=\"let o of c.selectModel\" [value]=\"o.key\" [selected]=\"o.key == c.value\">{{o.value}}\r\n                    </option>\r\n                </select>\r\n                <div class=\"form-group\">\r\n                    <label class=\"label\">{{c.label}}</label>\r\n                    <s-select-simple [options]=\"c.selectModel\" (selectEvent)=\"changeSelect($event, c.formControlName)\" [title]=\"c.inputPlaceHolder\" [selectedValue]=\"c.value\"></s-select-simple>\r\n                    <s-error-control [theme]=\"checkErrors(c.formControlName) ? 'red' : 'default'\">\r\n                        <span *ngIf=\"checkErrors(c.formControlName)\">\r\n                            {{getErrorMessage(c.formControlName)}}\r\n                        </span>\r\n                    </s-error-control>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</form>", styles: [".form-control{vertical-align:middle}.button .primary .round-sm .sm{width:100%!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.SInputTextComponent, selector: "s-input-text", inputs: ["text", "id", "name", "placeHolder", "disabled", "max", "min", "step", "readOnly", "theme", "type", "classAdd", "help", "size", "rangeUnity"], outputs: ["textChangeEvent", "clickHelpIconEvent", "blur", "focus"] }, { kind: "component", type: i4.SErrorControl, selector: "s-error-control", inputs: ["theme", "icon", "iconCustom", "size"] }, { kind: "component", type: i5.SButtonComponent, selector: "s-button", inputs: ["disabled", "pill", "size", "invert", "type", "loading", "position", "theme"] }, { kind: "component", type: i6.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i7.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i8.SSelectSimpleComponent, selector: "s-select-simple", inputs: ["disabled", "placeholder", "options", "selectedValue", "label", "readOnly", "display", "size"], outputs: ["selectEvent", "blur", "focus"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SFormComponent, decorators: [{
             type: Component,

package/esm2022/lib/icon-material/index.mjs

@@ -1,3 +1,4 @@
 export * from './s-icon-material.module';
 export * from './s-icon-material.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pY29uLW1hdGVyaWFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcy1pY29uLW1hdGVyaWFsLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudCc7Il19
+export * from './s-icon-material.model';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9pY29uLW1hdGVyaWFsL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMEJBQTBCLENBQUM7QUFDekMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHlCQUF5QixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zLWljb24tbWF0ZXJpYWwubW9kdWxlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zLWljb24tbWF0ZXJpYWwuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zLWljb24tbWF0ZXJpYWwubW9kZWwnIl19

package/esm2022/lib/icon-material/s-icon-material.component.mjs

@@ -1,5 +1,6 @@
 import { Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
 export class SIconMaterialComponent {
     constructor() {
         this.fill = false;
@@ -29,14 +30,16 @@ export class SIconMaterialComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SIconMaterialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: { size: "size", color: "color", fill: "fill", weight: "weight", grade: "grade", opticalSize: "opticalSize", style: "style", type: "type" }, viewQueries: [{ propertyName: "Icon", first: true, predicate: ["icon"], descendants: true, static: true }], ngImport: i0, template: "<div #icon class=\"s-icon-mat\">\r\n    <span attr.style=\"{{style}}\" class=\"{{optionsType}}\">\r\n        <ng-content></ng-content>\r\n    </span>\r\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v110/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SIconMaterialComponent, selector: "s-icon-mat", inputs: { name: "name", size: "size", color: "color", fill: "fill", weight: "weight", grade: "grade", opticalSize: "opticalSize", style: "style", type: "type" }, viewQueries: [{ propertyName: "Icon", first: true, predicate: ["icon"], descendants: true, static: true }], ngImport: i0, template: "<div #icon class=\"s-icon-mat\">\r\n    <span attr.style=\"{{style}}\" class=\"{{optionsType}}\">\r\n        <ng-content *ngIf=\"!name\"></ng-content>\r\n        <ng-container *ngIf=\"name\">{{name}}</ng-container>\r\n    </span>\r\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v179/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SIconMaterialComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-icon-mat', encapsulation: ViewEncapsulation.None, template: "<div #icon class=\"s-icon-mat\">\r\n    <span attr.style=\"{{style}}\" class=\"{{optionsType}}\">\r\n        <ng-content></ng-content>\r\n    </span>\r\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v110/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsI.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"] }]
+            args: [{ selector: 's-icon-mat', encapsulation: ViewEncapsulation.None, template: "<div #icon class=\"s-icon-mat\">\r\n    <span attr.style=\"{{style}}\" class=\"{{optionsType}}\">\r\n        <ng-content *ngIf=\"!name\"></ng-content>\r\n        <ng-container *ngIf=\"name\">{{name}}</ng-container>\r\n    </span>\r\n</div>", styles: ["@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format(\"woff2\")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v179/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format(\"woff2\")}.s-icon-mat{display:flex}.s-icon-mat .material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}.s-icon-mat .material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"] }]
         }], propDecorators: { Icon: [{
                 type: ViewChild,
                 args: ['icon', { static: true }]
+            }], name: [{
+                type: Input
             }], size: [{
                 type: Input
             }], color: [{
@@ -54,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
             }], type: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVbkcsTUFBTSxPQUFPLHNCQUFzQjtJQVBuQztRQWFXLFNBQUksR0FBWSxLQUFLLENBQUM7UUFDdEIsV0FBTSxHQUFXLEdBQUcsQ0FBQztRQUNyQixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2xCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBRXpCLFVBQUssR0FBWSxFQUFFLENBQUM7UUFDcEIsU0FBSSxHQUFzQixNQUFNLENBQUM7S0EyQnpDO0lBdkJELFFBQVE7UUFFTixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsMkJBQTJCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xDLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFBO2dCQUNyQyxPQUFPLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRyxrQ0FBa0MsR0FBRSxJQUFJLENBQUMsUUFBUSxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsTUFBTSxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ3pLLE1BQU07WUFDTixLQUFLLE1BQU07Z0JBQ1QsSUFBSSxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQztnQkFDdEMsTUFBTTtTQUNQO1FBRUQsSUFBRyxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUMzQixJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsR0FBRSxJQUFJLENBQUMsS0FBSyxHQUFFLEdBQUcsQ0FBQztTQUMxQztRQUVELElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDMUIsSUFBSSxDQUFDLEtBQUssSUFBSSxhQUFhLEdBQUUsSUFBSSxDQUFDLElBQUksR0FBRSxLQUFLLENBQUM7U0FDL0M7SUFDSCxDQUFDOzhHQXJDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixrVENWbkMsaUtBSU07OzJGRE1PLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUk7OEJBS0gsSUFBSTtzQkFBckMsU0FBUzt1QkFBQyxNQUFNLEVBQUMsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUV2QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1pY29uLW1hdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3MtaWNvbi1tYXRlcmlhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNJY29uTWF0ZXJpYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBAVmlld0NoaWxkKCdpY29uJyx7c3RhdGljOiB0cnVlfSkgSWNvbiE6IEVsZW1lbnRSZWYgO1xyXG5cclxuICBASW5wdXQoKSBzaXplPzogc3RyaW5nIDtcclxuICBASW5wdXQoKSBjb2xvcj86IHN0cmluZztcclxuICBASW5wdXQoKSBmaWxsOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgd2VpZ2h0OiBudW1iZXIgPSA0MDA7XHJcbiAgQElucHV0KCkgZ3JhZGU6IG51bWJlciA9IDA7XHJcbiAgQElucHV0KCkgb3B0aWNhbFNpemU6IG51bWJlciA9IDQ4O1xyXG4gIFxyXG4gIEBJbnB1dCgpIHN0eWxlPzogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgdHlwZTogXCJzeW1ib2xcIiB8IFwiaWNvblwiID0gXCJpY29uXCI7XHJcbiAgb3B0aW9uc1R5cGUhOiBzdHJpbmc7XHJcbiAgZmlsbFRlbXAhOiBudW1iZXI7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG5cclxuICAgIHN3aXRjaCAodGhpcy50eXBlKSB7XHJcbiAgICAgIGNhc2UgXCJzeW1ib2xcIjpcclxuICAgICAgICB0aGlzLm9wdGlvbnNUeXBlID0gXCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkXCI7XHJcbiAgICAgICAgdGhpcy5maWxsVGVtcCA9IHRoaXMuZmlsbCA/IDEgOiAwO1xyXG4gICAgICAgIGxldCBzZXRJY29uID0gdGhpcy5JY29uLm5hdGl2ZUVsZW1lbnRcclxuICAgICAgICBzZXRJY29uLnNldEF0dHJpYnV0ZSgnc3R5bGUnICwgXCJmb250LXZhcmlhdGlvbi1zZXR0aW5nczogJ0ZJTEwnIFwiKyB0aGlzLmZpbGxUZW1wICArXCIsICd3Z2h0JyBcIisgdGhpcy53ZWlnaHQgICtcIiwgJ0dSQUQnIFwiKyB0aGlzLmdyYWRlICArXCIsICdvcHN6JyBcIisgdGhpcy5vcHRpY2FsU2l6ZSk7XHJcbiAgICAgIGJyZWFrO1xyXG4gICAgICBjYXNlIFwiaWNvblwiOlxyXG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSBcIm1hdGVyaWFsLWljb25zXCI7XHJcbiAgICAgIGJyZWFrO1xyXG4gICAgfSBcclxuXHJcbiAgICBpZih0aGlzLmNvbG9yICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy5zdHlsZSArPSAnIGNvbG9yOicrIHRoaXMuY29sb3IgK1wiO1wiO1xyXG4gICAgfVxyXG5cclxuICAgIGlmKHRoaXMuc2l6ZSAhPT0gdW5kZWZpbmVkKSB7XHJcbiAgICAgIHRoaXMuc3R5bGUgKz0gJyBmb250LXNpemU6JysgdGhpcy5zaXplICtcInB4O1wiO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgfSIsIjxkaXYgI2ljb24gY2xhc3M9XCJzLWljb24tbWF0XCI+XHJcbiAgICA8c3BhbiBhdHRyLnN0eWxlPVwie3tzdHlsZX19XCIgY2xhc3M9XCJ7e29wdGlvbnNUeXBlfX1cIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L3NwYW4+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFVLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBVW5HLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFjVyxTQUFJLEdBQWtCLEtBQUssQ0FBQztRQUM1QixXQUFNLEdBQW9CLEdBQUcsQ0FBQztRQUM5QixVQUFLLEdBQW1CLENBQUMsQ0FBQztRQUMxQixnQkFBVyxHQUF5QixFQUFFLENBQUM7UUFDdkMsVUFBSyxHQUFvQixFQUFFLENBQUM7UUFDNUIsU0FBSSxHQUFrQixNQUFNLENBQUM7S0E0QnJDO0lBdkJELFFBQVE7UUFFTixRQUFRLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDakIsS0FBSyxRQUFRO2dCQUNYLElBQUksQ0FBQyxXQUFXLEdBQUcsMkJBQTJCLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ2xDLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFBO2dCQUNyQyxPQUFPLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRyxrQ0FBa0MsR0FBRSxJQUFJLENBQUMsUUFBUSxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsTUFBTSxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsS0FBSyxHQUFHLFdBQVcsR0FBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ3pLLE1BQU07WUFDTixLQUFLLE1BQU07Z0JBQ1QsSUFBSSxDQUFDLFdBQVcsR0FBRyxnQkFBZ0IsQ0FBQztnQkFDdEMsTUFBTTtTQUNQO1FBRUQsSUFBRyxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUMzQixJQUFJLENBQUMsS0FBSyxJQUFJLFNBQVMsR0FBRSxJQUFJLENBQUMsS0FBSyxHQUFFLEdBQUcsQ0FBQztTQUMxQztRQUVELElBQUcsSUFBSSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7WUFDMUIsSUFBSSxDQUFDLEtBQUssSUFBSSxhQUFhLEdBQUUsSUFBSSxDQUFDLElBQUksR0FBRSxLQUFLLENBQUM7U0FDL0M7SUFDSCxDQUFDOzhHQXRDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixnVUNWbkMsaVBBS007OzJGREtPLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxZQUFZLGlCQUdQLGlCQUFpQixDQUFDLElBQUk7OEJBS0gsSUFBSTtzQkFBckMsU0FBUzt1QkFBQyxNQUFNLEVBQUMsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUV2QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU0ljb24gfSBmcm9tICcuL3MtaWNvbi1tYXRlcmlhbC5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtaWNvbi1tYXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWljb24tbWF0ZXJpYWwuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtaWNvbi1tYXRlcmlhbC5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBTSWNvbk1hdGVyaWFsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQFZpZXdDaGlsZCgnaWNvbicse3N0YXRpYzogdHJ1ZX0pIEljb24hOiBFbGVtZW50UmVmIDtcclxuXHJcbiAgQElucHV0KCkgbmFtZT86IFNJY29uWyduYW1lJ107XHJcbiAgQElucHV0KCkgc2l6ZT86IFNJY29uWydzaXplJ107XHJcbiAgQElucHV0KCkgY29sb3I/OiBTSWNvblsnY29sb3InXTtcclxuICBASW5wdXQoKSBmaWxsOiBTSWNvblsnZmlsbCddID0gZmFsc2U7XHJcbiAgQElucHV0KCkgd2VpZ2h0OiBTSWNvblsnd2VpZ2h0J10gPSA0MDA7XHJcbiAgQElucHV0KCkgZ3JhZGU6IFNJY29uWydncmFkZSddID0gMDtcclxuICBASW5wdXQoKSBvcHRpY2FsU2l6ZTogU0ljb25bJ29wdGljYWxTaXplJ10gPSA0ODtcclxuICBASW5wdXQoKSBzdHlsZT86IFNJY29uWydzdHlsZSddID0gJyc7XHJcbiAgQElucHV0KCkgdHlwZTogU0ljb25bJ3R5cGUnXSA9IFwiaWNvblwiO1xyXG5cclxuICBvcHRpb25zVHlwZSE6IHN0cmluZztcclxuICBmaWxsVGVtcCE6IG51bWJlcjtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcblxyXG4gICAgc3dpdGNoICh0aGlzLnR5cGUpIHtcclxuICAgICAgY2FzZSBcInN5bWJvbFwiOlxyXG4gICAgICAgIHRoaXMub3B0aW9uc1R5cGUgPSBcIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIjtcclxuICAgICAgICB0aGlzLmZpbGxUZW1wID0gdGhpcy5maWxsID8gMSA6IDA7XHJcbiAgICAgICAgbGV0IHNldEljb24gPSB0aGlzLkljb24ubmF0aXZlRWxlbWVudFxyXG4gICAgICAgIHNldEljb24uc2V0QXR0cmlidXRlKCdzdHlsZScgLCBcImZvbnQtdmFyaWF0aW9uLXNldHRpbmdzOiAnRklMTCcgXCIrIHRoaXMuZmlsbFRlbXAgICtcIiwgJ3dnaHQnIFwiKyB0aGlzLndlaWdodCAgK1wiLCAnR1JBRCcgXCIrIHRoaXMuZ3JhZGUgICtcIiwgJ29wc3onIFwiKyB0aGlzLm9wdGljYWxTaXplKTtcclxuICAgICAgYnJlYWs7XHJcbiAgICAgIGNhc2UgXCJpY29uXCI6XHJcbiAgICAgICAgdGhpcy5vcHRpb25zVHlwZSA9IFwibWF0ZXJpYWwtaWNvbnNcIjtcclxuICAgICAgYnJlYWs7XHJcbiAgICB9IFxyXG5cclxuICAgIGlmKHRoaXMuY29sb3IgIT09IHVuZGVmaW5lZCkge1xyXG4gICAgICB0aGlzLnN0eWxlICs9ICcgY29sb3I6JysgdGhpcy5jb2xvciArXCI7XCI7XHJcbiAgICB9XHJcblxyXG4gICAgaWYodGhpcy5zaXplICE9PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy5zdHlsZSArPSAnIGZvbnQtc2l6ZTonKyB0aGlzLnNpemUgK1wicHg7XCI7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICB9IiwiPGRpdiAjaWNvbiBjbGFzcz1cInMtaWNvbi1tYXRcIj5cclxuICAgIDxzcGFuIGF0dHIuc3R5bGU9XCJ7e3N0eWxlfX1cIiBjbGFzcz1cInt7b3B0aW9uc1R5cGV9fVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50ICpuZ0lmPVwiIW5hbWVcIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm5hbWVcIj57e25hbWV9fTwvbmctY29udGFpbmVyPlxyXG4gICAgPC9zcGFuPlxyXG48L2Rpdj4iXX0=

package/esm2022/lib/icon-material/s-icon-material.model.mjs

@@ -0,0 +1,3 @@
+export class SIcon {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1pY29uLW1hdGVyaWFsLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLEtBQUs7Q0FVakIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgU0ljb24ge1xyXG4gICAgdHlwZT86IFwic3ltYm9sXCIgfCBcImljb25cIjsgLy9UaXBvIGRlIGljb25vLlxyXG4gICAgbmFtZT86IHN0cmluZzsgLy9Ob21icmUgZGVsIGljb25vLlxyXG4gICAgc2l6ZT86IHN0cmluZzsgLy9UYW1hbmlvIGRlbCBpY29uby5cclxuICAgIGNvbG9yPzogc3RyaW5nOyAvL0NvbG9yIGRlbCBpY29uby5cclxuICAgIGZpbGw/OiBib29sZWFuOyAvL1NpIGVsIGljb25vIGVzIGRlIHJlbGxlbm8uXHJcbiAgICB3ZWlnaHQ/OiBudW1iZXI7IC8vR3Jvc29yIGRlbCBpY29uby5cclxuICAgIGdyYWRlPzogbnVtYmVyOyAvL0dyb3NvciBkZWwgaWNvbm8uXHJcbiAgICBvcHRpY2FsU2l6ZT86IG51bWJlcjsgLy9UYW1hbmlvIGRlbCBpY29uby5cclxuICAgIHN0eWxlPzogc3RyaW5nOyAvL0VzdGlsbyBkZWwgaWNvbm8uXHJcbn1cclxuXHJcbiJdfQ==