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

package/esm2022/lib/animation/animation.component.mjs

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
 import lottie from 'lottie-web';
 import { ANIMATION_CONFIG } from './emuns/animation.enum';
 import * as i0 from "@angular/core";
@@ -7,8 +7,14 @@ export class AnimationComponent {
         this.playOnHoverEvent = new EventEmitter();
         this.pauseOnLeaveEvent = new EventEmitter();
     }
+    get animationItem() {
+        return this._animationItem;
+    }
+    set animationItem(value) {
+        this._animationItem = value;
+    }
     ngAfterViewInit() {
-        const container = document.getElementById('lottie');
+        const container = this.lottieContainer.nativeElement;
         const animationConfig = ANIMATION_CONFIG[this.animation];
         const animationLottie = lottie.loadAnimation({
             container: container,
@@ -45,16 +51,19 @@ export class AnimationComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnimationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AnimationComponent, selector: "s-animation", inputs: { animation: "animation" }, outputs: { playOnHoverEvent: "playOnHoverEvent", pauseOnLeaveEvent: "pauseOnLeaveEvent" }, ngImport: i0, template: "<div\n  class=\"s-animation\"\n  id=\"lottie\"\n  (mouseenter)=\"playOnHover()\"\n  (mouseleave)=\"pauseOnLeave()\">\n</div>\n", styles: [".s-animation{cursor:pointer}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AnimationComponent, selector: "s-animation", inputs: { animation: "animation" }, outputs: { playOnHoverEvent: "playOnHoverEvent", pauseOnLeaveEvent: "pauseOnLeaveEvent" }, viewQueries: [{ propertyName: "lottieContainer", first: true, predicate: ["lottieContainer"], descendants: true, static: true }], ngImport: i0, template: "<div\n  #lottieContainer\n  class=\"s-animation\"\n  (mouseenter)=\"playOnHover()\"\n  (mouseleave)=\"pauseOnLeave()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AnimationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-animation', encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"s-animation\"\n  id=\"lottie\"\n  (mouseenter)=\"playOnHover()\"\n  (mouseleave)=\"pauseOnLeave()\">\n</div>\n", styles: [".s-animation{cursor:pointer}\n"] }]
+            args: [{ selector: 's-animation', encapsulation: ViewEncapsulation.None, template: "<div\n  #lottieContainer\n  class=\"s-animation\"\n  (mouseenter)=\"playOnHover()\"\n  (mouseleave)=\"pauseOnLeave()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"] }]
         }], propDecorators: { animation: [{
                 type: Input
             }], playOnHoverEvent: [{
                 type: Output
             }], pauseOnLeaveEvent: [{
                 type: Output
+            }], lottieContainer: [{
+                type: ViewChild,
+                args: ['lottieContainer', { static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FuaW1hdGlvbi9hbmltYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYW5pbWF0aW9uL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLE1BQU0sTUFBTSxZQUFZLENBQUM7QUFDaEMsT0FBTyxFQUFhLGdCQUFnQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBUXJFLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFRWSxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQzVDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0ErQ3hEO0lBM0NDLGVBQWU7UUFDYixNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBZ0IsQ0FBQztRQUVuRSxNQUFNLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFekQsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztZQUMzQyxTQUFTLEVBQUUsU0FBUztZQUNwQixRQUFRLEVBQUUsS0FBSztZQUNmLElBQUksRUFBRSxlQUFlLENBQUMsSUFBSTtZQUMxQixRQUFRLEVBQUUsZUFBZSxDQUFDLFFBQVE7WUFDbEMsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTO1NBQ3JCLENBQUMsQ0FBQztRQUVILElBQUksZUFBZSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzdCLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO2dCQUNoRCxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxRQUFTLENBQUM7Z0JBQy9DLGVBQWUsQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO2dCQUN6QyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7Z0JBQ3ZCLGVBQWUsQ0FBQyxZQUFZLENBQUMsQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7WUFDbkQsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxlQUFlLENBQUM7UUFFckMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCw0Q0FBNEM7SUFDNUMsV0FBVztRQUNULE1BQU0sS0FBSyxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDckQsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQsd0NBQXdDO0lBQ3hDLFlBQVk7UUFDVixNQUFNLEtBQUssR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ3JELElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQzsrR0FqRFUsa0JBQWtCO21HQUFsQixrQkFBa0Isa0xDbEIvQixnSUFNQTs7NEZEWWEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsU0FBUztzQkFBakIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCBsb3R0aWUgZnJvbSAnbG90dGllLXdlYic7XG5pbXBvcnQgeyBBTklNQVRJT04sIEFOSU1BVElPTl9DT05GSUcgfSBmcm9tICcuL2VtdW5zL2FuaW1hdGlvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1hbmltYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYW5pbWF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW5pbWF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFuaW1hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBhbmltYXRpb24hOiBBTklNQVRJT047XG4gIEBPdXRwdXQoKSBwbGF5T25Ib3ZlckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcGF1c2VPbkxlYXZlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgYW5pbWF0aW9uSXRlbSE6IEFuaW1hdGlvbkl0ZW07XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGNvbnN0IGNvbnRhaW5lciA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdsb3R0aWUnKSBhcyBIVE1MRWxlbWVudDtcblxuICAgIGNvbnN0IGFuaW1hdGlvbkNvbmZpZyA9IEFOSU1BVElPTl9DT05GSUdbdGhpcy5hbmltYXRpb25dO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uTG90dGllID0gbG90dGllLmxvYWRBbmltYXRpb24oe1xuICAgICAgY29udGFpbmVyOiBjb250YWluZXIsXG4gICAgICByZW5kZXJlcjogJ3N2ZycsXG4gICAgICBsb29wOiBhbmltYXRpb25Db25maWcubG9vcCxcbiAgICAgIGF1dG9wbGF5OiBhbmltYXRpb25Db25maWcuYXV0b3BsYXksXG4gICAgICBwYXRoOiB0aGlzLmFuaW1hdGlvbixcbiAgICB9KTtcblxuICAgIGlmIChhbmltYXRpb25Db25maWcuc2VnbWVudHMpIHtcbiAgICAgIGFuaW1hdGlvbkxvdHRpZS5hZGRFdmVudExpc3RlbmVyKCdjb21wbGV0ZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgW3N0YXJ0LCBlbmRdID0gYW5pbWF0aW9uQ29uZmlnLnNlZ21lbnRzITtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLmdvVG9BbmRTdG9wKHN0YXJ0LCB0cnVlKTtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLnBsYXkoKTtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLnBsYXlTZWdtZW50cyhbc3RhcnQsIGVuZF0sIHRydWUpO1xuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMuYW5pbWF0aW9uSXRlbSA9IGFuaW1hdGlvbkxvdHRpZTtcblxuICAgIGFuaW1hdGlvbkxvdHRpZS5wbGF5KCk7XG4gIH1cblxuICAvLyBSZXByb2R1Y2lyIGxhIGFuaW1hY2nDs24gYWwgcGFzYXIgZWwgbW91c2VcbiAgcGxheU9uSG92ZXIoKTogdm9pZCB7XG4gICAgY29uc3QgaG92ZXIgPSBBTklNQVRJT05fQ09ORklHW3RoaXMuYW5pbWF0aW9uXS5ob3ZlcjtcbiAgICBpZiAoaG92ZXIpIHtcbiAgICAgIHRoaXMuYW5pbWF0aW9uSXRlbS5wbGF5KCk7XG4gICAgICB0aGlzLnBsYXlPbkhvdmVyRXZlbnQuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8vIFBhdXNhciBsYSBhbmltYWNpw7NuIGFsIHNhbGlyIGVsIG1vdXNlXG4gIHBhdXNlT25MZWF2ZSgpOiB2b2lkIHtcbiAgICBjb25zdCBob3ZlciA9IEFOSU1BVElPTl9DT05GSUdbdGhpcy5hbmltYXRpb25dLmhvdmVyO1xuICAgIGlmIChob3Zlcikge1xuICAgICAgdGhpcy5hbmltYXRpb25JdGVtLnBhdXNlKCk7XG4gICAgICB0aGlzLnBhdXNlT25MZWF2ZUV2ZW50LmVtaXQoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJzLWFuaW1hdGlvblwiXG4gIGlkPVwibG90dGllXCJcbiAgKG1vdXNlZW50ZXIpPVwicGxheU9uSG92ZXIoKVwiXG4gIChtb3VzZWxlYXZlKT1cInBhdXNlT25MZWF2ZSgpXCI+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FuaW1hdGlvbi9hbmltYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYW5pbWF0aW9uL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxNQUFNLE1BQU0sWUFBWSxDQUFDO0FBQ2hDLE9BQU8sRUFBYSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQVFyRSxNQUFNLE9BQU8sa0JBQWtCO0lBTi9CO1FBUVkscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBb0R4RDtJQTlDQyxJQUFXLGFBQWE7UUFDdEIsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFXLGFBQWEsQ0FBQyxLQUFvQjtRQUMzQyxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDO1FBQ3JELE1BQU0sZUFBZSxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN6RCxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDO1lBQzNDLFNBQVMsRUFBRSxTQUFTO1lBQ3BCLFFBQVEsRUFBRSxLQUFLO1lBQ2YsSUFBSSxFQUFFLGVBQWUsQ0FBQyxJQUFJO1lBQzFCLFFBQVEsRUFBRSxlQUFlLENBQUMsUUFBUTtZQUNsQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDckIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxlQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDN0IsZUFBZSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxHQUFHLEVBQUU7Z0JBQ2hELE1BQU0sQ0FBQyxLQUFLLEVBQUUsR0FBRyxDQUFDLEdBQUcsZUFBZSxDQUFDLFFBQVMsQ0FBQztnQkFDL0MsZUFBZSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDdkIsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUNuRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLENBQUMsYUFBYSxHQUFHLGVBQWUsQ0FBQztRQUNyQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELDRDQUE0QztJQUM1QyxXQUFXO1FBQ1QsTUFBTSxLQUFLLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNyRCxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCx3Q0FBd0M7SUFDeEMsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFDckQsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2hDLENBQUM7SUFDSCxDQUFDOytHQXREVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixvVENwQi9CLGlJQUtBOzs0RkRlYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBR1AsZUFBZTtzQkFEZCxTQUFTO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCBsb3R0aWUgZnJvbSAnbG90dGllLXdlYic7XG5pbXBvcnQgeyBBTklNQVRJT04sIEFOSU1BVElPTl9DT05GSUcgfSBmcm9tICcuL2VtdW5zL2FuaW1hdGlvbi5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1hbmltYXRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYW5pbWF0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYW5pbWF0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFuaW1hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBhbmltYXRpb24hOiBBTklNQVRJT047XG4gIEBPdXRwdXQoKSBwbGF5T25Ib3ZlckV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcGF1c2VPbkxlYXZlRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgQFZpZXdDaGlsZCgnbG90dGllQ29udGFpbmVyJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgbG90dGllQ29udGFpbmVyITogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgcHJpdmF0ZSBfYW5pbWF0aW9uSXRlbSE6IEFuaW1hdGlvbkl0ZW07XG4gIHB1YmxpYyBnZXQgYW5pbWF0aW9uSXRlbSgpOiBBbmltYXRpb25JdGVtIHtcbiAgICByZXR1cm4gdGhpcy5fYW5pbWF0aW9uSXRlbTtcbiAgfVxuICBwdWJsaWMgc2V0IGFuaW1hdGlvbkl0ZW0odmFsdWU6IEFuaW1hdGlvbkl0ZW0pIHtcbiAgICB0aGlzLl9hbmltYXRpb25JdGVtID0gdmFsdWU7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgY29uc3QgY29udGFpbmVyID0gdGhpcy5sb3R0aWVDb250YWluZXIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBhbmltYXRpb25Db25maWcgPSBBTklNQVRJT05fQ09ORklHW3RoaXMuYW5pbWF0aW9uXTtcbiAgICBjb25zdCBhbmltYXRpb25Mb3R0aWUgPSBsb3R0aWUubG9hZEFuaW1hdGlvbih7XG4gICAgICBjb250YWluZXI6IGNvbnRhaW5lcixcbiAgICAgIHJlbmRlcmVyOiAnc3ZnJyxcbiAgICAgIGxvb3A6IGFuaW1hdGlvbkNvbmZpZy5sb29wLFxuICAgICAgYXV0b3BsYXk6IGFuaW1hdGlvbkNvbmZpZy5hdXRvcGxheSxcbiAgICAgIHBhdGg6IHRoaXMuYW5pbWF0aW9uLFxuICAgIH0pO1xuICAgIGlmIChhbmltYXRpb25Db25maWcuc2VnbWVudHMpIHtcbiAgICAgIGFuaW1hdGlvbkxvdHRpZS5hZGRFdmVudExpc3RlbmVyKCdjb21wbGV0ZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgW3N0YXJ0LCBlbmRdID0gYW5pbWF0aW9uQ29uZmlnLnNlZ21lbnRzITtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLmdvVG9BbmRTdG9wKHN0YXJ0LCB0cnVlKTtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLnBsYXkoKTtcbiAgICAgICAgYW5pbWF0aW9uTG90dGllLnBsYXlTZWdtZW50cyhbc3RhcnQsIGVuZF0sIHRydWUpO1xuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMuYW5pbWF0aW9uSXRlbSA9IGFuaW1hdGlvbkxvdHRpZTtcbiAgICBhbmltYXRpb25Mb3R0aWUucGxheSgpO1xuICB9XG5cbiAgLy8gUmVwcm9kdWNpciBsYSBhbmltYWNpw7NuIGFsIHBhc2FyIGVsIG1vdXNlXG4gIHBsYXlPbkhvdmVyKCk6IHZvaWQge1xuICAgIGNvbnN0IGhvdmVyID0gQU5JTUFUSU9OX0NPTkZJR1t0aGlzLmFuaW1hdGlvbl0uaG92ZXI7XG4gICAgaWYgKGhvdmVyKSB7XG4gICAgICB0aGlzLmFuaW1hdGlvbkl0ZW0ucGxheSgpO1xuICAgICAgdGhpcy5wbGF5T25Ib3ZlckV2ZW50LmVtaXQoKTtcbiAgICB9XG4gIH1cblxuICAvLyBQYXVzYXIgbGEgYW5pbWFjacOzbiBhbCBzYWxpciBlbCBtb3VzZVxuICBwYXVzZU9uTGVhdmUoKTogdm9pZCB7XG4gICAgY29uc3QgaG92ZXIgPSBBTklNQVRJT05fQ09ORklHW3RoaXMuYW5pbWF0aW9uXS5ob3ZlcjtcbiAgICBpZiAoaG92ZXIpIHtcbiAgICAgIHRoaXMuYW5pbWF0aW9uSXRlbS5wYXVzZSgpO1xuICAgICAgdGhpcy5wYXVzZU9uTGVhdmVFdmVudC5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2XG4gICNsb3R0aWVDb250YWluZXJcbiAgY2xhc3M9XCJzLWFuaW1hdGlvblwiXG4gIChtb3VzZWVudGVyKT1cInBsYXlPbkhvdmVyKClcIlxuICAobW91c2VsZWF2ZSk9XCJwYXVzZU9uTGVhdmUoKVwiPjwvZGl2PlxuIl19

package/esm2022/lib/animation/emuns/animation.enum.mjs

@@ -1,15 +1,42 @@
 export var ANIMATION;
 (function (ANIMATION) {
-    ANIMATION["BUO"] = "https://lottie.host/6f4ee854-3625-4849-8985-e423a0752949/hZWZsrb0zk.json";
-    ANIMATION["SUITE"] = "https://blobstoragecuenta.blob.core.windows.net/animaciones/e-Flow_Suite_Loader.json";
+    ANIMATION["DigitalSignage"] = "assets/animations/Cartelera_Digital_Loader.json";
+    ANIMATION["Chatbot"] = "assets/animations/Chatbot_Loader.json";
+    ANIMATION["Appointment"] = "assets/animations/Citas_Loader.json";
+    ANIMATION["DotBreathe"] = "assets/animations/dot_breathe.json";
+    ANIMATION["Survey"] = "assets/animations/Encuestas_Loader.json";
+    ANIMATION["DynamicForms"] = "assets/animations/Formularios_Dinamicos_Loader.json";
+    ANIMATION["Eflow"] = "assets/animations/Gestion_Filas_Loader.json";
+    ANIMATION["AttentionRecording"] = "assets/animations/Grabaciones_Loader.json";
+    ANIMATION["DirectMarketing"] = "assets/animations/Marketing_Directo_Loader.json";
+    ANIMATION["Monitoring"] = "assets/animations/Monitoreo_Loader.json";
+    ANIMATION["WebGenerator"] = "assets/animations/Paginas_Web_Loader.json";
+    ANIMATION["VideoAttention"] = "assets/animations/Videoatenciones_Loader.json";
+    ANIMATION["Suite"] = "assets/animations/e-Flow_Suite_Loader.json";
+    ANIMATION["Spinner"] = "assets/animations/loading_spinner.json";
 })(ANIMATION || (ANIMATION = {}));
-export const ANIMATION_CONFIG = {
-    [ANIMATION.BUO]: { loop: true, autoplay: false, hover: true },
-    [ANIMATION.SUITE]: {
+const ANIMATION_CONFIG_GENERIC = {
+    loop: true,
+    autoplay: true,
+    hover: true,
+};
+const customConfigs = {
+    [ANIMATION.Suite]: {
         loop: false,
         autoplay: true,
         hover: false,
         segments: [42, 98],
     },
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbmltYXRpb24vZW11bnMvYW5pbWF0aW9uLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksU0FHWDtBQUhELFdBQVksU0FBUztJQUNuQiw2RkFBZ0YsQ0FBQTtJQUNoRiwyR0FBOEYsQ0FBQTtBQUNoRyxDQUFDLEVBSFcsU0FBUyxLQUFULFNBQVMsUUFHcEI7QUFFRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FRekI7SUFDRixDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsRUFBRSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO0lBQzdELENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ2pCLElBQUksRUFBRSxLQUFLO1FBQ1gsUUFBUSxFQUFFLElBQUk7UUFDZCxLQUFLLEVBQUUsS0FBSztRQUNaLFFBQVEsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDbkI7Q0FDRixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gQU5JTUFUSU9OIHtcbiAgQlVPID0gJ2h0dHBzOi8vbG90dGllLmhvc3QvNmY0ZWU4NTQtMzYyNS00ODQ5LTg5ODUtZTQyM2EwNzUyOTQ5L2haV1pzcmIwemsuanNvbicsIC8vVE9ETzogZWplbXBsbyByZW1vdmVyIGFsIGFncmVnYXIgbnVldmFzIGFuaW1hY2lvbmVzXG4gIFNVSVRFID0gJ2h0dHBzOi8vYmxvYnN0b3JhZ2VjdWVudGEuYmxvYi5jb3JlLndpbmRvd3MubmV0L2FuaW1hY2lvbmVzL2UtRmxvd19TdWl0ZV9Mb2FkZXIuanNvbicsXG59XG5cbmV4cG9ydCBjb25zdCBBTklNQVRJT05fQ09ORklHOiBSZWNvcmQ8XG4gIEFOSU1BVElPTixcbiAge1xuICAgIGxvb3A6IGJvb2xlYW47XG4gICAgYXV0b3BsYXk6IGJvb2xlYW47XG4gICAgaG92ZXI6IGJvb2xlYW47XG4gICAgc2VnbWVudHM/OiBbbnVtYmVyLCBudW1iZXJdO1xuICB9XG4+ID0ge1xuICBbQU5JTUFUSU9OLkJVT106IHsgbG9vcDogdHJ1ZSwgYXV0b3BsYXk6IGZhbHNlLCBob3ZlcjogdHJ1ZSB9LFxuICBbQU5JTUFUSU9OLlNVSVRFXToge1xuICAgIGxvb3A6IGZhbHNlLFxuICAgIGF1dG9wbGF5OiB0cnVlLFxuICAgIGhvdmVyOiBmYWxzZSxcbiAgICBzZWdtZW50czogWzQyLCA5OF0sXG4gIH0sXG59O1xuIl19
+// Generador del config completo
+export const ANIMATION_CONFIG = Object.values(ANIMATION).reduce((acc, key) => {
+    const animationKey = key;
+    if (!animationKey)
+        return acc;
+    acc[animationKey] = {
+        ...ANIMATION_CONFIG_GENERIC,
+        ...(customConfigs[animationKey] || {}),
+    };
+    return acc;
+}, {});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9hbmltYXRpb24vZW11bnMvYW5pbWF0aW9uLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksU0FlWDtBQWZELFdBQVksU0FBUztJQUNuQiwrRUFBa0UsQ0FBQTtJQUNsRSw4REFBaUQsQ0FBQTtJQUNqRCxnRUFBbUQsQ0FBQTtJQUNuRCw4REFBaUQsQ0FBQTtJQUNqRCwrREFBa0QsQ0FBQTtJQUNsRCxpRkFBb0UsQ0FBQTtJQUNwRSxrRUFBcUQsQ0FBQTtJQUNyRCw2RUFBZ0UsQ0FBQTtJQUNoRSxnRkFBbUUsQ0FBQTtJQUNuRSxtRUFBc0QsQ0FBQTtJQUN0RCx1RUFBMEQsQ0FBQTtJQUMxRCw2RUFBZ0UsQ0FBQTtJQUNoRSxpRUFBb0QsQ0FBQTtJQUNwRCwrREFBa0QsQ0FBQTtBQUNwRCxDQUFDLEVBZlcsU0FBUyxLQUFULFNBQVMsUUFlcEI7QUFFRCxNQUFNLHdCQUF3QixHQUFHO0lBQy9CLElBQUksRUFBRSxJQUFJO0lBQ1YsUUFBUSxFQUFFLElBQUk7SUFDZCxLQUFLLEVBQUUsSUFBSTtDQUNaLENBQUM7QUFFRixNQUFNLGFBQWEsR0FLZjtJQUNGLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ2pCLElBQUksRUFBRSxLQUFLO1FBQ1gsUUFBUSxFQUFFLElBQUk7UUFDZCxLQUFLLEVBQUUsS0FBSztRQUNaLFFBQVEsRUFBRSxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUM7S0FDbkI7Q0FDRixDQUFDO0FBRUYsZ0NBQWdDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQVF6QixNQUFNLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FDakMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDWCxNQUFNLFlBQVksR0FBRyxHQUFnQixDQUFDO0lBQ3RDLElBQUksQ0FBQyxZQUFZO1FBQUUsT0FBTyxHQUFHLENBQUM7SUFFOUIsR0FBRyxDQUFDLFlBQVksQ0FBQyxHQUFHO1FBQ2xCLEdBQUcsd0JBQXdCO1FBQzNCLEdBQUcsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0tBQ3ZDLENBQUM7SUFDRixPQUFPLEdBQUcsQ0FBQztBQUNiLENBQUMsRUFDRCxFQUdDLENBQ0YsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIEFOSU1BVElPTiB7XG4gIERpZ2l0YWxTaWduYWdlID0gJ2Fzc2V0cy9hbmltYXRpb25zL0NhcnRlbGVyYV9EaWdpdGFsX0xvYWRlci5qc29uJyxcbiAgQ2hhdGJvdCA9ICdhc3NldHMvYW5pbWF0aW9ucy9DaGF0Ym90X0xvYWRlci5qc29uJyxcbiAgQXBwb2ludG1lbnQgPSAnYXNzZXRzL2FuaW1hdGlvbnMvQ2l0YXNfTG9hZGVyLmpzb24nLFxuICBEb3RCcmVhdGhlID0gJ2Fzc2V0cy9hbmltYXRpb25zL2RvdF9icmVhdGhlLmpzb24nLFxuICBTdXJ2ZXkgPSAnYXNzZXRzL2FuaW1hdGlvbnMvRW5jdWVzdGFzX0xvYWRlci5qc29uJyxcbiAgRHluYW1pY0Zvcm1zID0gJ2Fzc2V0cy9hbmltYXRpb25zL0Zvcm11bGFyaW9zX0RpbmFtaWNvc19Mb2FkZXIuanNvbicsXG4gIEVmbG93ID0gJ2Fzc2V0cy9hbmltYXRpb25zL0dlc3Rpb25fRmlsYXNfTG9hZGVyLmpzb24nLFxuICBBdHRlbnRpb25SZWNvcmRpbmcgPSAnYXNzZXRzL2FuaW1hdGlvbnMvR3JhYmFjaW9uZXNfTG9hZGVyLmpzb24nLFxuICBEaXJlY3RNYXJrZXRpbmcgPSAnYXNzZXRzL2FuaW1hdGlvbnMvTWFya2V0aW5nX0RpcmVjdG9fTG9hZGVyLmpzb24nLFxuICBNb25pdG9yaW5nID0gJ2Fzc2V0cy9hbmltYXRpb25zL01vbml0b3Jlb19Mb2FkZXIuanNvbicsXG4gIFdlYkdlbmVyYXRvciA9ICdhc3NldHMvYW5pbWF0aW9ucy9QYWdpbmFzX1dlYl9Mb2FkZXIuanNvbicsXG4gIFZpZGVvQXR0ZW50aW9uID0gJ2Fzc2V0cy9hbmltYXRpb25zL1ZpZGVvYXRlbmNpb25lc19Mb2FkZXIuanNvbicsXG4gIFN1aXRlID0gJ2Fzc2V0cy9hbmltYXRpb25zL2UtRmxvd19TdWl0ZV9Mb2FkZXIuanNvbicsXG4gIFNwaW5uZXIgPSAnYXNzZXRzL2FuaW1hdGlvbnMvbG9hZGluZ19zcGlubmVyLmpzb24nLFxufVxuXG5jb25zdCBBTklNQVRJT05fQ09ORklHX0dFTkVSSUMgPSB7XG4gIGxvb3A6IHRydWUsXG4gIGF1dG9wbGF5OiB0cnVlLFxuICBob3ZlcjogdHJ1ZSxcbn07XG5cbmNvbnN0IGN1c3RvbUNvbmZpZ3M6IFBhcnRpYWw8XG4gIFJlY29yZDxcbiAgICBBTklNQVRJT04sXG4gICAgUGFydGlhbDx0eXBlb2YgQU5JTUFUSU9OX0NPTkZJR19HRU5FUklDPiAmIHsgc2VnbWVudHM/OiBbbnVtYmVyLCBudW1iZXJdIH1cbiAgPlxuPiA9IHtcbiAgW0FOSU1BVElPTi5TdWl0ZV06IHtcbiAgICBsb29wOiBmYWxzZSxcbiAgICBhdXRvcGxheTogdHJ1ZSxcbiAgICBob3ZlcjogZmFsc2UsXG4gICAgc2VnbWVudHM6IFs0MiwgOThdLFxuICB9LFxufTtcblxuLy8gR2VuZXJhZG9yIGRlbCBjb25maWcgY29tcGxldG9cbmV4cG9ydCBjb25zdCBBTklNQVRJT05fQ09ORklHOiBSZWNvcmQ8XG4gIEFOSU1BVElPTixcbiAge1xuICAgIGxvb3A6IGJvb2xlYW47XG4gICAgYXV0b3BsYXk6IGJvb2xlYW47XG4gICAgaG92ZXI6IGJvb2xlYW47XG4gICAgc2VnbWVudHM/OiBbbnVtYmVyLCBudW1iZXJdO1xuICB9XG4+ID0gT2JqZWN0LnZhbHVlcyhBTklNQVRJT04pLnJlZHVjZShcbiAgKGFjYywga2V5KSA9PiB7XG4gICAgY29uc3QgYW5pbWF0aW9uS2V5ID0ga2V5IGFzIEFOSU1BVElPTjtcbiAgICBpZiAoIWFuaW1hdGlvbktleSkgcmV0dXJuIGFjYztcblxuICAgIGFjY1thbmltYXRpb25LZXldID0ge1xuICAgICAgLi4uQU5JTUFUSU9OX0NPTkZJR19HRU5FUklDLFxuICAgICAgLi4uKGN1c3RvbUNvbmZpZ3NbYW5pbWF0aW9uS2V5XSB8fCB7fSksXG4gICAgfTtcbiAgICByZXR1cm4gYWNjO1xuICB9LFxuICB7fSBhcyBSZWNvcmQ8XG4gICAgQU5JTUFUSU9OLFxuICAgIHR5cGVvZiBBTklNQVRJT05fQ09ORklHX0dFTkVSSUMgJiB7IHNlZ21lbnRzPzogW251bWJlciwgbnVtYmVyXSB9XG4gID5cbik7XG4iXX0=

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

@@ -27,11 +27,11 @@ export class SProfileGroupComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n    <div class=\"s-profile-group__content-right\">\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n    </div>\n    <div class=\"s-profile-group__content-left\">\n        <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n        <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n    </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:14px}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:20px}.s-profile-group__content-left__name--l{font-size:1rem;line-height:20px}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:23px}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:16px;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "component", type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SProfileGroupComponent, selector: "s-profile-group", inputs: { size: "size", user: "user" }, ngImport: i0, template: "<div class=\"s-profile-group\">\n    <div class=\"s-profile-group__content-right\">\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n    </div>\n    <div class=\"s-profile-group__content-left\">\n        <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n        <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n    </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:.75rem;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"], dependencies: [{ kind: "component", type: i1.SAvatarComponent, selector: "s-avatar", inputs: ["urlProfileImage", "letters", "status", "display", "size"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SProfileGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n    <div class=\"s-profile-group__content-right\">\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n    </div>\n    <div class=\"s-profile-group__content-left\">\n        <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n        <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n    </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:14px}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:20px}.s-profile-group__content-left__name--l{font-size:1rem;line-height:20px}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:23px}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:16px;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:12px;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"] }]
+            args: [{ selector: 's-profile-group', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-profile-group\">\n    <div class=\"s-profile-group__content-right\">\n        <s-avatar letters=\"{{user?.letters}}\" display=\"{{user?.display}}\" [size]=\"_size\" [urlProfileImage]=\"user?.url\" [status]=\"user?.status\"></s-avatar>\n    </div>\n    <div class=\"s-profile-group__content-left\">\n        <p class=\"s-profile-group__content-left__name s-profile-group__content-left__name--{{size}}\">{{user?.name}}</p>\n        <span class=\"s-profile-group__content-left__email s-profile-group__content-left__email--{{size}}\">{{user?.email}}</span>\n    </div>\n</div>", styles: [".s-profile-group{width:100%;display:flex;align-items:center;justify-content:flex-start}.s-profile-group__content-left{display:flex;flex-direction:column}.s-profile-group__content-left__name{font-weight:700;color:var(--secondary-600);font-size:.875rem;line-height:.875rem;cursor:default}.s-profile-group__content-left__name--s{font-size:.875rem;line-height:.875rem}.s-profile-group__content-left__name--m{font-size:.875rem;line-height:1.25rem}.s-profile-group__content-left__name--l{font-size:1rem;line-height:1.25rem}.s-profile-group__content-left__name--xl{font-size:1.125rem;line-height:1.438rem}.s-profile-group__content-left__email{color:var(--secondary-500);font-size:.875rem;line-height:1rem;cursor:default}.s-profile-group__content-left__email--s{font-size:.75rem}.s-profile-group__content-left__email--m{font-size:.875rem}.s-profile-group__content-left__email--l,.s-profile-group__content-left__email--xl{font-size:1rem}.s-profile-group__content-left p{margin:0}.s-profile-group__content-right{margin-right:.75rem;display:flex;align-items:center;justify-content:space-evenly}[theme=dark] .s-profile-group__content-left__name,[theme=dark] .s-profile-group__content-left__email{color:var(--neutrals-1200)}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], user: [{

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

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

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

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

package/esm2022/lib/button/components/button/s-button.component.mjs

@@ -21,11 +21,11 @@ export class SButtonComponent {
         this.roundedPrivate = this.size === 'sm' ? 'sm' : 'md';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", pill: "pill", size: "size", invert: "invert", type: "type", loading: "loading", position: "position", theme: "theme", active: "active" }, ngImport: i0, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0px}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0px}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0px}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:1px solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.s-button--xl s-icon-mat{display:flex;padding:0 4px}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.s-button--lg s-icon-mat{display:flex;padding:0 4px}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.s-button--md s-icon-mat{display:flex;padding:0 4px}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.s-button--sm s-icon-mat{display:flex;padding:0 5px}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:3px}.s-button--round-md{border-radius:4px}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0 -6px 0 0}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0 0 0 -10px}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SButtonComponent, selector: "s-button", inputs: { disabled: "disabled", pill: "pill", size: "size", invert: "invert", type: "type", loading: "loading", position: "position", theme: "theme", active: "active" }, ngImport: i0, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:1.875rem;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0rem;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0rem}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0rem}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0rem}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0rem}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:.063rem solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:.063rem solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:.063rem solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:.063rem solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:.063rem solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:.063rem solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:.063rem solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:.063rem solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:.063rem solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:3.625rem}.s-button--xl s-icon-mat{display:flex;padding:0rem .25rem}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:3.125rem}.s-button--lg s-icon-mat{display:flex;padding:0rem .25rem}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:2.375rem}.s-button--md s-icon-mat{display:flex;padding:0rem .25rem}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:1.5rem}.s-button--sm s-icon-mat{display:flex;padding:0rem .313rem}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0rem}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:.188rem}.s-button--round-md{border-radius:.25rem}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0rem -.375rem 0rem 0rem}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0rem 0rem 0rem -.625rem}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:30px;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0px;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0px}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0px}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0px}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0px}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:1px solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:1px solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:1px solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:1px solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:1px solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:1px solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:1px solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:1px solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:1px solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:1px solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:1px solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:1px solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:58px}.s-button--xl s-icon-mat{display:flex;padding:0 4px}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:50px}.s-button--lg s-icon-mat{display:flex;padding:0 4px}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:38px}.s-button--md s-icon-mat{display:flex;padding:0 4px}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:24px}.s-button--sm s-icon-mat{display:flex;padding:0 5px}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:3px}.s-button--round-md{border-radius:4px}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0 -6px 0 0}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0 0 0 -10px}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"] }]
+            args: [{ selector: 's-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"s-button \ns-button--{{size}}\ns-button--{{type}}\n\n{{theme ? 's-button--' + theme + '--' + type : ''}}\n{{roundedPrivate ? 's-button--round-' + roundedPrivate : ''}} \n{{position ? 's-button--position-' + position : ''}} \n{{loading ? 's-button--loading' : ''}}\n{{pill ? 's-button--pill' : ''}}\n{{pill ? 's-button--pill--' + size : ''}}\n{{invert ? invert : ''}}\n{{active ? 's-button--' + type + '--active' : ''}}\n{{active ? 's-button--' + theme + '--' + type + '--active': ''}}\n\"\n[disabled]=\"disabled\"\n[tabindex]=\"0\">\n<ng-content></ng-content>\n</button>\n", styles: ["s-button{width:fit-content}.s-button{line-height:1.875rem;letter-spacing:.01rem;font-size:1rem;padding:.6rem 1.85rem;width:auto;cursor:pointer;border:0rem;margin:.1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Roboto,Arial,sans-serif;transition:.2s}.s-button--primary{background:var(--primary-600);color:var(--neutrals-1200);border:0rem}.s-button--primary:hover{background:var(--primary-700);color:var(--neutrals-1200);border:0rem}.s-button--primary:active,.s-button--primary--active{background:var(--primary-800);color:var(--neutrals-1200);border:0rem}.s-button--primary:disabled{background:var(--primary-200);color:var(--primary-400);border:0rem}.s-button--secondary{background-color:var(--primary-100);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:hover{background-color:var(--primary-200);color:var(--primary-900);border:.063rem solid var(--primary-600)}.s-button--secondary:active,.s-button--secondary--active{background-color:var(--primary-300);color:var(--primary-1000);border:.063rem solid var(--primary-600)}.s-button--secondary:disabled{background-color:var(--neutrals-1100);color:var(--neutrals-700);border:.063rem solid var(--neutrals-800)}.s-button--tertiary{background-color:unset;color:var(--primary-600)}.s-button--tertiary:hover{background-color:unset;color:var(--primary-800)}.s-button--tertiary:active,.s-button--tertiary--active{background-color:unset;color:var(--neutral-1000)}.s-button--tertiary:disabled{background-color:unset;color:var(--neutrals-700)}.s-button--red--primary{background-color:var(--red-600)}.s-button--red--primary:hover{background-color:var(--red-700)}.s-button--red--primary:active,.s-button--red--primary--active{background-color:var(--red-800)}.s-button--red--primary:disabled{background-color:var(--red-200);color:var(--red-400)}.s-button--red--secondary{background-color:var(--red-100);border:.063rem solid var(--red-600);color:var(--secondary-600)}.s-button--red--secondary:hover{background-color:var(--red-200);border:.063rem solid var(--red-600)}.s-button--red--secondary:active,.s-button--red--secondary--active{background-color:var(--red-300);border:.063rem solid var(--red-600)}.s-button--red--secondary:disabled{background-color:var(--red-100);border:.063rem solid var(--red-300);color:var(--neutrals-700)}.s-button--red--tertiary{color:var(--red-600)}.s-button--red--tertiary:hover{color:var(--red-700)}.s-button--red--tertiary:active,.s-button--red--tertiary--active{color:var(--red-900)}.s-button--red--tertiary:disabled{color:var(--red-200)}.s-button--yellow--primary{color:var(--neutrals-1200);background-color:var(--yellow-600)}.s-button--yellow--primary:hover{background-color:var(--yellow-700)}.s-button--yellow--primary:active,.s-button--yellow--primary--active{background-color:var(--yellow-800)}.s-button--yellow--primary:disabled{color:var(--yellow-400);background-color:var(--yellow-200)}.s-button--yellow--secondary{background-color:var(--yellow-100);border:.063rem solid var(--yellow-600);color:var(--primary-900)}.s-button--yellow--secondary:hover{background-color:var(--yellow-200);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:active,.s-button--yellow--secondary--active{background-color:var(--yellow-300);border:.063rem solid var(--yellow-600)}.s-button--yellow--secondary:disabled{background-color:var(--yellow-200);border:.063rem solid var(--yellow-300);color:var(--neutrals-700)}.s-button--yellow--tertiary{color:var(--yellow-600)}.s-button--yellow--tertiary:hover{color:var(--yellow-700)}.s-button--yellow--tertiary:active,.s-button--yellow--tertiary--active{color:var(--yellow-800)}.s-button--yellow--tertiary:disabled{color:var(--yellow-200)}.s-button--green--primary{background-color:var(--green-600)}.s-button--green--primary:hover{background-color:var(--green-700)}.s-button--green--primary:active,.s-button--green--primary--active{background-color:var(--green-800)}.s-button--green--primary:disabled{background-color:var(--green-200);color:var(--green-400)}.s-button--green--secondary{background-color:var(--green-100);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:hover{background-color:var(--green-200);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:active,.s-button--green--secondary--active{background-color:var(--green-300);border:.063rem solid var(--green-600);color:var(--secondary-600)}.s-button--green--secondary:disabled{background-color:var(--green-100);border:.063rem solid var(--green-300);color:var(--neutrals-700)}.s-button--green--tertiary{color:var(--green-600)}.s-button--green--tertiary:hover{color:var(--green-700)}.s-button--green--tertiary:active,.s-button--green--tertiary--active{color:var(--green-800)}.s-button--green--tertiary:disabled{color:var(--green-200)}.s-button--xl{font-size:1.125rem;padding:0rem 2rem;line-height:3.625rem}.s-button--xl s-icon-mat{display:flex;padding:0rem .25rem}.s-button--xl s-icon-mat span{font-size:2rem!important}.s-button--lg{font-size:1rem;padding:0rem 2rem;line-height:3.125rem}.s-button--lg s-icon-mat{display:flex;padding:0rem .25rem}.s-button--lg s-icon-mat span{font-size:1.6rem!important}.s-button--md{font-size:.875rem;padding:0rem 1.5rem;line-height:2.375rem}.s-button--md s-icon-mat{display:flex;padding:0rem .25rem}.s-button--md s-icon-mat span{font-size:1.3rem!important}.s-button--sm{font-size:.75rem;padding:0rem .75rem;line-height:1.5rem}.s-button--sm s-icon-mat{display:flex;padding:0rem .313rem}.s-button--sm s-icon-mat span{font-size:1rem!important}.s-button--pill{border-radius:.2rem;padding:.5rem;height:3rem;width:3rem;margin:.04rem}.s-button--pill span{font-size:1.4rem}.s-button--pill label{padding:.7rem;cursor:pointer;margin:0rem}.s-button--pill--xl{padding:.875rem;height:3.75rem;width:3.75rem}.s-button--pill--lg{padding:1.063rem;height:3.25rem;width:3.25rem}.s-button--pill--md{padding:.05rem;height:2.5rem;width:2.5rem}.s-button--pill--sm{padding:.438rem;height:1.625rem;width:1.625rem}.s-button.border{border:none!important;height:auto!important;background-color:inherit!important;vertical-align:bottom}.s-button--round-sm{border-radius:.188rem}.s-button--round-md{border-radius:.25rem}.s-button--position-reverse:not(.s-button--pill){flex-direction:row-reverse}.s-button--position-reverse:not(.s-button--pill) s-icon-mat{margin:0rem -.375rem 0rem 0rem}.s-button--position-normal:not(.s-button--pill){flex-direction:row}.s-button--position-normal:not(.s-button--pill) s-icon-mat{margin:0rem 0rem 0rem -.625rem}.s-button--loading{animation:3s linear infinite animationEffect;background-size:200%!important;cursor:wait}.s-button--loading.s-button--primary{background:linear-gradient(90deg,var(--primary-900) 50%,var(--primary-600) 50%)}.s-button--loading.s-button--secondary{background:linear-gradient(90deg,var(--primary-300) 50%,var(--primary-200) 50%)}.s-button--loading.s-button--tertiary{background:linear-gradient(90deg,var(--primary-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--red--primary{background:linear-gradient(90deg,var(--red-900) 50%,var(--red-600) 50%)}.s-button--loading.s-button--red--secondary{background:linear-gradient(90deg,var(--red-300) 50%,var(--red-200) 50%)}.s-button--loading.s-button--red--tertiary{background:linear-gradient(90deg,var(--red-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--green--primary{background:linear-gradient(90deg,var(--green-900) 50%,var(--green-600) 50%)}.s-button--loading.s-button--green--secondary{background:linear-gradient(90deg,var(--green-300) 50%,var(--green-200) 50%)}.s-button--loading.s-button--green--tertiary{background:linear-gradient(90deg,var(--green-100) 50%,rgba(0,0,0,0) 50%)}.s-button--loading.s-button--yellow--primary{background:linear-gradient(90deg,var(--yellow-900) 50%,var(--yellow-600) 50%)}.s-button--loading.s-button--yellow--secondary{background:linear-gradient(90deg,var(--yellow-300) 50%,var(--yellow-200) 50%)}.s-button--loading.s-button--yellow--tertiary{background:linear-gradient(90deg,var(--yellow-100) 50%,rgba(0,0,0,0) 50%)}@keyframes animationEffect{0%{background-position:100%}to{background-position:-100%}}\n"] }]
         }], propDecorators: { disabled: [{
                 type: Input
             }], pill: [{

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

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

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

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { SCardComponent } from './s-card.component';
 import { SIconMaterialModule } from '../icon-material';
-import { SDropDownModule } from '../drop-down';
 import { STagModule } from '../tag';
 import { SCheckboxModule } from '../checkbox';
 import { SSubMenuModule } from '../sub-menu';
@@ -11,13 +10,11 @@ export class SCardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, declarations: [SCardComponent], imports: [CommonModule,
             SIconMaterialModule,
-            SDropDownModule,
             STagModule,
             SCheckboxModule,
             SSubMenuModule], exports: [SCardComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, imports: [CommonModule,
             SIconMaterialModule,
-            SDropDownModule,
             STagModule,
             SCheckboxModule,
             SSubMenuModule] }); }
@@ -25,20 +22,15 @@ export class SCardModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SCardModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SCardComponent
-                    ],
+                    declarations: [SCardComponent],
                     imports: [
                         CommonModule,
                         SIconMaterialModule,
-                        SDropDownModule,
                         STagModule,
                         SCheckboxModule,
-                        SSubMenuModule
+                        SSubMenuModule,
                     ],
-                    exports: [
-                        SCardComponent
-                    ]
+                    exports: [SCardComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7QUFrQjdDLE1BQU0sT0FBTyxXQUFXOytHQUFYLFdBQVc7Z0hBQVgsV0FBVyxpQkFkcEIsY0FBYyxhQUdkLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLFVBQVU7WUFDVixlQUFlO1lBQ2YsY0FBYyxhQUdkLGNBQWM7Z0hBR0wsV0FBVyxZQVhwQixZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixVQUFVO1lBQ1YsZUFBZTtZQUNmLGNBQWM7OzRGQU1MLFdBQVc7a0JBaEJ2QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsY0FBYztxQkFDZjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU0NhcmRDb21wb25lbnQgfSBmcm9tICcuL3MtY2FyZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU0ljb25NYXRlcmlhbE1vZHVsZSB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwnO1xuaW1wb3J0IHsgU0Ryb3BEb3duTW9kdWxlIH0gZnJvbSAnLi4vZHJvcC1kb3duJztcbmltcG9ydCB7IFNUYWdNb2R1bGUgfSBmcm9tICcuLi90YWcnO1xuaW1wb3J0IHsgU0NoZWNrYm94TW9kdWxlIH0gZnJvbSAnLi4vY2hlY2tib3gnO1xuaW1wb3J0IHsgU1N1Yk1lbnVNb2R1bGUgfSBmcm9tICcuLi9zdWItbWVudSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNDYXJkQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcbiAgICBTRHJvcERvd25Nb2R1bGUsXG4gICAgU1RhZ01vZHVsZSxcbiAgICBTQ2hlY2tib3hNb2R1bGUsXG4gICAgU1N1Yk1lbnVNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNDYXJkQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU0NhcmRNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1jYXJkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2NhcmQvcy1jYXJkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUNwQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzlDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxhQUFhLENBQUM7O0FBYTdDLE1BQU0sT0FBTyxXQUFXOytHQUFYLFdBQVc7Z0hBQVgsV0FBVyxpQkFWUCxjQUFjLGFBRTNCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsVUFBVTtZQUNWLGVBQWU7WUFDZixjQUFjLGFBRU4sY0FBYztnSEFFYixXQUFXLFlBUnBCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsVUFBVTtZQUNWLGVBQWU7WUFDZixjQUFjOzs0RkFJTCxXQUFXO2tCQVh2QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGNBQWMsQ0FBQztvQkFDOUIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixVQUFVO3dCQUNWLGVBQWU7d0JBQ2YsY0FBYztxQkFDZjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxjQUFjLENBQUM7aUJBQzFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vcy1jYXJkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1tYXRlcmlhbCc7XG5pbXBvcnQgeyBTVGFnTW9kdWxlIH0gZnJvbSAnLi4vdGFnJztcbmltcG9ydCB7IFNDaGVja2JveE1vZHVsZSB9IGZyb20gJy4uL2NoZWNrYm94JztcbmltcG9ydCB7IFNTdWJNZW51TW9kdWxlIH0gZnJvbSAnLi4vc3ViLW1lbnUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTQ2FyZENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU0ljb25NYXRlcmlhbE1vZHVsZSxcbiAgICBTVGFnTW9kdWxlLFxuICAgIFNDaGVja2JveE1vZHVsZSxcbiAgICBTU3ViTWVudU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1NDYXJkQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU0NhcmRNb2R1bGUge31cbiJdfQ==