sidesys-generic-ui 0.0.18 → 0.0.20

package/esm2020/lib/alert/s-alert.component.mjs

@@ -6,10 +6,10 @@ export class SAlertComponent {
     ngOnInit() {
     }
 }
-SAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SAlertComponent, selector: "s-alert", ngImport: i0, template: "<div>\r\n   AlertComponent\r\n</div>", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertComponent, decorators: [{
+SAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SAlertComponent, selector: "s-alert", ngImport: i0, template: "<div>\r\n   AlertComponent\r\n</div>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAlertComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-alert', template: "<div>\r\n   AlertComponent\r\n</div>", styles: [""] }]
+            args: [{ selector: 's-alert', template: "<div>\r\n   AlertComponent\r\n</div>" }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hbGVydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbGVydC9zLWFsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FsZXJ0L3MtYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBUXpELE1BQU0sT0FBTyxlQUFlO0lBQzFCLDBCQUEwQjtJQUcxQixnQkFBYyxDQUFDO0lBRWYsUUFBUTtJQUdSLENBQUM7OzRHQVRVLGVBQWU7Z0dBQWYsZUFBZSwrQ0NSNUIsc0NBRU07MkZETU8sZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3MtYWxlcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWFsZXJ0LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLWFsZXJ0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5cclxuZXhwb3J0IGNsYXNzIFNBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgLy8gQElucHV0KCkgaWNvbiE6IHN0cmluZztcclxuIFxyXG5cclxuICBjb25zdHJ1Y3Rvcigpe31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBcclxuICBcclxuICB9XHJcbn0iLCI8ZGl2PlxyXG4gICBBbGVydENvbXBvbmVudFxyXG48L2Rpdj4iXX0=

package/esm2020/lib/alert/s-alert.module.mjs

@@ -4,12 +4,10 @@ import { SAlertComponent } from './s-alert.component';
 import * as i0 from "@angular/core";
 export class SAlertModule {
 }
-SAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertModule, declarations: [SAlertComponent], imports: [CommonModule], exports: [SAlertComponent] });
-SAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAlertModule, decorators: [{
+SAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SAlertModule, declarations: [SAlertComponent], imports: [CommonModule], exports: [SAlertComponent] });
+SAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAlertModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAlertModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -21,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SAlertComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hbGVydC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbGVydC9zLWFsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBWXRELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBUHJCLGVBQWUsYUFHZixZQUFZLGFBRUosZUFBZTswR0FFZCxZQUFZLFlBTGQ7WUFDUCxZQUFZO1NBQ2I7MkZBR1UsWUFBWTtrQkFUeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNBbGVydENvbXBvbmVudCB9IGZyb20gJy4vcy1hbGVydC5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTQWxlcnRDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NBbGVydENvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNBbGVydE1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hbGVydC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbGVydC9zLWFsZXJ0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBWXRELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBUHJCLGVBQWUsYUFHZixZQUFZLGFBRUosZUFBZTswR0FFZCxZQUFZLFlBSnJCLFlBQVk7MkZBSUgsWUFBWTtrQkFUeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNBbGVydENvbXBvbmVudCB9IGZyb20gJy4vcy1hbGVydC5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTQWxlcnRDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NBbGVydENvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNBbGVydE1vZHVsZSB7IH1cclxuIl19

package/esm2020/lib/avatar/components/profile-group/s-profile-group.component.mjs

@@ -42,9 +42,9 @@ export class SProfileGroupComponent {
         }
     }
 }
-SProfileGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SProfileGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"content-profile-group976\">\r\n    <div class=\"content-right976\">\r\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\r\n    </div>\r\n    <div class=\"content-left976\">\r\n        <p class=\"name976\">{{user?.name}}</p>\r\n        <span class=\"email976\">{{user?.email}}</span>\r\n    </div>\r\n</div>", styles: [":root{--s-profile-size-title: .875rem;--s-profile-size-email: .875rem;--s-profile-size-line-height-title: 22px}.content-profile-group976{width:100%;display:flex;align-items:center;justify-content:flex-start}.content-profile-group976 .content-left976{display:flex;flex-direction:column}.content-profile-group976 .content-left976 .name976{font-weight:700;color:var(--secondary-600);font-size:var(--s-profile-size-title);line-height:var(--s-profile-size-line-height-title);cursor:default}.content-profile-group976 .content-left976 .email976{color:var(--secondary-500);font-size:var(--s-profile-size-email);line-height:16px;cursor:default}.content-profile-group976 .content-left976 p{margin:0}.content-profile-group976 .content-right976{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}\n"], components: [{ type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupComponent, decorators: [{
+SProfileGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SProfileGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"content-profile-group976\">\r\n    <div class=\"content-right976\">\r\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\r\n    </div>\r\n    <div class=\"content-left976\">\r\n        <p class=\"name976\">{{user?.name}}</p>\r\n        <span class=\"email976\">{{user?.email}}</span>\r\n    </div>\r\n</div>", styles: [":root{--s-profile-size-title: .875rem;--s-profile-size-email: .875rem;--s-profile-size-line-height-title: 22px}.content-profile-group976{width:100%;display:flex;align-items:center;justify-content:flex-start}.content-profile-group976 .content-left976{display:flex;flex-direction:column}.content-profile-group976 .content-left976 .name976{font-weight:700;color:var(--secondary-600);font-size:var(--s-profile-size-title);line-height:var(--s-profile-size-line-height-title);cursor:default}.content-profile-group976 .content-left976 .email976{color:var(--secondary-500);font-size:var(--s-profile-size-email);line-height:16px;cursor:default}.content-profile-group976 .content-left976 p{margin:0}.content-profile-group976 .content-right976{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}\n"], dependencies: [{ kind: "component", type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-profile-group', template: "<div class=\"content-profile-group976\">\r\n    <div class=\"content-right976\">\r\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\r\n    </div>\r\n    <div class=\"content-left976\">\r\n        <p class=\"name976\">{{user?.name}}</p>\r\n        <span class=\"email976\">{{user?.email}}</span>\r\n    </div>\r\n</div>", styles: [":root{--s-profile-size-title: .875rem;--s-profile-size-email: .875rem;--s-profile-size-line-height-title: 22px}.content-profile-group976{width:100%;display:flex;align-items:center;justify-content:flex-start}.content-profile-group976 .content-left976{display:flex;flex-direction:column}.content-profile-group976 .content-left976 .name976{font-weight:700;color:var(--secondary-600);font-size:var(--s-profile-size-title);line-height:var(--s-profile-size-line-height-title);cursor:default}.content-profile-group976 .content-left976 .email976{color:var(--secondary-500);font-size:var(--s-profile-size-email);line-height:16px;cursor:default}.content-profile-group976 .content-left976 p{margin:0}.content-profile-group976 .content-right976{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { size: [{

package/esm2020/lib/avatar/components/profile-group/s-profile-group.module.mjs

@@ -5,14 +5,12 @@ import { SAvatarModule } from '../../s-avatar.module';
 import * as i0 from "@angular/core";
 export class SProfileGroupModule {
 }
-SProfileGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SProfileGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupModule, declarations: [SProfileGroupComponent], imports: [CommonModule,
+SProfileGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SProfileGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupModule, declarations: [SProfileGroupComponent], imports: [CommonModule,
         SAvatarModule], exports: [SProfileGroupComponent] });
-SProfileGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupModule, imports: [[
-            CommonModule,
-            SAvatarModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SProfileGroupModule, decorators: [{
+SProfileGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupModule, imports: [CommonModule,
+        SAvatarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SProfileGroupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -25,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SProfileGroupComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9maWxlLWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBYXRELE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFSNUIsc0JBQXNCLGFBR3RCLFlBQVk7UUFDWixhQUFhLGFBRUwsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFOckI7WUFDUCxZQUFZO1lBQ1osYUFBYTtTQUNkOzJGQUdVLG1CQUFtQjtrQkFWL0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3FCQUNkO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNQcm9maWxlR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3MtcHJvZmlsZS1ncm91cC5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTQXZhdGFyTW9kdWxlIH0gZnJvbSAnLi4vLi4vcy1hdmF0YXIubW9kdWxlJztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU1Byb2ZpbGVHcm91cENvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU0F2YXRhck1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NQcm9maWxlR3JvdXBDb21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTUHJvZmlsZUdyb3VwTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1wcm9maWxlLWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9jb21wb25lbnRzL3Byb2ZpbGUtZ3JvdXAvcy1wcm9maWxlLWdyb3VwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBYXRELE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFSNUIsc0JBQXNCLGFBR3RCLFlBQVk7UUFDWixhQUFhLGFBRUwsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFMNUIsWUFBWTtRQUNaLGFBQWE7MkZBSUosbUJBQW1CO2tCQVYvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixzQkFBc0I7cUJBQ3ZCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU1Byb2ZpbGVHcm91cENvbXBvbmVudCB9IGZyb20gJy4vcy1wcm9maWxlLWdyb3VwLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNBdmF0YXJNb2R1bGUgfSBmcm9tICcuLi8uLi9zLWF2YXRhci5tb2R1bGUnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTUHJvZmlsZUdyb3VwQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTQXZhdGFyTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbU1Byb2ZpbGVHcm91cENvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNQcm9maWxlR3JvdXBNb2R1bGUgeyB9XHJcbiJdfQ==

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

@@ -1,7 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../icon-material/s-icon-material.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon-material/s-icon-material.component";
 import * as i3 from "../shared/image-loader.directive";
 export class SAvatarComponent {
     constructor() {
@@ -30,11 +30,11 @@ export class SAvatarComponent {
             this.letters = this.letters.substring(0, 2);
     }
 }
-SAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"no-select content-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=\"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=\"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=\"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=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"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=\"content-icon dot-content size-{{size}}\">\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 src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"content-icon dot-content size-{{size}} 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}.content-avatar{border-radius:100%}.content-avatar s-icon-mat{line-height:0}.content-avatar .dot-state{z-index:111;border-radius:100%;position:absolute;background:white;display:flex;justify-content:center}.content-avatar s-icon-mat.state-approved span{color:var(--green-600)}.content-avatar s-icon-mat.state-declined span{color:var(--red-600)}.content-avatar .dot-state:has(.state-blocked){background:var(--primary-600);align-items:center}.content-avatar .dot-state:has(.state-busy){background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100)}.content-avatar .dot-state.state-online,.content-avatar .dot-state.state-offline{border:2px solid var(--neutrals-1100)}.content-avatar s-icon-mat.state-blocked span{color:var(--neutrals-1100)}.content-avatar .dot-state.state-online{background-color:var(--green-600)}.content-avatar .dot-state.state-offline{background-color:var(--neutrals-600)}.content-avatar.size-128,.dot-content.size-128{height:128px;width:128px}.content-avatar.size-128 .content-letters.content-icon s-icon-mat span,.dot-content.size-128 .content-letters.content-icon s-icon-mat span{font-size:4.1rem}.content-avatar.size-128 .content-icon s-icon-mat span,.dot-content.size-128 .content-icon s-icon-mat span{font-size:6.6rem}.content-avatar.size-128 .dot-state,.dot-content.size-128 .dot-state{width:26px;height:26px;left:85px}.content-avatar.size-128 s-icon-mat span,.dot-content.size-128 s-icon-mat span{font-size:1.66rem}.content-avatar.size-128 s-icon-mat.state-blocked span,.dot-content.size-128 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-128 .dot-state:has(.state-blocked),.dot-content.size-128 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-96,.dot-content.size-96{height:96px;width:96px}.content-avatar.size-96 .content-letters.content-icon s-icon-mat span,.dot-content.size-96 .content-letters.content-icon s-icon-mat span{font-size:3.1rem}.content-avatar.size-96 .content-icon s-icon-mat span,.dot-content.size-96 .content-icon s-icon-mat span{font-size:4.6rem}.content-avatar.size-96 .dot-state,.dot-content.size-96 .dot-state{width:24px;height:24px;left:65px}.content-avatar.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked),.dot-content.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked){font-size:1.3rem}.content-avatar.size-96 s-icon-mat.state-blocked span,.dot-content.size-96 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-96 .dot-state:has(.state-blocked),.dot-content.size-96 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-48,.dot-content.size-48{height:48px;width:48px}.content-avatar.size-48 .content-letters.content-icon s-icon-mat span,.dot-content.size-48 .content-letters.content-icon s-icon-mat span{font-size:1.5rem}.content-avatar.size-48 .content-icon s-icon-mat span,.dot-content.size-48 .content-icon s-icon-mat span{font-size:2rem}.content-avatar.size-48 .dot-state,.dot-content.size-48 .dot-state{width:10px;height:10px;left:33px}.content-avatar.size-48 s-icon-mat span,.dot-content.size-48 s-icon-mat span{font-size:.6rem}.content-avatar.size-48 s-icon-mat.state-busy span,.dot-content.size-48 s-icon-mat.state-busy span{font-size:.66rem}.content-avatar.size-48 .dot-state:has(.state-blocked),.dot-content.size-48 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-48 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-48 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.5rem}.content-avatar.size-48 .dot-state.state-online,.content-avatar.size-48 .dot-state.state-offline,.content-avatar.size-48 .dot-state:has(.state-busy),.dot-content.size-48 .dot-state.state-online,.dot-content.size-48 .dot-state.state-offline,.dot-content.size-48 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-32,.dot-content.size-32{height:32px;width:32px}.content-avatar.size-32 .content-letters.content-icon s-icon-mat span,.dot-content.size-32 .content-letters.content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-32 .content-icon s-icon-mat span,.dot-content.size-32 .content-icon s-icon-mat span{font-size:1.3rem}.content-avatar.size-32 .dot-state,.dot-content.size-32 .dot-state{width:8px;height:8px;left:23px}.content-avatar.size-32 s-icon-mat span,.dot-content.size-32 s-icon-mat span{font-size:.58rem}.content-avatar.size-32 .dot-state:has(.state-blocked),.dot-content.size-32 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-32 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-32 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.4rem}.content-avatar.size-32 .dot-state.state-online,.content-avatar.size-32 .dot-state.state-offline,.content-avatar.size-32 .dot-state:has(.state-busy),.dot-content.size-32 .dot-state.state-online,.dot-content.size-32 .dot-state.state-offline,.dot-content.size-32 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-24,.dot-content.size-24{height:24px;width:24px}.content-avatar.size-24 .content-letters.content-icon s-icon-mat span,.dot-content.size-24 .content-letters.content-icon s-icon-mat span{font-size:.7rem}.content-avatar.size-24 .content-icon s-icon-mat span,.dot-content.size-24 .content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-24 .dot-state,.dot-content.size-24 .dot-state{width:6px;height:6px;left:17px}.content-avatar.size-24 s-icon-mat span,.dot-content.size-24 s-icon-mat span{font-size:.5rem}.content-avatar.size-24 .dot-state:has(.state-blocked),.dot-content.size-24 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-24 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-24 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.3rem}.content-avatar.size-24 .dot-state.state-online,.content-avatar.size-24 .dot-state.state-offline,.content-avatar.size-24 .dot-state:has(.state-busy),.dot-content.size-24 .dot-state.state-online,.dot-content.size-24 .dot-state.state-offline,.dot-content.size-24 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-16,.dot-content.size-16{height:16px;width:16px}.content-avatar.size-16 .content-icon s-icon-mat span,.dot-content.size-16 .content-icon s-icon-mat span{font-size:.5rem}.content-avatar.size-16 .dot-state,.dot-content.size-16 .dot-state{width:5px;height:5px;left:10px}.content-avatar.size-16 s-icon-mat span,.dot-content.size-16 s-icon-mat span{font-size:.4rem}.content-avatar.size-16 .dot-state:has(.state-blocked),.dot-content.size-16 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-16 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-16 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.271rem}.content-avatar.size-16 .dot-state.state-online,.content-avatar.size-16 .dot-state.state-offline,.content-avatar.size-16 .dot-state:has(.state-busy),.dot-content.size-16 .dot-state.state-online,.dot-content.size-16 .dot-state.state-offline,.dot-content.size-16 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1100)}.content-avatar .content-icon{display:flex;align-items:center;justify-content:center}.content-avatar .content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.content-avatar img{width:100%;height:100%;border-radius:100%}\n"], components: [{ type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ImageLoaderDirective, selector: "img[appImageLoader]" }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarComponent, decorators: [{
+SAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SAvatarComponent, selector: "s-avatar", inputs: { urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"no-select content-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=\"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=\"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=\"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=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"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=\"content-icon dot-content size-{{size}}\">\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 src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"content-icon dot-content size-{{size}} 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}.content-avatar{border-radius:100%}.content-avatar s-icon-mat{line-height:0}.content-avatar .dot-state{z-index:3;border-radius:100%;position:absolute;background:white;display:flex;justify-content:center}.content-avatar s-icon-mat.state-approved span{color:var(--green-600)}.content-avatar s-icon-mat.state-declined span{color:var(--red-600)}.content-avatar .dot-state:has(.state-blocked){background:var(--primary-600);align-items:center}.content-avatar .dot-state:has(.state-busy){background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100)}.content-avatar .dot-state.state-online,.content-avatar .dot-state.state-offline{border:2px solid var(--neutrals-1100)}.content-avatar s-icon-mat.state-blocked span{color:var(--neutrals-1100)}.content-avatar .dot-state.state-online{background-color:var(--green-600)}.content-avatar .dot-state.state-offline{background-color:var(--neutrals-600)}.content-avatar.size-128,.dot-content.size-128{height:128px;width:128px}.content-avatar.size-128 .content-letters.content-icon s-icon-mat span,.dot-content.size-128 .content-letters.content-icon s-icon-mat span{font-size:4.1rem}.content-avatar.size-128 .content-icon s-icon-mat span,.dot-content.size-128 .content-icon s-icon-mat span{font-size:6.6rem}.content-avatar.size-128 .dot-state,.dot-content.size-128 .dot-state{width:26px;height:26px;left:85px}.content-avatar.size-128 s-icon-mat span,.dot-content.size-128 s-icon-mat span{font-size:1.66rem}.content-avatar.size-128 s-icon-mat.state-blocked span,.dot-content.size-128 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-128 .dot-state:has(.state-blocked),.dot-content.size-128 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-96,.dot-content.size-96{height:96px;width:96px}.content-avatar.size-96 .content-letters.content-icon s-icon-mat span,.dot-content.size-96 .content-letters.content-icon s-icon-mat span{font-size:3.1rem}.content-avatar.size-96 .content-icon s-icon-mat span,.dot-content.size-96 .content-icon s-icon-mat span{font-size:4.6rem}.content-avatar.size-96 .dot-state,.dot-content.size-96 .dot-state{width:24px;height:24px;left:65px}.content-avatar.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked),.dot-content.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked){font-size:1.3rem}.content-avatar.size-96 s-icon-mat.state-blocked span,.dot-content.size-96 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-96 .dot-state:has(.state-blocked),.dot-content.size-96 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-48,.dot-content.size-48{height:48px;width:48px}.content-avatar.size-48 .content-letters.content-icon s-icon-mat span,.dot-content.size-48 .content-letters.content-icon s-icon-mat span{font-size:1.5rem}.content-avatar.size-48 .content-icon s-icon-mat span,.dot-content.size-48 .content-icon s-icon-mat span{font-size:2rem}.content-avatar.size-48 .dot-state,.dot-content.size-48 .dot-state{width:10px;height:10px;left:33px}.content-avatar.size-48 s-icon-mat span,.dot-content.size-48 s-icon-mat span{font-size:.6rem}.content-avatar.size-48 s-icon-mat.state-busy span,.dot-content.size-48 s-icon-mat.state-busy span{font-size:.66rem}.content-avatar.size-48 .dot-state:has(.state-blocked),.dot-content.size-48 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-48 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-48 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.5rem}.content-avatar.size-48 .dot-state.state-online,.content-avatar.size-48 .dot-state.state-offline,.content-avatar.size-48 .dot-state:has(.state-busy),.dot-content.size-48 .dot-state.state-online,.dot-content.size-48 .dot-state.state-offline,.dot-content.size-48 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-32,.dot-content.size-32{height:32px;width:32px}.content-avatar.size-32 .content-letters.content-icon s-icon-mat span,.dot-content.size-32 .content-letters.content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-32 .content-icon s-icon-mat span,.dot-content.size-32 .content-icon s-icon-mat span{font-size:1.3rem}.content-avatar.size-32 .dot-state,.dot-content.size-32 .dot-state{width:8px;height:8px;left:23px}.content-avatar.size-32 s-icon-mat span,.dot-content.size-32 s-icon-mat span{font-size:.58rem}.content-avatar.size-32 .dot-state:has(.state-blocked),.dot-content.size-32 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-32 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-32 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.4rem}.content-avatar.size-32 .dot-state.state-online,.content-avatar.size-32 .dot-state.state-offline,.content-avatar.size-32 .dot-state:has(.state-busy),.dot-content.size-32 .dot-state.state-online,.dot-content.size-32 .dot-state.state-offline,.dot-content.size-32 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-24,.dot-content.size-24{height:24px;width:24px}.content-avatar.size-24 .content-letters.content-icon s-icon-mat span,.dot-content.size-24 .content-letters.content-icon s-icon-mat span{font-size:.7rem}.content-avatar.size-24 .content-icon s-icon-mat span,.dot-content.size-24 .content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-24 .dot-state,.dot-content.size-24 .dot-state{width:6px;height:6px;left:17px}.content-avatar.size-24 s-icon-mat span,.dot-content.size-24 s-icon-mat span{font-size:.5rem}.content-avatar.size-24 .dot-state:has(.state-blocked),.dot-content.size-24 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-24 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-24 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.3rem}.content-avatar.size-24 .dot-state.state-online,.content-avatar.size-24 .dot-state.state-offline,.content-avatar.size-24 .dot-state:has(.state-busy),.dot-content.size-24 .dot-state.state-online,.dot-content.size-24 .dot-state.state-offline,.dot-content.size-24 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-16,.dot-content.size-16{height:16px;width:16px}.content-avatar.size-16 .content-icon s-icon-mat span,.dot-content.size-16 .content-icon s-icon-mat span{font-size:.5rem}.content-avatar.size-16 .dot-state,.dot-content.size-16 .dot-state{width:5px;height:5px;left:10px}.content-avatar.size-16 s-icon-mat span,.dot-content.size-16 s-icon-mat span{font-size:.4rem}.content-avatar.size-16 .dot-state:has(.state-blocked),.dot-content.size-16 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-16 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-16 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.271rem}.content-avatar.size-16 .dot-state.state-online,.content-avatar.size-16 .dot-state.state-offline,.content-avatar.size-16 .dot-state:has(.state-busy),.dot-content.size-16 .dot-state.state-online,.dot-content.size-16 .dot-state.state-offline,.dot-content.size-16 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1100)}.content-avatar .content-icon{display:flex;align-items:center;justify-content:center}.content-avatar .content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.content-avatar img{width:100%;height:100%;border-radius:100%}\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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"no-select content-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=\"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=\"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=\"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=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"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=\"content-icon dot-content size-{{size}}\">\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 src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"content-icon dot-content size-{{size}} 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}.content-avatar{border-radius:100%}.content-avatar s-icon-mat{line-height:0}.content-avatar .dot-state{z-index:111;border-radius:100%;position:absolute;background:white;display:flex;justify-content:center}.content-avatar s-icon-mat.state-approved span{color:var(--green-600)}.content-avatar s-icon-mat.state-declined span{color:var(--red-600)}.content-avatar .dot-state:has(.state-blocked){background:var(--primary-600);align-items:center}.content-avatar .dot-state:has(.state-busy){background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100)}.content-avatar .dot-state.state-online,.content-avatar .dot-state.state-offline{border:2px solid var(--neutrals-1100)}.content-avatar s-icon-mat.state-blocked span{color:var(--neutrals-1100)}.content-avatar .dot-state.state-online{background-color:var(--green-600)}.content-avatar .dot-state.state-offline{background-color:var(--neutrals-600)}.content-avatar.size-128,.dot-content.size-128{height:128px;width:128px}.content-avatar.size-128 .content-letters.content-icon s-icon-mat span,.dot-content.size-128 .content-letters.content-icon s-icon-mat span{font-size:4.1rem}.content-avatar.size-128 .content-icon s-icon-mat span,.dot-content.size-128 .content-icon s-icon-mat span{font-size:6.6rem}.content-avatar.size-128 .dot-state,.dot-content.size-128 .dot-state{width:26px;height:26px;left:85px}.content-avatar.size-128 s-icon-mat span,.dot-content.size-128 s-icon-mat span{font-size:1.66rem}.content-avatar.size-128 s-icon-mat.state-blocked span,.dot-content.size-128 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-128 .dot-state:has(.state-blocked),.dot-content.size-128 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-96,.dot-content.size-96{height:96px;width:96px}.content-avatar.size-96 .content-letters.content-icon s-icon-mat span,.dot-content.size-96 .content-letters.content-icon s-icon-mat span{font-size:3.1rem}.content-avatar.size-96 .content-icon s-icon-mat span,.dot-content.size-96 .content-icon s-icon-mat span{font-size:4.6rem}.content-avatar.size-96 .dot-state,.dot-content.size-96 .dot-state{width:24px;height:24px;left:65px}.content-avatar.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked),.dot-content.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked){font-size:1.3rem}.content-avatar.size-96 s-icon-mat.state-blocked span,.dot-content.size-96 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-96 .dot-state:has(.state-blocked),.dot-content.size-96 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-48,.dot-content.size-48{height:48px;width:48px}.content-avatar.size-48 .content-letters.content-icon s-icon-mat span,.dot-content.size-48 .content-letters.content-icon s-icon-mat span{font-size:1.5rem}.content-avatar.size-48 .content-icon s-icon-mat span,.dot-content.size-48 .content-icon s-icon-mat span{font-size:2rem}.content-avatar.size-48 .dot-state,.dot-content.size-48 .dot-state{width:10px;height:10px;left:33px}.content-avatar.size-48 s-icon-mat span,.dot-content.size-48 s-icon-mat span{font-size:.6rem}.content-avatar.size-48 s-icon-mat.state-busy span,.dot-content.size-48 s-icon-mat.state-busy span{font-size:.66rem}.content-avatar.size-48 .dot-state:has(.state-blocked),.dot-content.size-48 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-48 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-48 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.5rem}.content-avatar.size-48 .dot-state.state-online,.content-avatar.size-48 .dot-state.state-offline,.content-avatar.size-48 .dot-state:has(.state-busy),.dot-content.size-48 .dot-state.state-online,.dot-content.size-48 .dot-state.state-offline,.dot-content.size-48 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-32,.dot-content.size-32{height:32px;width:32px}.content-avatar.size-32 .content-letters.content-icon s-icon-mat span,.dot-content.size-32 .content-letters.content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-32 .content-icon s-icon-mat span,.dot-content.size-32 .content-icon s-icon-mat span{font-size:1.3rem}.content-avatar.size-32 .dot-state,.dot-content.size-32 .dot-state{width:8px;height:8px;left:23px}.content-avatar.size-32 s-icon-mat span,.dot-content.size-32 s-icon-mat span{font-size:.58rem}.content-avatar.size-32 .dot-state:has(.state-blocked),.dot-content.size-32 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-32 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-32 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.4rem}.content-avatar.size-32 .dot-state.state-online,.content-avatar.size-32 .dot-state.state-offline,.content-avatar.size-32 .dot-state:has(.state-busy),.dot-content.size-32 .dot-state.state-online,.dot-content.size-32 .dot-state.state-offline,.dot-content.size-32 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-24,.dot-content.size-24{height:24px;width:24px}.content-avatar.size-24 .content-letters.content-icon s-icon-mat span,.dot-content.size-24 .content-letters.content-icon s-icon-mat span{font-size:.7rem}.content-avatar.size-24 .content-icon s-icon-mat span,.dot-content.size-24 .content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-24 .dot-state,.dot-content.size-24 .dot-state{width:6px;height:6px;left:17px}.content-avatar.size-24 s-icon-mat span,.dot-content.size-24 s-icon-mat span{font-size:.5rem}.content-avatar.size-24 .dot-state:has(.state-blocked),.dot-content.size-24 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-24 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-24 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.3rem}.content-avatar.size-24 .dot-state.state-online,.content-avatar.size-24 .dot-state.state-offline,.content-avatar.size-24 .dot-state:has(.state-busy),.dot-content.size-24 .dot-state.state-online,.dot-content.size-24 .dot-state.state-offline,.dot-content.size-24 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-16,.dot-content.size-16{height:16px;width:16px}.content-avatar.size-16 .content-icon s-icon-mat span,.dot-content.size-16 .content-icon s-icon-mat span{font-size:.5rem}.content-avatar.size-16 .dot-state,.dot-content.size-16 .dot-state{width:5px;height:5px;left:10px}.content-avatar.size-16 s-icon-mat span,.dot-content.size-16 s-icon-mat span{font-size:.4rem}.content-avatar.size-16 .dot-state:has(.state-blocked),.dot-content.size-16 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-16 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-16 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.271rem}.content-avatar.size-16 .dot-state.state-online,.content-avatar.size-16 .dot-state.state-offline,.content-avatar.size-16 .dot-state:has(.state-busy),.dot-content.size-16 .dot-state.state-online,.dot-content.size-16 .dot-state.state-offline,.dot-content.size-16 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1100)}.content-avatar .content-icon{display:flex;align-items:center;justify-content:center}.content-avatar .content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.content-avatar img{width:100%;height:100%;border-radius:100%}\n"] }]
+            args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"no-select content-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=\"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=\"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=\"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=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'offline'\">\r\n         <div class=\"dot-state state-{{status}}\"></div>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'busy'\">\r\n         <div class=\"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=\"content-icon dot-content size-{{size}}\">\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 src=\"{{urlProfileImage}}\" alt=\"\">\r\n         </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngSwitchCase=\"'letters'\">\r\n         <div class=\"content-icon dot-content size-{{size}} 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}.content-avatar{border-radius:100%}.content-avatar s-icon-mat{line-height:0}.content-avatar .dot-state{z-index:3;border-radius:100%;position:absolute;background:white;display:flex;justify-content:center}.content-avatar s-icon-mat.state-approved span{color:var(--green-600)}.content-avatar s-icon-mat.state-declined span{color:var(--red-600)}.content-avatar .dot-state:has(.state-blocked){background:var(--primary-600);align-items:center}.content-avatar .dot-state:has(.state-busy){background:var(--red-600);color:var(--neutrals-1100);border:2px solid var(--neutrals-1100)}.content-avatar .dot-state.state-online,.content-avatar .dot-state.state-offline{border:2px solid var(--neutrals-1100)}.content-avatar s-icon-mat.state-blocked span{color:var(--neutrals-1100)}.content-avatar .dot-state.state-online{background-color:var(--green-600)}.content-avatar .dot-state.state-offline{background-color:var(--neutrals-600)}.content-avatar.size-128,.dot-content.size-128{height:128px;width:128px}.content-avatar.size-128 .content-letters.content-icon s-icon-mat span,.dot-content.size-128 .content-letters.content-icon s-icon-mat span{font-size:4.1rem}.content-avatar.size-128 .content-icon s-icon-mat span,.dot-content.size-128 .content-icon s-icon-mat span{font-size:6.6rem}.content-avatar.size-128 .dot-state,.dot-content.size-128 .dot-state{width:26px;height:26px;left:85px}.content-avatar.size-128 s-icon-mat span,.dot-content.size-128 s-icon-mat span{font-size:1.66rem}.content-avatar.size-128 s-icon-mat.state-blocked span,.dot-content.size-128 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-128 .dot-state:has(.state-blocked),.dot-content.size-128 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-96,.dot-content.size-96{height:96px;width:96px}.content-avatar.size-96 .content-letters.content-icon s-icon-mat span,.dot-content.size-96 .content-letters.content-icon s-icon-mat span{font-size:3.1rem}.content-avatar.size-96 .content-icon s-icon-mat span,.dot-content.size-96 .content-icon s-icon-mat span{font-size:4.6rem}.content-avatar.size-96 .dot-state,.dot-content.size-96 .dot-state{width:24px;height:24px;left:65px}.content-avatar.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked),.dot-content.size-96 s-icon-mat span:has(.state-approved,.state-declined,.state-blocked){font-size:1.3rem}.content-avatar.size-96 s-icon-mat.state-blocked span,.dot-content.size-96 s-icon-mat.state-blocked span{font-size:1.3rem}.content-avatar.size-96 .dot-state:has(.state-blocked),.dot-content.size-96 .dot-state:has(.state-blocked){border:2px solid var(--neutrals-1100)}.content-avatar.size-48,.dot-content.size-48{height:48px;width:48px}.content-avatar.size-48 .content-letters.content-icon s-icon-mat span,.dot-content.size-48 .content-letters.content-icon s-icon-mat span{font-size:1.5rem}.content-avatar.size-48 .content-icon s-icon-mat span,.dot-content.size-48 .content-icon s-icon-mat span{font-size:2rem}.content-avatar.size-48 .dot-state,.dot-content.size-48 .dot-state{width:10px;height:10px;left:33px}.content-avatar.size-48 s-icon-mat span,.dot-content.size-48 s-icon-mat span{font-size:.6rem}.content-avatar.size-48 s-icon-mat.state-busy span,.dot-content.size-48 s-icon-mat.state-busy span{font-size:.66rem}.content-avatar.size-48 .dot-state:has(.state-blocked),.dot-content.size-48 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-48 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-48 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.5rem}.content-avatar.size-48 .dot-state.state-online,.content-avatar.size-48 .dot-state.state-offline,.content-avatar.size-48 .dot-state:has(.state-busy),.dot-content.size-48 .dot-state.state-online,.dot-content.size-48 .dot-state.state-offline,.dot-content.size-48 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-32,.dot-content.size-32{height:32px;width:32px}.content-avatar.size-32 .content-letters.content-icon s-icon-mat span,.dot-content.size-32 .content-letters.content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-32 .content-icon s-icon-mat span,.dot-content.size-32 .content-icon s-icon-mat span{font-size:1.3rem}.content-avatar.size-32 .dot-state,.dot-content.size-32 .dot-state{width:8px;height:8px;left:23px}.content-avatar.size-32 s-icon-mat span,.dot-content.size-32 s-icon-mat span{font-size:.58rem}.content-avatar.size-32 .dot-state:has(.state-blocked),.dot-content.size-32 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-32 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-32 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.4rem}.content-avatar.size-32 .dot-state.state-online,.content-avatar.size-32 .dot-state.state-offline,.content-avatar.size-32 .dot-state:has(.state-busy),.dot-content.size-32 .dot-state.state-online,.dot-content.size-32 .dot-state.state-offline,.dot-content.size-32 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-24,.dot-content.size-24{height:24px;width:24px}.content-avatar.size-24 .content-letters.content-icon s-icon-mat span,.dot-content.size-24 .content-letters.content-icon s-icon-mat span{font-size:.7rem}.content-avatar.size-24 .content-icon s-icon-mat span,.dot-content.size-24 .content-icon s-icon-mat span{font-size:1rem}.content-avatar.size-24 .dot-state,.dot-content.size-24 .dot-state{width:6px;height:6px;left:17px}.content-avatar.size-24 s-icon-mat span,.dot-content.size-24 s-icon-mat span{font-size:.5rem}.content-avatar.size-24 .dot-state:has(.state-blocked),.dot-content.size-24 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-24 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-24 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.3rem}.content-avatar.size-24 .dot-state.state-online,.content-avatar.size-24 .dot-state.state-offline,.content-avatar.size-24 .dot-state:has(.state-busy),.dot-content.size-24 .dot-state.state-online,.dot-content.size-24 .dot-state.state-offline,.dot-content.size-24 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.content-avatar.size-16,.dot-content.size-16{height:16px;width:16px}.content-avatar.size-16 .content-icon s-icon-mat span,.dot-content.size-16 .content-icon s-icon-mat span{font-size:.5rem}.content-avatar.size-16 .dot-state,.dot-content.size-16 .dot-state{width:5px;height:5px;left:10px}.content-avatar.size-16 s-icon-mat span,.dot-content.size-16 s-icon-mat span{font-size:.4rem}.content-avatar.size-16 .dot-state:has(.state-blocked),.dot-content.size-16 .dot-state:has(.state-blocked){border:1px solid var(--neutrals-1100)}.content-avatar.size-16 .dot-state:has(.state-blocked) s-icon-mat span,.dot-content.size-16 .dot-state:has(.state-blocked) s-icon-mat span{font-size:.271rem}.content-avatar.size-16 .dot-state.state-online,.content-avatar.size-16 .dot-state.state-offline,.content-avatar.size-16 .dot-state:has(.state-busy),.dot-content.size-16 .dot-state.state-online,.dot-content.size-16 .dot-state.state-offline,.dot-content.size-16 .dot-state:has(.state-busy){border:1px solid var(--neutrals-1100)}.dot-content{background-color:var(--primary-600);border-radius:100%;color:var(--neutrals-1100)}.content-avatar .content-icon{display:flex;align-items:center;justify-content:center}.content-avatar .content-letters s-icon-mat span{line-height:initial;font-family:Roboto;font-weight:700}.content-avatar img{width:100%;height:100%;border-radius:100%}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { urlProfileImage: [{
                 type: Input
             }], letters: [{

package/esm2020/lib/avatar/s-avatar.module.mjs

@@ -6,16 +6,14 @@ import { SharedModule } from '../shared/shared.module';
 import * as i0 from "@angular/core";
 export class SAvatarModule {
 }
-SAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarModule, declarations: [SAvatarComponent], imports: [CommonModule,
+SAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SAvatarModule, declarations: [SAvatarComponent], imports: [CommonModule,
         SIconMaterialModule,
         SharedModule], exports: [SAvatarComponent] });
-SAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarModule, imports: [[
-            CommonModule,
-            SIconMaterialModule,
-            SharedModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SAvatarModule, decorators: [{
+SAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAvatarModule, imports: [CommonModule,
+        SIconMaterialModule,
+        SharedModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -29,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SAvatarComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBY3ZELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBVHRCLGdCQUFnQixhQUdoQixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFlBQVksYUFFSixnQkFBZ0I7MkdBRWYsYUFBYSxZQVBmO1lBQ1AsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixZQUFZO1NBQ2I7MkZBR1UsYUFBYTtrQkFYekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU0F2YXRhckNvbXBvbmVudCB9IGZyb20gJy4vcy1hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNBdmF0YXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNJY29uTWF0ZXJpYWxNb2R1bGUsXHJcbiAgICBTaGFyZWRNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtTQXZhdGFyQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0F2YXRhck1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBY3ZELE1BQU0sT0FBTyxhQUFhOzswR0FBYixhQUFhOzJHQUFiLGFBQWEsaUJBVHRCLGdCQUFnQixhQUdoQixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFlBQVksYUFFSixnQkFBZ0I7MkdBRWYsYUFBYSxZQU50QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFlBQVk7MkZBSUgsYUFBYTtrQkFYekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU0F2YXRhckNvbXBvbmVudCB9IGZyb20gJy4vcy1hdmF0YXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBTaGFyZWRNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2hhcmVkLm1vZHVsZSc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNBdmF0YXJDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNJY29uTWF0ZXJpYWxNb2R1bGUsXHJcbiAgICBTaGFyZWRNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtTQXZhdGFyQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0F2YXRhck1vZHVsZSB7IH1cclxuIl19

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

@@ -1,7 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../icon-material/s-icon-material.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon-material/s-icon-material.component";
 export class SBadgeComponent {
     constructor() {
         this.type = 'primary';
@@ -11,11 +11,11 @@ export class SBadgeComponent {
     ngOnInit() {
     }
 }
-SBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge {{type}} {{size ? '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;cursor:pointer;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}.s-badge.size-sm s-icon-mat span{font-size:.5rem}\n"], components: [{ type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeComponent, decorators: [{
+SBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SBadgeComponent, selector: "s-badge", inputs: { type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge {{type}} {{size ? '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}.s-badge.size-sm s-icon-mat span{font-size:.5rem}\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 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBadgeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge {{type}} {{size ? '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;cursor:pointer;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}.s-badge.size-sm s-icon-mat span{font-size:.5rem}\n"] }]
+            args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge {{type}} {{size ? '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}.s-badge.size-sm s-icon-mat span{font-size:.5rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { type: [{
                 type: Input
             }], size: [{

package/esm2020/lib/badge/s-badge.module.mjs

@@ -5,14 +5,12 @@ import { SBadgeComponent } from './s-badge.component';
 import * as i0 from "@angular/core";
 export class SBadgeModule {
 }
-SBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeModule, declarations: [SBadgeComponent], imports: [CommonModule,
+SBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SBadgeModule, declarations: [SBadgeComponent], imports: [CommonModule,
         SIconMaterialModule], exports: [SBadgeComponent] });
-SBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeModule, imports: [[
-            CommonModule,
-            SIconMaterialModule,
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBadgeModule, decorators: [{
+SBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBadgeModule, imports: [CommonModule,
+        SIconMaterialModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -25,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SBadgeComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBWXRELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBUnJCLGVBQWUsYUFHZixZQUFZO1FBQ1osbUJBQW1CLGFBRVgsZUFBZTswR0FFZCxZQUFZLFlBTmQ7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1NBQ3BCOzJGQUdVLFlBQVk7a0JBVnhCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjtxQkFDcEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNJY29uTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi9pY29uLW1hdGVyaWFsJztcclxuaW1wb3J0IHsgU0JhZGdlQ29tcG9uZW50IH0gZnJvbSAnLi9zLWJhZGdlLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU0JhZGdlQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NCYWRnZUNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNCYWRnZU1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBWXRELE1BQU0sT0FBTyxZQUFZOzt5R0FBWixZQUFZOzBHQUFaLFlBQVksaUJBUnJCLGVBQWUsYUFHZixZQUFZO1FBQ1osbUJBQW1CLGFBRVgsZUFBZTswR0FFZCxZQUFZLFlBTHJCLFlBQVk7UUFDWixtQkFBbUI7MkZBSVYsWUFBWTtrQkFWeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBTQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL3MtYmFkZ2UuY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTQmFkZ2VDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNJY29uTWF0ZXJpYWxNb2R1bGUsXHJcbiAgXSxcclxuICBleHBvcnRzOiBbU0JhZGdlQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0JhZGdlTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2020/lib/blockquote/s-blockquote.component.mjs

@@ -5,9 +5,9 @@ export class SBlockquoteComponent {
     ngOnInit() {
     }
 }
-SBlockquoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SBlockquoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SBlockquoteComponent, selector: "s-blockquote", ngImport: i0, template: "<figure class=\"quote\">\r\n    <blockquote>\r\n    <ng-content></ng-content>\r\n    </blockquote>\r\n  </figure>", styles: [".quote{background:var(--primary-600);border-radius:1em;padding:.5em;margin:1rem;color:var(--secondary)}.quote figcaption,.quote blockquote{margin:1em}.succes{background:var(--green-600)}.error{background:var(--red-600)}.warning{background:var(--yellow-600)}.info{background:var(--primary-600)}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteComponent, decorators: [{
+SBlockquoteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SBlockquoteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SBlockquoteComponent, selector: "s-blockquote", ngImport: i0, template: "<figure class=\"quote\">\r\n    <blockquote>\r\n    <ng-content></ng-content>\r\n    </blockquote>\r\n  </figure>", styles: [".quote{background:var(--primary-600);border-radius:1em;padding:.5em;margin:1rem;color:var(--secondary)}.quote figcaption,.quote blockquote{margin:1em}.succes{background:var(--green-600)}.error{background:var(--red-600)}.warning{background:var(--yellow-600)}.info{background:var(--primary-600)}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-blockquote', template: "<figure class=\"quote\">\r\n    <blockquote>\r\n    <ng-content></ng-content>\r\n    </blockquote>\r\n  </figure>", styles: [".quote{background:var(--primary-600);border-radius:1em;padding:.5em;margin:1rem;color:var(--secondary)}.quote figcaption,.quote blockquote{margin:1em}.succes{background:var(--green-600)}.error{background:var(--red-600)}.warning{background:var(--yellow-600)}.info{background:var(--primary-600)}\n"] }]
         }], ctorParameters: function () { return []; } });

package/esm2020/lib/blockquote/s-blockquote.module.mjs

@@ -4,12 +4,10 @@ import { SBlockquoteComponent } from './s-blockquote.component';
 import * as i0 from "@angular/core";
 export class SBlockquoteModule {
 }
-SBlockquoteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SBlockquoteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteModule, declarations: [SBlockquoteComponent], imports: [CommonModule], exports: [SBlockquoteComponent] });
-SBlockquoteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBlockquoteModule, decorators: [{
+SBlockquoteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SBlockquoteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteModule, declarations: [SBlockquoteComponent], imports: [CommonModule], exports: [SBlockquoteComponent] });
+SBlockquoteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBlockquoteModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -21,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SBlockquoteComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1ibG9ja3F1b3RlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Jsb2NrcXVvdGUvcy1ibG9ja3F1b3RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFZaEUsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVAxQixvQkFBb0IsYUFHcEIsWUFBWSxhQUVKLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBTG5CO1lBQ1AsWUFBWTtTQUNiOzJGQUdVLGlCQUFpQjtrQkFUN0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBTQmxvY2txdW90ZUNvbXBvbmVudCB9IGZyb20gJy4vcy1ibG9ja3F1b3RlLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNCbG9ja3F1b3RlQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtTQmxvY2txdW90ZUNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNCbG9ja3F1b3RlTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1ibG9ja3F1b3RlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2Jsb2NrcXVvdGUvcy1ibG9ja3F1b3RlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFZaEUsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQVAxQixvQkFBb0IsYUFHcEIsWUFBWSxhQUVKLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBSjFCLFlBQVk7MkZBSUgsaUJBQWlCO2tCQVQ3QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7cUJBQ3JCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNCbG9ja3F1b3RlQ29tcG9uZW50IH0gZnJvbSAnLi9zLWJsb2NrcXVvdGUuY29tcG9uZW50JztcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU0Jsb2NrcXVvdGVDb21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1NCbG9ja3F1b3RlQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0Jsb2NrcXVvdGVNb2R1bGUgeyB9XHJcbiJdfQ==

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

@@ -1,7 +1,7 @@
 import { Component, Input, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "../icon-material/s-icon-material.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "../icon-material/s-icon-material.component";
 import * as i3 from "@angular/router";
 export class BreadcrumNav {
     constructor() {
@@ -25,9 +25,9 @@ export class SBreadcrumComponent {
         }
     }
 }
-SBreadcrumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SBreadcrumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div id=\"nav466\" class=\"mb-3\">\r\n    <div class=\"content-breadcrum\" *ngFor=\"let nv of nav ; index as i\">\r\n        <div class=\"breadcrum\">\r\n            <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-letf']\">\r\n                <h4 *ngIf=\"size == 'small'\" class=\"s-body-1\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <h4 *ngIf=\"size == 'large'\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <s-icon-mat *ngIf=\"nv.icon\" style=\"font-size: 1rem;\" [ngClass]=\"size == 'small'? 'icon-small' : ''\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n            </a>\r\n        </div>\r\n        <s-icon-mat style=\"font-size: 1rem;\" class=\"fix-icon\" *ngIf=\" i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n    </div>\r\n</div>", styles: ["#nav466{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}#nav466 .content-breadcrum{display:flex;align-items:center}#nav466 .content-breadcrum .fix-icon{display:flex;padding-top:1px;color:var(--primary-600)!important;padding:0 .4rem}#nav466 .nav-class .nav-selected{font-weight:700}#nav466 .nav-class s-icon-mat{line-height:0}#nav466 .breadcrum{color:var(--secondary-500)}#nav466 .breadcrum a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-500)}#nav466 .breadcrum a .breadcrum-back{font-weight:400}#nav466 .breadcrum a .breadcrum-active{font-weight:700;color:var(--secondary-600)}#nav466 .breadcrum a .icon{color:var(--primary-600);display:flex;padding:0 .4rem}#nav466 .breadcrum:hover{color:var(--secondary-600)}#nav466 .float-letf{flex-direction:row-reverse}#nav466 .float-right{flex-direction:row}#nav466 a.disabled{pointer-events:none;cursor:default}#nav466 .icon-small{line-height:inherit!important}\n"], components: [{ type: i1.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumComponent, decorators: [{
+SBreadcrumComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SBreadcrumComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div id=\"nav466\" class=\"mb-3\">\r\n    <div class=\"content-breadcrum\" *ngFor=\"let nv of nav ; index as i\">\r\n        <div class=\"breadcrum\">\r\n            <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-letf']\">\r\n                <h4 *ngIf=\"size == 'small'\" class=\"s-body-1\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <h4 *ngIf=\"size == 'large'\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <s-icon-mat *ngIf=\"nv.icon\" style=\"font-size: 1rem;\" [ngClass]=\"size == 'small'? 'icon-small' : ''\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n            </a>\r\n        </div>\r\n        <s-icon-mat style=\"font-size: 1rem;\" class=\"fix-icon\" *ngIf=\" i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n    </div>\r\n</div>", styles: ["#nav466{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}#nav466 .content-breadcrum{display:flex;align-items:center}#nav466 .content-breadcrum .fix-icon{display:flex;padding-top:1px;color:var(--primary-600)!important;padding:0 .4rem}#nav466 .nav-class .nav-selected{font-weight:700}#nav466 .nav-class s-icon-mat{line-height:0}#nav466 .breadcrum{color:var(--secondary-500)}#nav466 .breadcrum a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-500)}#nav466 .breadcrum a .breadcrum-back{font-weight:400}#nav466 .breadcrum a .breadcrum-active{font-weight:700;color:var(--secondary-600)}#nav466 .breadcrum a .icon{color:var(--primary-600);display:flex;padding:0 .4rem}#nav466 .breadcrum:hover{color:var(--secondary-600)}#nav466 .float-letf{flex-direction:row-reverse}#nav466 .float-right{flex-direction:row}#nav466 a.disabled{pointer-events:none;cursor:default}#nav466 .icon-small{line-height:inherit!important}\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.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumComponent, decorators: [{
             type: Component,
             args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div id=\"nav466\" class=\"mb-3\">\r\n    <div class=\"content-breadcrum\" *ngFor=\"let nv of nav ; index as i\">\r\n        <div class=\"breadcrum\">\r\n            <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-letf']\">\r\n                <h4 *ngIf=\"size == 'small'\" class=\"s-body-1\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <h4 *ngIf=\"size == 'large'\" [ngClass]=\"i < nav.length -1 ? 'breadcrum-back' : 'breadcrum-active'\">{{nv.title}}</h4>\r\n                <s-icon-mat *ngIf=\"nv.icon\" style=\"font-size: 1rem;\" [ngClass]=\"size == 'small'? 'icon-small' : ''\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\r\n            </a>\r\n        </div>\r\n        <s-icon-mat style=\"font-size: 1rem;\" class=\"fix-icon\" *ngIf=\" i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\r\n    </div>\r\n</div>", styles: ["#nav466{color:var(--text);display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;font-weight:400}#nav466 .content-breadcrum{display:flex;align-items:center}#nav466 .content-breadcrum .fix-icon{display:flex;padding-top:1px;color:var(--primary-600)!important;padding:0 .4rem}#nav466 .nav-class .nav-selected{font-weight:700}#nav466 .nav-class s-icon-mat{line-height:0}#nav466 .breadcrum{color:var(--secondary-500)}#nav466 .breadcrum a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-500)}#nav466 .breadcrum a .breadcrum-back{font-weight:400}#nav466 .breadcrum a .breadcrum-active{font-weight:700;color:var(--secondary-600)}#nav466 .breadcrum a .icon{color:var(--primary-600);display:flex;padding:0 .4rem}#nav466 .breadcrum:hover{color:var(--secondary-600)}#nav466 .float-letf{flex-direction:row-reverse}#nav466 .float-right{flex-direction:row}#nav466 a.disabled{pointer-events:none;cursor:default}#nav466 .icon-small{line-height:inherit!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { nav: [{

package/esm2020/lib/breadcrum/s-breadcrum.module.mjs

@@ -6,16 +6,14 @@ import { RouterModule } from '@angular/router';
 import * as i0 from "@angular/core";
 export class SBreadcrumModule {
 }
-SBreadcrumModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SBreadcrumModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumModule, declarations: [SBreadcrumComponent], imports: [CommonModule,
+SBreadcrumModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SBreadcrumModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumModule, declarations: [SBreadcrumComponent], imports: [CommonModule,
         SIconMaterialModule,
         RouterModule], exports: [SBreadcrumComponent, RouterModule] });
-SBreadcrumModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumModule, imports: [[
-            CommonModule,
-            SIconMaterialModule,
-            RouterModule
-        ], RouterModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SBreadcrumModule, decorators: [{
+SBreadcrumModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumModule, imports: [CommonModule,
+        SIconMaterialModule,
+        RouterModule, RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SBreadcrumModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -29,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     exports: [SBreadcrumComponent, RouterModule]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBYS9DLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFUekIsbUJBQW1CLGFBR25CLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsWUFBWSxhQUVKLG1CQUFtQixFQUFFLFlBQVk7OEdBRWhDLGdCQUFnQixZQVBsQjtZQUNQLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWTtTQUNiLEVBQzhCLFlBQVk7MkZBRWhDLGdCQUFnQjtrQkFYNUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLFlBQVk7cUJBQ2I7b0JBQ0QsT0FBTyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsWUFBWSxDQUFDO2lCQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNCcmVhZGNydW1Db21wb25lbnQgfSBmcm9tICcuL3MtYnJlYWRjcnVtLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFNJY29uTWF0ZXJpYWxNb2R1bGUgfSBmcm9tICcuLi9pY29uLW1hdGVyaWFsJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTQnJlYWRjcnVtQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbU0JyZWFkY3J1bUNvbXBvbmVudCwgUm91dGVyTW9kdWxlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0JyZWFkY3J1bU1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBYS9DLE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFUekIsbUJBQW1CLGFBR25CLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsWUFBWSxhQUVKLG1CQUFtQixFQUFFLFlBQVk7OEdBRWhDLGdCQUFnQixZQU56QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLFlBQVksRUFFaUIsWUFBWTsyRkFFaEMsZ0JBQWdCO2tCQVg1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxZQUFZLENBQUM7aUJBQzdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgU0JyZWFkY3J1bUNvbXBvbmVudCB9IGZyb20gJy4vcy1icmVhZGNydW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIFNCcmVhZGNydW1Db21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFNJY29uTWF0ZXJpYWxNb2R1bGUsXHJcbiAgICBSb3V0ZXJNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtTQnJlYWRjcnVtQ29tcG9uZW50LCBSb3V0ZXJNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTQnJlYWRjcnVtTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2020/lib/button/button.module.mjs

@@ -4,12 +4,10 @@ import { SButtonComponent } from './components/button/s-button.component';
 import * as i0 from "@angular/core";
 export class SButtonModule {
 }
-SButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonModule, declarations: [SButtonComponent], imports: [CommonModule], exports: [SButtonComponent] });
-SButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SButtonModule, decorators: [{
+SButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: SButtonModule, declarations: [SButtonComponent], imports: [CommonModule], exports: [SButtonComponent] });
+SButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -23,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2J1dHRvbi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQWExRSxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQVR0QixnQkFBZ0IsYUFHaEIsWUFBWSxhQUdaLGdCQUFnQjsyR0FHUCxhQUFhLFlBUGY7WUFDUCxZQUFZO1NBQ2I7MkZBS1UsYUFBYTtrQkFYekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL3MtYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU0J1dHRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTQnV0dG9uQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0J1dHRvbk1vZHVsZSB7IH1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2J1dHRvbi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOztBQWExRSxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTsyR0FBYixhQUFhLGlCQVR0QixnQkFBZ0IsYUFHaEIsWUFBWSxhQUdaLGdCQUFnQjsyR0FHUCxhQUFhLFlBTnRCLFlBQVk7MkZBTUgsYUFBYTtrQkFYekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZ0JBQWdCO3FCQUNqQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTtxQkFDYjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsZ0JBQWdCO3FCQUNqQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYnV0dG9uL3MtYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU0J1dHRvbkNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBTQnV0dG9uQ29tcG9uZW50XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU0J1dHRvbk1vZHVsZSB7IH1cclxuIl19