sidesys-generic-ui 2.4.6 → 2.4.8

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

@@ -4,6 +4,7 @@ import { ANIMATION_CONFIG } from './enums/animation.enum';
 import * as i0 from "@angular/core";
 export class AnimationComponent {
     constructor() {
+        this.id = 's-animation';
         this.playOnHoverEvent = new EventEmitter();
         this.pauseOnLeaveEvent = new EventEmitter();
     }
@@ -45,16 +46,18 @@ 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()\"></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", id: "id" }, outputs: { playOnHoverEvent: "playOnHoverEvent", pauseOnLeaveEvent: "pauseOnLeaveEvent" }, ngImport: i0, template: "<div class=\"s-animation\" [id]=\"id\" (mouseenter)=\"playOnHover()\" (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()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"] }]
+            args: [{ selector: 's-animation', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-animation\" [id]=\"id\" (mouseenter)=\"playOnHover()\" (mouseleave)=\"pauseOnLeave()\"></div>\n", styles: [".s-animation{cursor:pointer}\n"] }]
         }], propDecorators: { animation: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], playOnHoverEvent: [{
                 type: Output
             }], pauseOnLeaveEvent: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FuaW1hdGlvbi9hbmltYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYW5pbWF0aW9uL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLE1BQXlCLE1BQU0sWUFBWSxDQUFDO0FBQ25ELE9BQU8sRUFBYSxnQkFBZ0IsRUFBbUIsTUFBTSx3QkFBd0IsQ0FBQzs7QUFRdEYsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVFZLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDNUMsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQStDeEQ7SUEzQ0MsZUFBZTtRQUNiLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFnQixDQUFDO1FBRW5FLElBQUksQ0FBQyxlQUFlLEdBQUcsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXhELE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxhQUFhLENBQUM7WUFDM0MsU0FBUyxFQUFFLFNBQVM7WUFDcEIsUUFBUSxFQUFFLEtBQUs7WUFDZixJQUFJLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJO1lBQy9CLFFBQVEsRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVE7WUFDdkMsSUFBSSxFQUFFLElBQUksQ0FBQyxTQUFTO1NBQ3JCLENBQUMsQ0FBQztRQUVILElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNsQyxlQUFlLENBQUMsZ0JBQWdCLENBQUMsVUFBVSxFQUFFLEdBQUcsRUFBRTtnQkFDaEQsTUFBTSxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVMsQ0FBQztnQkFDcEQsZUFBZSxDQUFDLFdBQVcsQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztnQkFDdkIsZUFBZSxDQUFDLFlBQVksQ0FBQyxDQUFDLEtBQUssRUFBRSxHQUFHLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQztZQUNuRCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUM7UUFDRCxJQUFJLENBQUMsYUFBYSxHQUFHLGVBQWUsQ0FBQztRQUVyQyxlQUFlLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELDRDQUE0QztJQUM1QyxXQUFXO1FBQ1QsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUM7UUFDekMsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNWLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDMUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQsd0NBQXdDO0lBQ3hDLFlBQVk7UUFDVixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUN6QyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEMsQ0FBQztJQUNILENBQUM7K0dBakRVLGtCQUFrQjttR0FBbEIsa0JBQWtCLGtMQ1YvQiw4SEFLQTs7NEZES2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsU0FBUztzQkFBakIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgTG90dGllLCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCB7IEFOSU1BVElPTiwgQU5JTUFUSU9OX0NPTkZJRywgQW5pbWF0aW9uQ29uZmlnIH0gZnJvbSAnLi9lbnVtcy9hbmltYXRpb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYW5pbWF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FuaW1hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBbmltYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgYW5pbWF0aW9uITogQU5JTUFUSU9OO1xuICBAT3V0cHV0KCkgcGxheU9uSG92ZXJFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIHBhdXNlT25MZWF2ZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGFuaW1hdGlvbkNvbmZpZyE6IEFuaW1hdGlvbkNvbmZpZztcbiAgYW5pbWF0aW9uSXRlbSE6IEFuaW1hdGlvbkl0ZW07XG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG90dGllJykgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICB0aGlzLmFuaW1hdGlvbkNvbmZpZyA9IEFOSU1BVElPTl9DT05GSUdbdGhpcy5hbmltYXRpb25dO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uTG90dGllID0gTG90dGllLmxvYWRBbmltYXRpb24oe1xuICAgICAgY29udGFpbmVyOiBjb250YWluZXIsXG4gICAgICByZW5kZXJlcjogJ3N2ZycsXG4gICAgICBsb29wOiB0aGlzLmFuaW1hdGlvbkNvbmZpZy5sb29wLFxuICAgICAgYXV0b3BsYXk6IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmF1dG9wbGF5LFxuICAgICAgcGF0aDogdGhpcy5hbmltYXRpb24sXG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMpIHtcbiAgICAgIGFuaW1hdGlvbkxvdHRpZS5hZGRFdmVudExpc3RlbmVyKCdjb21wbGV0ZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgW3N0YXJ0LCBlbmRdID0gdGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMhO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUuZ29Ub0FuZFN0b3Aoc3RhcnQsIHRydWUpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheSgpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheVNlZ21lbnRzKFtzdGFydCwgZW5kXSwgdHJ1ZSk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25JdGVtID0gYW5pbWF0aW9uTG90dGllO1xuXG4gICAgYW5pbWF0aW9uTG90dGllLnBsYXkoKTtcbiAgfVxuXG4gIC8vIFJlcHJvZHVjaXIgbGEgYW5pbWFjacOzbiBhbCBwYXNhciBlbCBtb3VzZVxuICBwbGF5T25Ib3ZlcigpOiB2b2lkIHtcbiAgICBjb25zdCBob3ZlciA9IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmhvdmVyO1xuICAgIGlmIChob3Zlcikge1xuICAgICAgdGhpcy5hbmltYXRpb25JdGVtLnBsYXkoKTtcbiAgICAgIHRoaXMucGxheU9uSG92ZXJFdmVudC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLy8gUGF1c2FyIGxhIGFuaW1hY2nDs24gYWwgc2FsaXIgZWwgbW91c2VcbiAgcGF1c2VPbkxlYXZlKCk6IHZvaWQge1xuICAgIGNvbnN0IGhvdmVyID0gdGhpcy5hbmltYXRpb25Db25maWcuaG92ZXI7XG4gICAgaWYgKGhvdmVyKSB7XG4gICAgICB0aGlzLmFuaW1hdGlvbkl0ZW0ucGF1c2UoKTtcbiAgICAgIHRoaXMucGF1c2VPbkxlYXZlRXZlbnQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInMtYW5pbWF0aW9uXCJcbiAgaWQ9XCJsb3R0aWVcIlxuICAobW91c2VlbnRlcik9XCJwbGF5T25Ib3ZlcigpXCJcbiAgKG1vdXNlbGVhdmUpPVwicGF1c2VPbkxlYXZlKClcIj48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2FuaW1hdGlvbi9hbmltYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYW5pbWF0aW9uL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWlCLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RyxPQUFPLE1BQXlCLE1BQU0sWUFBWSxDQUFDO0FBQ25ELE9BQU8sRUFBYSxnQkFBZ0IsRUFBbUIsTUFBTSx3QkFBd0IsQ0FBQzs7QUFRdEYsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQVFXLE9BQUUsR0FBVyxhQUFhLENBQUM7UUFDMUIscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUM1QyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0tBZ0R4RDtJQTNDQyxlQUFlO1FBQ2IsTUFBTSxTQUFTLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQWdCLENBQUM7UUFFbkUsSUFBSSxDQUFDLGVBQWUsR0FBRyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFeEQsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQztZQUMzQyxTQUFTLEVBQUUsU0FBUztZQUNwQixRQUFRLEVBQUUsS0FBSztZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUk7WUFDL0IsUUFBUSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUTtZQUN2QyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVM7U0FDckIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2xDLGVBQWUsQ0FBQyxnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFO2dCQUNoRCxNQUFNLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUyxDQUFDO2dCQUNwRCxlQUFlLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsQ0FBQztnQkFDekMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUN2QixlQUFlLENBQUMsWUFBWSxDQUFDLENBQUMsS0FBSyxFQUFFLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO1lBQ25ELENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztRQUNELElBQUksQ0FBQyxhQUFhLEdBQUcsZUFBZSxDQUFDO1FBRXJDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsNENBQTRDO0lBQzVDLFdBQVc7UUFDVCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQztRQUN6QyxJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDL0IsQ0FBQztJQUNILENBQUM7SUFFRCx3Q0FBd0M7SUFDeEMsWUFBWTtRQUNWLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsS0FBSyxDQUFDO1FBQ3pDLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNoQyxDQUFDO0lBQ0gsQ0FBQzsrR0FuRFUsa0JBQWtCO21HQUFsQixrQkFBa0IsNExDVi9CLGdIQUNBOzs0RkRTYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0UsYUFBYSxpQkFHUixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEVBQUU7c0JBQVYsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgTG90dGllLCB7IEFuaW1hdGlvbkl0ZW0gfSBmcm9tICdsb3R0aWUtd2ViJztcbmltcG9ydCB7IEFOSU1BVElPTiwgQU5JTUFUSU9OX0NPTkZJRywgQW5pbWF0aW9uQ29uZmlnIH0gZnJvbSAnLi9lbnVtcy9hbmltYXRpb24uZW51bSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYW5pbWF0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuaW1hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FuaW1hdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBbmltYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCkgYW5pbWF0aW9uITogQU5JTUFUSU9OO1xuICBASW5wdXQoKSBpZDogc3RyaW5nID0gJ3MtYW5pbWF0aW9uJztcbiAgQE91dHB1dCgpIHBsYXlPbkhvdmVyRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBwYXVzZU9uTGVhdmVFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBhbmltYXRpb25Db25maWchOiBBbmltYXRpb25Db25maWc7XG4gIGFuaW1hdGlvbkl0ZW0hOiBBbmltYXRpb25JdGVtO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBjb25zdCBjb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnbG90dGllJykgYXMgSFRNTEVsZW1lbnQ7XG5cbiAgICB0aGlzLmFuaW1hdGlvbkNvbmZpZyA9IEFOSU1BVElPTl9DT05GSUdbdGhpcy5hbmltYXRpb25dO1xuXG4gICAgY29uc3QgYW5pbWF0aW9uTG90dGllID0gTG90dGllLmxvYWRBbmltYXRpb24oe1xuICAgICAgY29udGFpbmVyOiBjb250YWluZXIsXG4gICAgICByZW5kZXJlcjogJ3N2ZycsXG4gICAgICBsb29wOiB0aGlzLmFuaW1hdGlvbkNvbmZpZy5sb29wLFxuICAgICAgYXV0b3BsYXk6IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmF1dG9wbGF5LFxuICAgICAgcGF0aDogdGhpcy5hbmltYXRpb24sXG4gICAgfSk7XG5cbiAgICBpZiAodGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMpIHtcbiAgICAgIGFuaW1hdGlvbkxvdHRpZS5hZGRFdmVudExpc3RlbmVyKCdjb21wbGV0ZScsICgpID0+IHtcbiAgICAgICAgY29uc3QgW3N0YXJ0LCBlbmRdID0gdGhpcy5hbmltYXRpb25Db25maWcuc2VnbWVudHMhO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUuZ29Ub0FuZFN0b3Aoc3RhcnQsIHRydWUpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheSgpO1xuICAgICAgICBhbmltYXRpb25Mb3R0aWUucGxheVNlZ21lbnRzKFtzdGFydCwgZW5kXSwgdHJ1ZSk7XG4gICAgICB9KTtcbiAgICB9XG4gICAgdGhpcy5hbmltYXRpb25JdGVtID0gYW5pbWF0aW9uTG90dGllO1xuXG4gICAgYW5pbWF0aW9uTG90dGllLnBsYXkoKTtcbiAgfVxuXG4gIC8vIFJlcHJvZHVjaXIgbGEgYW5pbWFjacOzbiBhbCBwYXNhciBlbCBtb3VzZVxuICBwbGF5T25Ib3ZlcigpOiB2b2lkIHtcbiAgICBjb25zdCBob3ZlciA9IHRoaXMuYW5pbWF0aW9uQ29uZmlnLmhvdmVyO1xuICAgIGlmIChob3Zlcikge1xuICAgICAgdGhpcy5hbmltYXRpb25JdGVtLnBsYXkoKTtcbiAgICAgIHRoaXMucGxheU9uSG92ZXJFdmVudC5lbWl0KCk7XG4gICAgfVxuICB9XG5cbiAgLy8gUGF1c2FyIGxhIGFuaW1hY2nDs24gYWwgc2FsaXIgZWwgbW91c2VcbiAgcGF1c2VPbkxlYXZlKCk6IHZvaWQge1xuICAgIGNvbnN0IGhvdmVyID0gdGhpcy5hbmltYXRpb25Db25maWcuaG92ZXI7XG4gICAgaWYgKGhvdmVyKSB7XG4gICAgICB0aGlzLmFuaW1hdGlvbkl0ZW0ucGF1c2UoKTtcbiAgICAgIHRoaXMucGF1c2VPbkxlYXZlRXZlbnQuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtYW5pbWF0aW9uXCIgW2lkXT1cImlkXCIgKG1vdXNlZW50ZXIpPVwicGxheU9uSG92ZXIoKVwiIChtb3VzZWxlYXZlKT1cInBhdXNlT25MZWF2ZSgpXCI+PC9kaXY+XG4iXX0=

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

@@ -27,7 +27,7 @@ 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\n      letters=\"{{ user?.letters }}\"\n      display=\"{{ user?.display }}\"\n      [size]=\"_size\"\n      [urlProfileImage]=\"user?.url\"\n      [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 }}\">{{\n      user?.email\n    }}</span>\n  </div>\n</div>\n", 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 }); }
+    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\n      letters=\"{{ user?.letters }}\"\n      display=\"{{ user?.display }}\"\n      [size]=\"_size\"\n      [urlProfileImage]=\"user?.url\"\n      [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 }}\">{{\n      user?.email\n    }}</span>\n  </div>\n</div>\n", 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: ["id", "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,

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

@@ -4,6 +4,13 @@ import * as i1 from "@angular/common";
 import * as i2 from "../icon-material/s-icon-material.component";
 import * as i3 from "../shared/image-loader.directive";
 export class SAvatarComponent {
+    constructor() {
+        this.id = 's-avatar';
+        this.letters = 'NN';
+        this.size = 'xxxl';
+        this._display = 'icon';
+        this._status = undefined;
+    }
     get status() {
         return this._status;
     }
@@ -17,29 +24,19 @@ export class SAvatarComponent {
     set display(val) {
         this._display = val ? (['icon', 'avatar', 'letters'].indexOf(val) != -1 ? val : 'icon') : 'icon';
     }
-    constructor() {
-        this.letters = 'NN';
-        // @Input()
-        // get size(): string { return this._size; }
-        // set size(val: string){
-        //   this._size = ['128', '96', '48' , '32' , '24' , '16'].indexOf(val) != -1 ? val : '128';
-        // };
-        this.size = 'xxxl';
-        this._display = 'icon';
-        //_size: string = '128';
-        this._status = undefined;
-    }
     ngOnInit() {
         if (this.letters)
             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:.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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .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", "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: { id: "id", urlProfileImage: "urlProfileImage", letters: "letters", status: "status", display: "display", size: "size" }, ngImport: i0, template: "<div class=\"s-avatar no-select s-avatar--size-{{ size }}\" [id]=\"id\">\n  <ng-container [ngSwitch]=\"status\">\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  </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>\n", 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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .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", "style", "type", "id"] }, { 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:.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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { urlProfileImage: [{
+            args: [{ selector: 's-avatar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-avatar no-select s-avatar--size-{{ size }}\" [id]=\"id\">\n  <ng-container [ngSwitch]=\"status\">\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  </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>\n", 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-xxxl{height:8rem;width:8rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:6.6rem}.s-avatar--size-xxxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:4.1rem}.s-avatar--size-xxxl .s-avatar__dot-state{transform:scale(1.2);bottom:6.563rem;left:5.813rem}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxxl .s-avatar__dot-state .state-blocked span{font-size:1.1rem;padding:.14rem}.s-avatar--size-xxl{height:6rem;width:6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-person s-icon-mat span{font-size:4.6rem}.s-avatar--size-xxl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:3.1rem}.s-avatar--size-xxl .s-avatar__dot-state{transform:scale(1);bottom:4.688rem;left:3.938rem}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked{border:.125rem solid var(--neutrals-1100)}.s-avatar--size-xxl .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.1rem}.s-avatar--size-xl{height:3rem;width:3rem}.s-avatar--size-xl .s-avatar__dot-content.content-person s-icon-mat span{font-size:2rem}.s-avatar--size-xl .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1.5rem}.s-avatar--size-xl .s-avatar__dot-state{transform:scale(.8);bottom:1.875rem;left:1.813rem}.s-avatar--size-xl .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-xl .s-avatar__dot-state .state-blocked span{font-size:.7rem;padding:.17rem}.s-avatar--size-lg{height:2rem;width:2rem}.s-avatar--size-lg .s-avatar__dot-content.content-person s-icon-mat span{font-size:1.3rem}.s-avatar--size-lg .s-avatar__dot-content.content-letters s-icon-mat span{font-size:1rem}.s-avatar--size-lg .s-avatar__dot-state{transform:scale(.6);bottom:.875rem;left:1.063rem}.s-avatar--size-lg .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-lg .s-avatar__dot-state .state-blocked span{font-size:.96rem;padding:.1rem}.s-avatar--size-md{height:1.5rem;width:1.5rem}.s-avatar--size-md .s-avatar__dot-content.content-person s-icon-mat span{font-size:.8rem}.s-avatar--size-md .s-avatar__dot-content.content-letters s-icon-mat span{font-size:.7rem}.s-avatar--size-md .s-avatar__dot-state{transform:scale(.4);bottom:.5rem;left:.563rem}.s-avatar--size-md .s-avatar__dot-state .state-blocked{border:.063rem solid var(--neutrals-1100)}.s-avatar--size-md .s-avatar__dot-state .state-blocked span{font-size:1rem;padding:.2rem}.s-avatar--size-sm{height:1rem;width:1rem}.s-avatar--size-sm .s-avatar__dot-content s-icon-mat span{font-size:.5rem}.s-avatar--size-sm .s-avatar__dot-state{transform:scale(.3);bottom:.125rem;left:.125rem}.s-avatar--size-sm .s-avatar__dot-state .state-busy{bottom:1.688rem;left:1.688rem;position:absolute}.s-avatar--size-sm .s-avatar__dot-state .state-blocked span{font-size:.8rem;padding:.3rem}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], urlProfileImage: [{
                 type: Input
             }], letters: [{
                 type: Input
@@ -50,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9zLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQUczQixJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksTUFBTSxDQUFDLEdBQW9CO1FBQzdCLElBQUksQ0FBQyxPQUFPO1lBQ1YsQ0FBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDMUcsQ0FBQztJQUNELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBQ0QsSUFBSSxPQUFPLENBQUMsR0FBdUI7UUFDakMsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ25HLENBQUM7SUFhRDtRQTVCUyxZQUFPLEdBQVksSUFBSSxDQUFDO1FBZ0JqQyxXQUFXO1FBQ1gsNENBQTRDO1FBQzVDLHlCQUF5QjtRQUN6Qiw0RkFBNEY7UUFDNUYsS0FBSztRQUVJLFNBQUksR0FBK0MsTUFBTSxDQUFDO1FBRW5FLGFBQVEsR0FBVyxNQUFNLENBQUM7UUFDMUIsd0JBQXdCO1FBQ3hCLFlBQU8sR0FBUSxTQUFTLENBQUM7SUFFVixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzsrR0FsQ1UsZ0JBQWdCO21HQUFoQixnQkFBZ0Isd0tDUjdCLCtnRUFpRE07OzRGRHpDTyxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJO3dEQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFRixNQUFNO3NCQURULEtBQUs7Z0JBU0YsT0FBTztzQkFEVixLQUFLO2dCQWFHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncy1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1hdmF0YXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zLWF2YXRhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBTQXZhdGFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdXJsUHJvZmlsZUltYWdlPzogc3RyaW5nO1xuICBASW5wdXQoKSBsZXR0ZXJzPzogc3RyaW5nID0gJ05OJztcbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1cygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9zdGF0dXM7XG4gIH1cbiAgc2V0IHN0YXR1cyh2YWw6IGFueSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX3N0YXR1cyA9XG4gICAgICBbJ2FwcHJvdmVkJywgJ2RlY2xpbmVkJywgJ2Jsb2NrZWQnLCAnb25saW5lJywgJ29mZmxpbmUnLCAnYnVzeSddLmluZGV4T2YodmFsKSAhPSAtMSA/IHZhbCA6IHVuZGVmaW5lZDtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgZGlzcGxheSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5O1xuICB9XG4gIHNldCBkaXNwbGF5KHZhbDogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fZGlzcGxheSA9IHZhbCA/IChbJ2ljb24nLCAnYXZhdGFyJywgJ2xldHRlcnMnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnaWNvbicpIDogJ2ljb24nO1xuICB9XG4gIC8vIEBJbnB1dCgpXG4gIC8vIGdldCBzaXplKCk6IHN0cmluZyB7IHJldHVybiB0aGlzLl9zaXplOyB9XG4gIC8vIHNldCBzaXplKHZhbDogc3RyaW5nKXtcbiAgLy8gICB0aGlzLl9zaXplID0gWycxMjgnLCAnOTYnLCAnNDgnICwgJzMyJyAsICcyNCcgLCAnMTYnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnMTI4JztcbiAgLy8gfTtcblxuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnIHwgJ3h4bCcgfCAneHh4bCcgPSAneHh4bCc7XG5cbiAgX2Rpc3BsYXk6IHN0cmluZyA9ICdpY29uJztcbiAgLy9fc2l6ZTogc3RyaW5nID0gJzEyOCc7XG4gIF9zdGF0dXM6IGFueSA9IHVuZGVmaW5lZDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGV0dGVycykgdGhpcy5sZXR0ZXJzID0gdGhpcy5sZXR0ZXJzLnN1YnN0cmluZygwLCAyKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInMtYXZhdGFyIG5vLXNlbGVjdCBzLWF2YXRhci0tc2l6ZS17e3NpemV9fVwiPlxuICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic3RhdHVzXCI+XG5cbiAgICAgIDwhLS0gIFR5cGUgb2Ygc3RhdHVzIGFwcHJvdmVkICwgZGVjbGluZWQgLCBibG9ja2VkICwgb25saW5lICwgb2ZmbGluZSAsIGJ1c3kgLS0+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXBwcm92ZWQnXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+Y2hlY2tfY2lyY2xlPC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkZWNsaW5lZCdcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7c3RhdHVzfX1cIj5jYW5jZWw8L3MtaWNvbi1tYXQ+XG4gICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Jsb2NrZWQnXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+bG9jazwvcy1pY29uLW1hdD5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb25saW5lJ1wiPlxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3Qtc3RhdGUgc3RhdGUte3tzdGF0dXN9fVwiPjwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb2ZmbGluZSdcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlIHN0YXRlLXt7c3RhdHVzfX1cIj48L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2J1c3knXCI+XG4gICAgICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICAgICAgPHMtaWNvbi1tYXQgY2xhc3M9XCJzdGF0ZS17e3N0YXR1c319XCI+cmVtb3ZlPC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgPC9uZy1jb250YWluZXI+XG4gICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkaXNwbGF5XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInaWNvbidcIj5cbiAgICAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgY29udGVudC1wZXJzb25cIj5cbiAgICAgICAgICAgIDxzLWljb24tbWF0PnBlcnNvbjwvcy1pY29uLW1hdD5cbiAgICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXZhdGFyJ1wiPlxuICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInVybFByb2ZpbGVJbWFnZVwiPlxuICAgICAgICAgICAgPGltZyBhcHBJbWFnZUxvYWRlciBjbGFzcz1cInMtYXZhdGFyX19kb3QtY29udGVudCB1cmxQcm9maWxlXCIgc3JjPVwie3t1cmxQcm9maWxlSW1hZ2V9fVwiIGFsdD1cIlwiPlxuICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidsZXR0ZXJzJ1wiPlxuICAgICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3QtY29udGVudCBjb250ZW50LWxldHRlcnNcIj5cbiAgICAgICAgICAgIDxzLWljb24tbWF0Pnt7bGV0dGVyc319PC9zLWljb24tbWF0PlxuICAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgIDwvbmctY29udGFpbmVyPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1hdmF0YXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYXZhdGFyL3MtYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2F2YXRhci9zLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRNUUsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQU9XLE9BQUUsR0FBWSxVQUFVLENBQUM7UUFFekIsWUFBTyxHQUFZLElBQUksQ0FBQztRQWlCeEIsU0FBSSxHQUErQyxNQUFNLENBQUM7UUFFbkUsYUFBUSxHQUFXLE1BQU0sQ0FBQztRQUMxQixZQUFPLEdBQVEsU0FBUyxDQUFDO0tBSzFCO0lBeEJDLElBQ0ksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQztJQUN0QixDQUFDO0lBQ0QsSUFBSSxNQUFNLENBQUMsR0FBb0I7UUFDN0IsSUFBSSxDQUFDLE9BQU87WUFDVixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUMxRyxDQUFDO0lBQ0QsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7SUFDRCxJQUFJLE9BQU8sQ0FBQyxHQUF1QjtRQUNqQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDbkcsQ0FBQztJQU9ELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzsrR0EzQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0Isa0xDUjdCLHU3REFnREE7OzRGRHhDYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxpQkFHTCxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBRUYsTUFBTTtzQkFEVCxLQUFLO2dCQVNGLE9BQU87c0JBRFYsS0FBSztnQkFRRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYXZhdGFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1hdmF0YXIuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0F2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGlkPzogc3RyaW5nID0gJ3MtYXZhdGFyJztcbiAgQElucHV0KCkgdXJsUHJvZmlsZUltYWdlPzogc3RyaW5nO1xuICBASW5wdXQoKSBsZXR0ZXJzPzogc3RyaW5nID0gJ05OJztcbiAgQElucHV0KClcbiAgZ2V0IHN0YXR1cygpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9zdGF0dXM7XG4gIH1cbiAgc2V0IHN0YXR1cyh2YWw6IGFueSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX3N0YXR1cyA9XG4gICAgICBbJ2FwcHJvdmVkJywgJ2RlY2xpbmVkJywgJ2Jsb2NrZWQnLCAnb25saW5lJywgJ29mZmxpbmUnLCAnYnVzeSddLmluZGV4T2YodmFsKSAhPSAtMSA/IHZhbCA6IHVuZGVmaW5lZDtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgZGlzcGxheSgpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5O1xuICB9XG4gIHNldCBkaXNwbGF5KHZhbDogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy5fZGlzcGxheSA9IHZhbCA/IChbJ2ljb24nLCAnYXZhdGFyJywgJ2xldHRlcnMnXS5pbmRleE9mKHZhbCkgIT0gLTEgPyB2YWwgOiAnaWNvbicpIDogJ2ljb24nO1xuICB9XG5cbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyB8ICd4eGwnIHwgJ3h4eGwnID0gJ3h4eGwnO1xuXG4gIF9kaXNwbGF5OiBzdHJpbmcgPSAnaWNvbic7XG4gIF9zdGF0dXM6IGFueSA9IHVuZGVmaW5lZDtcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sZXR0ZXJzKSB0aGlzLmxldHRlcnMgPSB0aGlzLmxldHRlcnMuc3Vic3RyaW5nKDAsIDIpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwicy1hdmF0YXIgbm8tc2VsZWN0IHMtYXZhdGFyLS1zaXplLXt7IHNpemUgfX1cIiBbaWRdPVwiaWRcIj5cbiAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic3RhdHVzXCI+XG4gICAgPCEtLSAgVHlwZSBvZiBzdGF0dXMgYXBwcm92ZWQgLCBkZWNsaW5lZCAsIGJsb2NrZWQgLCBvbmxpbmUgLCBvZmZsaW5lICwgYnVzeSAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYXBwcm92ZWQnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7IHN0YXR1cyB9fVwiPmNoZWNrX2NpcmNsZTwvcy1pY29uLW1hdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidkZWNsaW5lZCdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwic3RhdGUte3sgc3RhdHVzIH19XCI+Y2FuY2VsPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Jsb2NrZWQnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZVwiPlxuICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInN0YXRlLXt7IHN0YXR1cyB9fVwiPmxvY2s8L3MtaWNvbi1tYXQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInb25saW5lJ1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInMtYXZhdGFyX19kb3Qtc3RhdGUgc3RhdGUte3sgc3RhdHVzIH19XCI+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ29mZmxpbmUnXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1zdGF0ZSBzdGF0ZS17eyBzdGF0dXMgfX1cIj48L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInYnVzeSdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LXN0YXRlXCI+XG4gICAgICAgIDxzLWljb24tbWF0IGNsYXNzPVwic3RhdGUte3sgc3RhdHVzIH19XCI+cmVtb3ZlPC9zLWljb24tbWF0PlxuICAgICAgPC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyIFtuZ1N3aXRjaF09XCJkaXNwbGF5XCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2ljb24nXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicy1hdmF0YXJfX2RvdC1jb250ZW50IGNvbnRlbnQtcGVyc29uXCI+XG4gICAgICAgIDxzLWljb24tbWF0PnBlcnNvbjwvcy1pY29uLW1hdD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidhdmF0YXInXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidXJsUHJvZmlsZUltYWdlXCI+XG4gICAgICAgIDxpbWcgYXBwSW1hZ2VMb2FkZXIgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgdXJsUHJvZmlsZVwiIHNyYz1cInt7IHVybFByb2ZpbGVJbWFnZSB9fVwiIGFsdD1cIlwiIC8+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInbGV0dGVycydcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzLWF2YXRhcl9fZG90LWNvbnRlbnQgY29udGVudC1sZXR0ZXJzXCI+XG4gICAgICAgIDxzLWljb24tbWF0Pnt7IGxldHRlcnMgfX08L3MtaWNvbi1tYXQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==

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

@@ -4,23 +4,24 @@ import * as i1 from "@angular/common";
 import * as i2 from "../icon-material/s-icon-material.component";
 export class SBadgeComponent {
     constructor() {
+        this.id = 's-badge';
         this.type = 'primary';
         this.size = 'sm';
         this.new = false;
     }
-    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:-.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", "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: { id: "id", type: "type", size: "size", new: "new" }, ngImport: i0, template: "<span class=\"s-badge s-badge--{{ type }} {{ size ? 's-badge--size-' + size : '' }}\" [id]=\"id\">\n  <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n  <ng-content></ng-content>\n</span>\n", 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", "style", "type", "id"] }], 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:-.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: [{
+            args: [{ selector: 's-badge', encapsulation: ViewEncapsulation.None, template: "<span class=\"s-badge s-badge--{{ type }} {{ size ? 's-badge--size-' + size : '' }}\" [id]=\"id\">\n  <s-icon-mat *ngIf=\"new\">lens</s-icon-mat>\n  <ng-content></ng-content>\n</span>\n", 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"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], type: [{
                 type: Input
             }], size: [{
                 type: Input
             }], new: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JhZGdlL3MtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTNUUsTUFBTSxPQUFPLGVBQWU7SUFLMUI7UUFKUyxTQUFJLEdBQWtFLFNBQVMsQ0FBQztRQUNoRixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixRQUFHLEdBQVksS0FBSyxDQUFDO0lBRWhCLENBQUM7SUFFZixRQUFRO0lBQ1IsQ0FBQzsrR0FSVSxlQUFlO21HQUFmLGVBQWUsbUdDVDVCLDJLQUdPOzs0RkRNTSxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsaUJBR0osaUJBQWlCLENBQUMsSUFBSTt3REFJNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYmFkZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBTQmFkZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSB0eXBlOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdncmVlbicgfCAneWVsbG93JyB8ICdyZWQnIHwgc3RyaW5nID0gJ3ByaW1hcnknO1xuICBASW5wdXQoKSBzaXplOiAneHMnIHwgJ3NtJyA9ICdzbSc7XG4gIEBJbnB1dCgpIG5ldzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKCl7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG59IiwiPHNwYW4gY2xhc3M9XCJzLWJhZGdlIHMtYmFkZ2UtLXt7dHlwZX19IHt7c2l6ZSA/ICdzLWJhZGdlLS1zaXplLScrc2l6ZSA6ICcnfX1cIj5cbiAgICA8cy1pY29uLW1hdCAqbmdJZj1cIm5ld1wiPmxlbnM8L3MtaWNvbi1tYXQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9zcGFuPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi9iYWRnZS9zLWJhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JhZGdlL3MtYmFkZ2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRcEUsTUFBTSxPQUFPLGVBQWU7SUFONUI7UUFPVyxPQUFFLEdBQVksU0FBUyxDQUFDO1FBQ3hCLFNBQUksR0FBa0UsU0FBUyxDQUFDO1FBQ2hGLFNBQUksR0FBZ0IsSUFBSSxDQUFDO1FBQ3pCLFFBQUcsR0FBWSxLQUFLLENBQUM7S0FDL0I7K0dBTFksZUFBZTttR0FBZixlQUFlLDZHQ1I1QiwyTEFJQTs7NEZESWEsZUFBZTtrQkFOM0IsU0FBUzsrQkFDRSxTQUFTLGlCQUdKLGlCQUFpQixDQUFDLElBQUk7OEJBRzVCLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYmFkZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vcy1iYWRnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtYmFkZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgU0JhZGdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWQ/OiBzdHJpbmcgPSAncy1iYWRnZSc7XG4gIEBJbnB1dCgpIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ2dyZWVuJyB8ICd5ZWxsb3cnIHwgJ3JlZCcgfCBzdHJpbmcgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICd4cycgfCAnc20nID0gJ3NtJztcbiAgQElucHV0KCkgbmV3OiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8c3BhbiBjbGFzcz1cInMtYmFkZ2Ugcy1iYWRnZS0te3sgdHlwZSB9fSB7eyBzaXplID8gJ3MtYmFkZ2UtLXNpemUtJyArIHNpemUgOiAnJyB9fVwiIFtpZF09XCJpZFwiPlxuICA8cy1pY29uLW1hdCAqbmdJZj1cIm5ld1wiPmxlbnM8L3MtaWNvbi1tYXQ+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc3Bhbj5cbiJdfQ==

package/esm2022/lib/bottom-status-bar/bottom-status-bar.component.mjs

@@ -1,4 +1,4 @@
-import { Component, computed, input, output, } from '@angular/core';
+import { Component, computed, input, output, signal } from '@angular/core';
 import { SCheckboxModule } from '../checkbox';
 import { FormsModule } from '@angular/forms';
 import { SToggleSwitchModule } from '../toggle-switch';
@@ -14,14 +14,16 @@ export class SBottomStatusBarComponent {
         this.config = input.required();
         this.stateChange = output();
         this.stateChangeEvent = output();
+        this.id = signal('s-bottom-status-bar');
         this.configSCheckbox = computed(() => ({
             useFormControl: false,
-            id: 'configSCheckbox',
+            id: this.id() + '-checkbox',
             disabled: this.config().disabled,
         }));
         this.configSSwitch = computed(() => ({
             useFormControl: false,
             size: 'md',
+            id: this.id() + '-switch',
             disabled: this.config().disabled ?? false,
         }));
     }
@@ -32,16 +34,10 @@ export class SBottomStatusBarComponent {
         this.stateChangeEvent.emit(newValue);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBottomStatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SBottomStatusBarComponent, isStandalone: true, selector: "s-bottom-status-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { stateChange: "stateChange", stateChangeEvent: "stateChangeEvent" }, ngImport: i0, template: "<section\n  class=\"s-bottom-status-bar\"\n  [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().selectionControl === 'checkbox') {\n      <s-checkbox\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSCheckbox()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n    }\n    @if (config().selectionControl === 'switch') {\n      <s-toggle-switch\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSSwitch()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n    }\n    @if (config().label) {\n      <p>{{ config().label }}</p>\n    }\n  </div>\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().counter !== undefined) {\n      <p>{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n    }\n    @if (config().counter !== undefined && config().total !== undefined) {\n      <div\n        class=\"s-bottom-status-bar__line\"\n        [ngClass]=\"{\n          's-bottom-status-bar__line--disabled': config().disabled,\n        }\"></div>\n    }\n    @if (config().total !== undefined) {\n      <p>{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n    }\n  </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"], dependencies: [{ kind: "ngmodule", type: SCheckboxModule }, { kind: "component", type: i1.SCheckboxComponent, selector: "s-checkbox", inputs: ["config"], outputs: ["blur", "focus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SToggleSwitchModule }, { kind: "component", type: i3.ToggleSwitchFormComponent, selector: "s-toggle-switch", inputs: ["config"], outputs: ["blur", "focus", "valueChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: STranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SBottomStatusBarComponent, isStandalone: true, selector: "s-bottom-status-bar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { stateChange: "stateChange", stateChangeEvent: "stateChangeEvent" }, ngImport: i0, template: "<section class=\"s-bottom-status-bar\" [id]=\"id()\" [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().selectionControl === 'checkbox') {\n      <s-checkbox\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSCheckbox()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n    }\n    @if (config().selectionControl === 'switch') {\n      <s-toggle-switch\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSSwitch()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n    }\n    @if (config().label) {\n      <p [id]=\"id() + '-label'\">{{ config().label }}</p>\n    }\n  </div>\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().counter !== undefined) {\n      <p [id]=\"id() + '-selectedText'\">{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n    }\n    @if (config().counter !== undefined && config().total !== undefined) {\n      <div\n        class=\"s-bottom-status-bar__line\"\n        [ngClass]=\"{\n          's-bottom-status-bar__line--disabled': config().disabled,\n        }\"></div>\n    }\n    @if (config().total !== undefined) {\n      <p [id]=\"id() + '-total'\">{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n    }\n  </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"], dependencies: [{ kind: "ngmodule", type: SCheckboxModule }, { kind: "component", type: i1.SCheckboxComponent, selector: "s-checkbox", inputs: ["config", "id"], outputs: ["blur", "focus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SToggleSwitchModule }, { kind: "component", type: i3.ToggleSwitchFormComponent, selector: "s-toggle-switch", inputs: ["config", "id"], outputs: ["blur", "focus", "valueChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: STranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBottomStatusBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-bottom-status-bar', standalone: true, imports: [
-                        SCheckboxModule,
-                        FormsModule,
-                        SToggleSwitchModule,
-                        CommonModule,
-                        STranslatePipe,
-                    ], template: "<section\n  class=\"s-bottom-status-bar\"\n  [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().selectionControl === 'checkbox') {\n      <s-checkbox\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSCheckbox()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n    }\n    @if (config().selectionControl === 'switch') {\n      <s-toggle-switch\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSSwitch()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n    }\n    @if (config().label) {\n      <p>{{ config().label }}</p>\n    }\n  </div>\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().counter !== undefined) {\n      <p>{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n    }\n    @if (config().counter !== undefined && config().total !== undefined) {\n      <div\n        class=\"s-bottom-status-bar__line\"\n        [ngClass]=\"{\n          's-bottom-status-bar__line--disabled': config().disabled,\n        }\"></div>\n    }\n    @if (config().total !== undefined) {\n      <p>{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n    }\n  </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"] }]
+            args: [{ selector: 's-bottom-status-bar', standalone: true, imports: [SCheckboxModule, FormsModule, SToggleSwitchModule, CommonModule, STranslatePipe], template: "<section class=\"s-bottom-status-bar\" [id]=\"id()\" [ngClass]=\"{ 's-bottom-status-bar--disabled': config().disabled }\">\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().selectionControl === 'checkbox') {\n      <s-checkbox\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSCheckbox()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-checkbox>\n    }\n    @if (config().selectionControl === 'switch') {\n      <s-toggle-switch\n        class=\"s-bottom-status-bar__option\"\n        [config]=\"configSSwitch()\"\n        [ngModel]=\"config().selectionState?.()\"\n        (ngModelChange)=\"onStateChange($event)\"></s-toggle-switch>\n    }\n    @if (config().label) {\n      <p [id]=\"id() + '-label'\">{{ config().label }}</p>\n    }\n  </div>\n  <div class=\"s-bottom-status-bar__section\">\n    @if (config().counter !== undefined) {\n      <p [id]=\"id() + '-selectedText'\">{{ 'ui.generic.selected' | translate }}: {{ config().counter }}</p>\n    }\n    @if (config().counter !== undefined && config().total !== undefined) {\n      <div\n        class=\"s-bottom-status-bar__line\"\n        [ngClass]=\"{\n          's-bottom-status-bar__line--disabled': config().disabled,\n        }\"></div>\n    }\n    @if (config().total !== undefined) {\n      <p [id]=\"id() + '-total'\">{{ 'ui.generic.total' | translate }}: {{ config().total }}</p>\n    }\n  </div>\n</section>\n", styles: [".s-bottom-status-bar{align-items:center;background-color:var(--primary-100);border-top:.03125rem solid var(--secondary-300);color:var(--secondary-600);display:flex;font-size:.875rem;height:3.375rem;justify-content:space-between;padding:0 1rem}.s-bottom-status-bar--disabled p{color:var(--neutrals-700)!important}.s-bottom-status-bar__section{align-items:center;display:flex}.s-bottom-status-bar__option{margin-right:.5rem}.s-bottom-status-bar__line{background-color:var(--primary-600);height:.875rem;width:.063rem;margin:0 .5rem}.s-bottom-status-bar__line--disabled{background-color:var(--neutrals-700)!important}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsS0FBSyxFQUNMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQWEsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQVcsbUJBQW1CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7Ozs7O0FBMEJ6QyxNQUFNLE9BQU8seUJBQXlCO0lBYnRDO1FBY0UsV0FBTSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQW9CLENBQUM7UUFDNUMsZ0JBQVcsR0FBRyxNQUFNLEVBQVcsQ0FBQztRQUNoQyxxQkFBZ0IsR0FBRyxNQUFNLEVBQVcsQ0FBQztRQUVyQyxvQkFBZSxHQUFHLFFBQVEsQ0FBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQzNDLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLEVBQUUsRUFBRSxpQkFBaUI7WUFDckIsUUFBUSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRO1NBQ2pDLENBQUMsQ0FBQyxDQUFDO1FBRUosa0JBQWEsR0FBRyxRQUFRLENBQVUsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUN2QyxjQUFjLEVBQUUsS0FBSztZQUNyQixJQUFJLEVBQUUsSUFBSTtZQUNWLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxJQUFJLEtBQUs7U0FDMUMsQ0FBQyxDQUFDLENBQUM7S0FTTDtJQVBDLHNCQUFzQixDQUFDLEtBQWM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFFBQWlCO1FBQzdCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0F2QlUseUJBQXlCO21HQUF6Qix5QkFBeUIsb1NDckN0QywrMkNBc0NBLGdxQkRWSSxlQUFlLDBKQUNmLFdBQVcsOFZBQ1gsbUJBQW1CLHFMQUNuQixZQUFZLHdIQUNaLGNBQWM7OzRGQUtMLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLGVBQWU7d0JBQ2YsV0FBVzt3QkFDWCxtQkFBbUI7d0JBQ25CLFlBQVk7d0JBQ1osY0FBYztxQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGlucHV0LFxuICBvdXRwdXQsXG4gIFdyaXRhYmxlU2lnbmFsLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNDaGVja2JveCwgU0NoZWNrYm94TW9kdWxlIH0gZnJvbSAnLi4vY2hlY2tib3gnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTU3dpdGNoLCBTVG9nZ2xlU3dpdGNoTW9kdWxlIH0gZnJvbSAnLi4vdG9nZ2xlLXN3aXRjaCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU1RyYW5zbGF0ZVBpcGUgfSBmcm9tICcuLi9waXBlJztcblxuZXhwb3J0IHR5cGUgY29udHJvbFR5cGUgPSAnY2hlY2tib3gnIHwgJ3N3aXRjaCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU0JvdHRvbVN0YXR1c0JhciB7XG4gIGNvdW50ZXI/OiBudW1iZXI7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHNlbGVjdGlvbkNvbnRyb2w/OiBjb250cm9sVHlwZTtcbiAgc2VsZWN0aW9uU3RhdGU/OiBXcml0YWJsZVNpZ25hbDxib29sZWFuPjtcbiAgdG90YWw/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYm90dG9tLXN0YXR1cy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgU0NoZWNrYm94TW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFNUb2dnbGVTd2l0Y2hNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFNUcmFuc2xhdGVQaXBlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBTQm90dG9tU3RhdHVzQmFyQ29tcG9uZW50IHtcbiAgY29uZmlnID0gaW5wdXQucmVxdWlyZWQ8U0JvdHRvbVN0YXR1c0Jhcj4oKTtcbiAgc3RhdGVDaGFuZ2UgPSBvdXRwdXQ8Ym9vbGVhbj4oKTtcbiAgc3RhdGVDaGFuZ2VFdmVudCA9IG91dHB1dDxib29sZWFuPigpO1xuXG4gIGNvbmZpZ1NDaGVja2JveCA9IGNvbXB1dGVkPFNDaGVja2JveD4oKCkgPT4gKHtcbiAgICB1c2VGb3JtQ29udHJvbDogZmFsc2UsXG4gICAgaWQ6ICdjb25maWdTQ2hlY2tib3gnLFxuICAgIGRpc2FibGVkOiB0aGlzLmNvbmZpZygpLmRpc2FibGVkLFxuICB9KSk7XG5cbiAgY29uZmlnU1N3aXRjaCA9IGNvbXB1dGVkPFNTd2l0Y2g+KCgpID0+ICh7XG4gICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgIHNpemU6ICdtZCcsXG4gICAgZGlzYWJsZWQ6IHRoaXMuY29uZmlnKCkuZGlzYWJsZWQgPz8gZmFsc2UsXG4gIH0pKTtcblxuICBzZWxlY3Rpb25Db250cm9sQ2hhbmdlKHN0YXRlOiBib29sZWFuKSB7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZUV2ZW50LmVtaXQoc3RhdGUpO1xuICB9XG5cbiAgb25TdGF0ZUNoYW5nZShuZXdWYWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VFdmVudC5lbWl0KG5ld1ZhbHVlKTtcbiAgfVxufVxuIiwiPHNlY3Rpb25cbiAgY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyXCJcbiAgW25nQ2xhc3NdPVwieyAncy1ib3R0b20tc3RhdHVzLWJhci0tZGlzYWJsZWQnOiBjb25maWcoKS5kaXNhYmxlZCB9XCI+XG4gIDxkaXYgY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyX19zZWN0aW9uXCI+XG4gICAgQGlmIChjb25maWcoKS5zZWxlY3Rpb25Db250cm9sID09PSAnY2hlY2tib3gnKSB7XG4gICAgICA8cy1jaGVja2JveFxuICAgICAgICBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX29wdGlvblwiXG4gICAgICAgIFtjb25maWddPVwiY29uZmlnU0NoZWNrYm94KClcIlxuICAgICAgICBbbmdNb2RlbF09XCJjb25maWcoKS5zZWxlY3Rpb25TdGF0ZT8uKClcIlxuICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvblN0YXRlQ2hhbmdlKCRldmVudClcIj48L3MtY2hlY2tib3g+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkuc2VsZWN0aW9uQ29udHJvbCA9PT0gJ3N3aXRjaCcpIHtcbiAgICAgIDxzLXRvZ2dsZS1zd2l0Y2hcbiAgICAgICAgY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyX19vcHRpb25cIlxuICAgICAgICBbY29uZmlnXT1cImNvbmZpZ1NTd2l0Y2goKVwiXG4gICAgICAgIFtuZ01vZGVsXT1cImNvbmZpZygpLnNlbGVjdGlvblN0YXRlPy4oKVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPjwvcy10b2dnbGUtc3dpdGNoPlxuICAgIH1cbiAgICBAaWYgKGNvbmZpZygpLmxhYmVsKSB7XG4gICAgICA8cD57eyBjb25maWcoKS5sYWJlbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicy1ib3R0b20tc3RhdHVzLWJhcl9fc2VjdGlvblwiPlxuICAgIEBpZiAoY29uZmlnKCkuY291bnRlciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICA8cD57eyAndWkuZ2VuZXJpYy5zZWxlY3RlZCcgfCB0cmFuc2xhdGUgfX06IHt7IGNvbmZpZygpLmNvdW50ZXIgfX08L3A+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkuY291bnRlciAhPT0gdW5kZWZpbmVkICYmIGNvbmZpZygpLnRvdGFsICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyX19saW5lXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICdzLWJvdHRvbS1zdGF0dXMtYmFyX19saW5lLS1kaXNhYmxlZCc6IGNvbmZpZygpLmRpc2FibGVkLFxuICAgICAgICB9XCI+PC9kaXY+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkudG90YWwgIT09IHVuZGVmaW5lZCkge1xuICAgICAgPHA+e3sgJ3VpLmdlbmVyaWMudG90YWwnIHwgdHJhbnNsYXRlIH19OiB7eyBjb25maWcoKS50b3RhbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYm90dG9tLXN0YXR1cy1iYXIvYm90dG9tLXN0YXR1cy1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQWtCLE1BQU0sZUFBZSxDQUFDO0FBQzNGLE9BQU8sRUFBYSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBVyxtQkFBbUIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sU0FBUyxDQUFDOzs7Ozs7QUFxQnpDLE1BQU0sT0FBTyx5QkFBeUI7SUFQdEM7UUFRRSxXQUFNLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBb0IsQ0FBQztRQUM1QyxnQkFBVyxHQUFHLE1BQU0sRUFBVyxDQUFDO1FBQ2hDLHFCQUFnQixHQUFHLE1BQU0sRUFBVyxDQUFDO1FBQ3JDLE9BQUUsR0FBRyxNQUFNLENBQVMscUJBQXFCLENBQUMsQ0FBQztRQUUzQyxvQkFBZSxHQUFHLFFBQVEsQ0FBWSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQzNDLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLEdBQUcsV0FBVztZQUMzQixRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVE7U0FDakMsQ0FBQyxDQUFDLENBQUM7UUFFSixrQkFBYSxHQUFHLFFBQVEsQ0FBVSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3ZDLGNBQWMsRUFBRSxLQUFLO1lBQ3JCLElBQUksRUFBRSxJQUFJO1lBQ1YsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsR0FBRyxTQUFTO1lBQ3pCLFFBQVEsRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxJQUFJLEtBQUs7U0FDMUMsQ0FBQyxDQUFDLENBQUM7S0FTTDtJQVBDLHNCQUFzQixDQUFDLEtBQWM7UUFDbkMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQsYUFBYSxDQUFDLFFBQWlCO1FBQzdCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0F6QlUseUJBQXlCO21HQUF6Qix5QkFBeUIsb1NDMUJ0Qyx5OENBb0NBLGdxQkRkWSxlQUFlLGdLQUFFLFdBQVcsOFZBQUUsbUJBQW1CLDJMQUFFLFlBQVksd0hBQUUsY0FBYzs7NEZBSTlFLHlCQUF5QjtrQkFQckMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxZQUFZLEVBQUUsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCwgc2lnbmFsLCBXcml0YWJsZVNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU0NoZWNrYm94LCBTQ2hlY2tib3hNb2R1bGUgfSBmcm9tICcuLi9jaGVja2JveCc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFNTd2l0Y2gsIFNUb2dnbGVTd2l0Y2hNb2R1bGUgfSBmcm9tICcuLi90b2dnbGUtc3dpdGNoJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBTVHJhbnNsYXRlUGlwZSB9IGZyb20gJy4uL3BpcGUnO1xuXG5leHBvcnQgdHlwZSBjb250cm9sVHlwZSA9ICdjaGVja2JveCcgfCAnc3dpdGNoJztcblxuZXhwb3J0IGludGVyZmFjZSBTQm90dG9tU3RhdHVzQmFyIHtcbiAgY291bnRlcj86IG51bWJlcjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBpZD86IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHNlbGVjdGlvbkNvbnRyb2w/OiBjb250cm9sVHlwZTtcbiAgc2VsZWN0aW9uU3RhdGU/OiBXcml0YWJsZVNpZ25hbDxib29sZWFuPjtcbiAgdG90YWw/OiBudW1iZXI7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYm90dG9tLXN0YXR1cy1iYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbU0NoZWNrYm94TW9kdWxlLCBGb3Jtc01vZHVsZSwgU1RvZ2dsZVN3aXRjaE1vZHVsZSwgQ29tbW9uTW9kdWxlLCBTVHJhbnNsYXRlUGlwZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9ib3R0b20tc3RhdHVzLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9ib3R0b20tc3RhdHVzLWJhci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFNCb3R0b21TdGF0dXNCYXJDb21wb25lbnQge1xuICBjb25maWcgPSBpbnB1dC5yZXF1aXJlZDxTQm90dG9tU3RhdHVzQmFyPigpO1xuICBzdGF0ZUNoYW5nZSA9IG91dHB1dDxib29sZWFuPigpO1xuICBzdGF0ZUNoYW5nZUV2ZW50ID0gb3V0cHV0PGJvb2xlYW4+KCk7XG4gIGlkID0gc2lnbmFsPHN0cmluZz4oJ3MtYm90dG9tLXN0YXR1cy1iYXInKTtcblxuICBjb25maWdTQ2hlY2tib3ggPSBjb21wdXRlZDxTQ2hlY2tib3g+KCgpID0+ICh7XG4gICAgdXNlRm9ybUNvbnRyb2w6IGZhbHNlLFxuICAgIGlkOiB0aGlzLmlkKCkgKyAnLWNoZWNrYm94JyxcbiAgICBkaXNhYmxlZDogdGhpcy5jb25maWcoKS5kaXNhYmxlZCxcbiAgfSkpO1xuXG4gIGNvbmZpZ1NTd2l0Y2ggPSBjb21wdXRlZDxTU3dpdGNoPigoKSA9PiAoe1xuICAgIHVzZUZvcm1Db250cm9sOiBmYWxzZSxcbiAgICBzaXplOiAnbWQnLFxuICAgIGlkOiB0aGlzLmlkKCkgKyAnLXN3aXRjaCcsXG4gICAgZGlzYWJsZWQ6IHRoaXMuY29uZmlnKCkuZGlzYWJsZWQgPz8gZmFsc2UsXG4gIH0pKTtcblxuICBzZWxlY3Rpb25Db250cm9sQ2hhbmdlKHN0YXRlOiBib29sZWFuKSB7XG4gICAgdGhpcy5zdGF0ZUNoYW5nZUV2ZW50LmVtaXQoc3RhdGUpO1xuICB9XG5cbiAgb25TdGF0ZUNoYW5nZShuZXdWYWx1ZTogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuc3RhdGVDaGFuZ2VFdmVudC5lbWl0KG5ld1ZhbHVlKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzLWJvdHRvbS1zdGF0dXMtYmFyXCIgW2lkXT1cImlkKClcIiBbbmdDbGFzc109XCJ7ICdzLWJvdHRvbS1zdGF0dXMtYmFyLS1kaXNhYmxlZCc6IGNvbmZpZygpLmRpc2FibGVkIH1cIj5cbiAgPGRpdiBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX3NlY3Rpb25cIj5cbiAgICBAaWYgKGNvbmZpZygpLnNlbGVjdGlvbkNvbnRyb2wgPT09ICdjaGVja2JveCcpIHtcbiAgICAgIDxzLWNoZWNrYm94XG4gICAgICAgIGNsYXNzPVwicy1ib3R0b20tc3RhdHVzLWJhcl9fb3B0aW9uXCJcbiAgICAgICAgW2NvbmZpZ109XCJjb25maWdTQ2hlY2tib3goKVwiXG4gICAgICAgIFtuZ01vZGVsXT1cImNvbmZpZygpLnNlbGVjdGlvblN0YXRlPy4oKVwiXG4gICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2UoJGV2ZW50KVwiPjwvcy1jaGVja2JveD5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5zZWxlY3Rpb25Db250cm9sID09PSAnc3dpdGNoJykge1xuICAgICAgPHMtdG9nZ2xlLXN3aXRjaFxuICAgICAgICBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX29wdGlvblwiXG4gICAgICAgIFtjb25maWddPVwiY29uZmlnU1N3aXRjaCgpXCJcbiAgICAgICAgW25nTW9kZWxdPVwiY29uZmlnKCkuc2VsZWN0aW9uU3RhdGU/LigpXCJcbiAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25TdGF0ZUNoYW5nZSgkZXZlbnQpXCI+PC9zLXRvZ2dsZS1zd2l0Y2g+XG4gICAgfVxuICAgIEBpZiAoY29uZmlnKCkubGFiZWwpIHtcbiAgICAgIDxwIFtpZF09XCJpZCgpICsgJy1sYWJlbCdcIj57eyBjb25maWcoKS5sYWJlbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicy1ib3R0b20tc3RhdHVzLWJhcl9fc2VjdGlvblwiPlxuICAgIEBpZiAoY29uZmlnKCkuY291bnRlciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICA8cCBbaWRdPVwiaWQoKSArICctc2VsZWN0ZWRUZXh0J1wiPnt7ICd1aS5nZW5lcmljLnNlbGVjdGVkJyB8IHRyYW5zbGF0ZSB9fToge3sgY29uZmlnKCkuY291bnRlciB9fTwvcD5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS5jb3VudGVyICE9PSB1bmRlZmluZWQgJiYgY29uZmlnKCkudG90YWwgIT09IHVuZGVmaW5lZCkge1xuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInMtYm90dG9tLXN0YXR1cy1iYXJfX2xpbmVcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ3MtYm90dG9tLXN0YXR1cy1iYXJfX2xpbmUtLWRpc2FibGVkJzogY29uZmlnKCkuZGlzYWJsZWQsXG4gICAgICAgIH1cIj48L2Rpdj5cbiAgICB9XG4gICAgQGlmIChjb25maWcoKS50b3RhbCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICA8cCBbaWRdPVwiaWQoKSArICctdG90YWwnXCI+e3sgJ3VpLmdlbmVyaWMudG90YWwnIHwgdHJhbnNsYXRlIH19OiB7eyBjb25maWcoKS50b3RhbCB9fTwvcD5cbiAgICB9XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

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

@@ -5,6 +5,7 @@ import * as i2 from "../icon-material/s-icon-material.component";
 import * as i3 from "@angular/router";
 export class SBreadcrumComponent {
     constructor() {
+        this.id = 's-breadcrum';
         this.size = 'sm';
     }
     getStateClass(i, nav) {
@@ -19,14 +20,16 @@ export class SBreadcrumComponent {
         return next === this.nav.length - 1 ? 'icon-active' : 'icon-default';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBreadcrumComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3 s-scroll\">\n        <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\n            <div class=\"s-breadcrum__content__texts\">\n                <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\n                    <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\n                    <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\n                </a>\n            </div>\n            <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\n        </div>\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400);white-space:nowrap}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SBreadcrumComponent, selector: "s-breadcrum", inputs: { id: "id", nav: "nav", size: "size" }, ngImport: i0, template: "<div class=\"s-breadcrum mb-3 s-scroll\" [id]=\"id\">\n  <div class=\"s-breadcrum__content s-breadcrum__content--size-{{ size }}\" *ngFor=\"let nv of nav; index as i\">\n    <div class=\"s-breadcrum__content__texts\">\n      <a\n        routerLink=\"{{ nv.routerLink ? nv.routerLink : undefined }}\"\n        [ngClass]=\"[nv.routerLink ? '' : 'disabled', nv.iconPosition === 'left' ? 'float-right' : 'float-left']\">\n        <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{ nv.title }}</h4>\n        <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{ nv.iconName }}</s-icon-mat>\n      </a>\n    </div>\n    <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length - 1\"\n      >keyboard_arrow_right</s-icon-mat\n    >\n  </div>\n</div>\n", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400);white-space:nowrap}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "fill", "weight", "grade", "style", "type", "id"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SBreadcrumComponent, decorators: [{
             type: Component,
-            args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3 s-scroll\">\n        <div class=\"s-breadcrum__content s-breadcrum__content--size-{{size}}\" *ngFor=\"let nv of nav ; index as i\">\n            <div class=\"s-breadcrum__content__texts\">\n                <a routerLink=\"{{nv.routerLink? nv.routerLink : undefined}}\" [ngClass]=\"[nv.routerLink ? '' : 'disabled' , nv.iconPosition == 'left' ? 'float-right' : 'float-left']\">\n                    <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{nv.title}}</h4>\n                    <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{nv.iconName}}</s-icon-mat>\n                </a>\n            </div>\n            <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length -1\">keyboard_arrow_right</s-icon-mat>\n        </div>\n</div>", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400);white-space:nowrap}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"] }]
-        }], propDecorators: { nav: [{
+            args: [{ selector: 's-breadcrum', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-breadcrum mb-3 s-scroll\" [id]=\"id\">\n  <div class=\"s-breadcrum__content s-breadcrum__content--size-{{ size }}\" *ngFor=\"let nv of nav; index as i\">\n    <div class=\"s-breadcrum__content__texts\">\n      <a\n        routerLink=\"{{ nv.routerLink ? nv.routerLink : undefined }}\"\n        [ngClass]=\"[nv.routerLink ? '' : 'disabled', nv.iconPosition === 'left' ? 'float-right' : 'float-left']\">\n        <h4 [ngClass]=\"[getStateClass(i, nv)]\">{{ nv.title }}</h4>\n        <s-icon-mat *ngIf=\"nv.iconName\" [ngClass]=\"[getStateClass(i, nv)]\" class=\"icon\">{{ nv.iconName }}</s-icon-mat>\n      </a>\n    </div>\n    <s-icon-mat class=\"s-breadcrum__content__arrow-icon\" [ngClass]=\"[getIconClass(i)]\" *ngIf=\"i < nav.length - 1\"\n      >keyboard_arrow_right</s-icon-mat\n    >\n  </div>\n</div>\n", styles: [".s-breadcrum{color:var(--text);display:flex;align-items:center;width:fit-content;font-weight:400;max-width:100%;overflow-x:auto}.s-breadcrum__content{display:flex;align-items:center}.s-breadcrum__content__arrow-icon{font-size:1rem;display:flex;padding:0 .4rem}.s-breadcrum__content__arrow-icon.icon-active{color:var(--secondary-600)!important}.s-breadcrum__content__arrow-icon.icon-default{color:var(--secondary-400)!important}.s-breadcrum__content--size-sm h4{font-size:.875rem}.s-breadcrum__content--size-sm .s-breadcrum__content__arrow-icon span,.s-breadcrum__content--size-sm .icon span,.s-breadcrum__content--size-md h4{font-size:1rem}.s-breadcrum__content--size-md .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-md .icon span,.s-breadcrum__content--size-lg h4{font-size:1.25rem}.s-breadcrum__content--size-lg .s-breadcrum__content__arrow-icon span{font-size:1.813rem}.s-breadcrum__content--size-lg .icon span{font-size:1.5rem}.s-breadcrum__content__texts a{display:flex;align-items:center;text-decoration:none;color:var(--secondary-400);white-space:nowrap}.s-breadcrum__content__texts a .breadcrum-back-not-link{color:var(--secondary-400);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back{color:var(--secondary-600);font-weight:400}.s-breadcrum__content__texts a .breadcrum-back:hover{color:var(--secondary-800)}.s-breadcrum__content__texts a h4.breadcrum-back:hover{text-decoration:underline}.s-breadcrum__content__texts a .breadcrum-active{font-weight:700;color:var(--secondary-600)}.s-breadcrum__content__texts a .icon{padding:0 .4rem}.s-breadcrum__content__texts a.disabled{color:var(--secondary-400);pointer-events:none;cursor:default}.s-breadcrum__content__texts a.disabled h4.breadcrum-active{color:var(--primary-500)}.s-breadcrum__content__texts .float-left{flex-direction:row-reverse}.s-breadcrum__content__texts .float-right{flex-direction:row}.s-breadcrum__content__texts:hover{color:var(--secondary-600)}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], nav: [{
                 type: Input
             }], size: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JyZWFkY3J1bS9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFVcEUsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVNXLFNBQUksR0FBdUIsSUFBSSxDQUFDO0tBYzFDO0lBWkMsYUFBYSxDQUFDLENBQVMsRUFBRSxHQUFpQjtRQUN4QyxNQUFNLGFBQWEsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUNuQixPQUFPLEdBQUcsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQztRQUN2RSxDQUFDO1FBQ0QsT0FBTyxrQkFBa0IsQ0FBQztJQUM1QixDQUFDO0lBRUQsWUFBWSxDQUFDLENBQVM7UUFDcEIsSUFBSSxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNqQixPQUFPLElBQUksS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDO0lBQ3ZFLENBQUM7K0dBZlUsbUJBQW1CO21HQUFuQixtQkFBbUIseUZDVmhDLG8xQkFVTTs7NEZEQU8sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFJNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCcmVhZGNydW1OYXYgfSBmcm9tICcuL2ludGVyZmFjZS9icmVhZGNydW0tbmF2LmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3MtYnJlYWRjcnVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3MtYnJlYWRjcnVtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcy1icmVhZGNydW0uY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBTQnJlYWRjcnVtQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbmF2ITogQnJlYWRjcnVtTmF2W107XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyA9ICdzbSc7XG5cbiAgZ2V0U3RhdGVDbGFzcyhpOiBudW1iZXIsIG5hdjogQnJlYWRjcnVtTmF2KTogc3RyaW5nIHtcbiAgICBjb25zdCBpc0xhc3ROYXZJdGVtID0gaSA9PT0gdGhpcy5uYXYubGVuZ3RoIC0gMTtcbiAgICBpZiAoIWlzTGFzdE5hdkl0ZW0pIHtcbiAgICAgIHJldHVybiBuYXYucm91dGVyTGluayA/ICdicmVhZGNydW0tYmFjaycgOiAnYnJlYWRjcnVtLWJhY2stbm90LWxpbmsnO1xuICAgIH1cbiAgICByZXR1cm4gJ2JyZWFkY3J1bS1hY3RpdmUnO1xuICB9XG5cbiAgZ2V0SWNvbkNsYXNzKGk6IG51bWJlcik6IHN0cmluZyB7XG4gICAgbGV0IG5leHQgPSBpICsgMTsgICAgXG4gICAgcmV0dXJuIG5leHQgPT09IHRoaXMubmF2Lmxlbmd0aCAtIDEgPyAnaWNvbi1hY3RpdmUnIDogJ2ljb24tZGVmYXVsdCc7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwicy1icmVhZGNydW0gbWItMyBzLXNjcm9sbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwicy1icmVhZGNydW1fX2NvbnRlbnQgcy1icmVhZGNydW1fX2NvbnRlbnQtLXNpemUte3tzaXplfX1cIiAqbmdGb3I9XCJsZXQgbnYgb2YgbmF2IDsgaW5kZXggYXMgaVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInMtYnJlYWRjcnVtX19jb250ZW50X190ZXh0c1wiPlxuICAgICAgICAgICAgICAgIDxhIHJvdXRlckxpbms9XCJ7e252LnJvdXRlckxpbms/IG52LnJvdXRlckxpbmsgOiB1bmRlZmluZWR9fVwiIFtuZ0NsYXNzXT1cIltudi5yb3V0ZXJMaW5rID8gJycgOiAnZGlzYWJsZWQnICwgbnYuaWNvblBvc2l0aW9uID09ICdsZWZ0JyA/ICdmbG9hdC1yaWdodCcgOiAnZmxvYXQtbGVmdCddXCI+XG4gICAgICAgICAgICAgICAgICAgIDxoNCBbbmdDbGFzc109XCJbZ2V0U3RhdGVDbGFzcyhpLCBudildXCI+e3tudi50aXRsZX19PC9oND5cbiAgICAgICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgKm5nSWY9XCJudi5pY29uTmFtZVwiIFtuZ0NsYXNzXT1cIltnZXRTdGF0ZUNsYXNzKGksIG52KV1cIiBjbGFzcz1cImljb25cIj57e252Lmljb25OYW1lfX08L3MtaWNvbi1tYXQ+XG4gICAgICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8cy1pY29uLW1hdCBjbGFzcz1cInMtYnJlYWRjcnVtX19jb250ZW50X19hcnJvdy1pY29uXCIgW25nQ2xhc3NdPVwiW2dldEljb25DbGFzcyhpKV1cIiAqbmdJZj1cImkgPCBuYXYubGVuZ3RoIC0xXCI+a2V5Ym9hcmRfYXJyb3dfcmlnaHQ8L3MtaWNvbi1tYXQ+XG4gICAgICAgIDwvZGl2PlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1icmVhZGNydW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2lkZXN5cy1nZW5lcmljLXVpL3NyYy9saWIvYnJlYWRjcnVtL3MtYnJlYWRjcnVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL2JyZWFkY3J1bS9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTcEUsTUFBTSxPQUFPLG1CQUFtQjtJQU5oQztRQU9XLE9BQUUsR0FBWSxhQUFhLENBQUM7UUFFNUIsU0FBSSxHQUF1QixJQUFJLENBQUM7S0FjMUM7SUFaQyxhQUFhLENBQUMsQ0FBUyxFQUFFLEdBQWlCO1FBQ3hDLE1BQU0sYUFBYSxHQUFHLENBQUMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDaEQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ25CLE9BQU8sR0FBRyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLHlCQUF5QixDQUFDO1FBQ3ZFLENBQUM7UUFDRCxPQUFPLGtCQUFrQixDQUFDO0lBQzVCLENBQUM7SUFFRCxZQUFZLENBQUMsQ0FBUztRQUNwQixJQUFJLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ2pCLE9BQU8sSUFBSSxLQUFLLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUM7SUFDdkUsQ0FBQzsrR0FoQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsbUdDVGhDLDJ6QkFlQTs7NEZETmEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGFBQWEsaUJBR1IsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsRUFBRTtzQkFBVixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQnJlYWRjcnVtTmF2IH0gZnJvbSAnLi9pbnRlcmZhY2UvYnJlYWRjcnVtLW5hdi5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzLWJyZWFkY3J1bScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zLWJyZWFkY3J1bS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3MtYnJlYWRjcnVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIFNCcmVhZGNydW1Db21wb25lbnQge1xuICBASW5wdXQoKSBpZD86IHN0cmluZyA9ICdzLWJyZWFkY3J1bSc7XG4gIEBJbnB1dCgpIG5hdiE6IEJyZWFkY3J1bU5hdltdO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnc20nO1xuXG4gIGdldFN0YXRlQ2xhc3MoaTogbnVtYmVyLCBuYXY6IEJyZWFkY3J1bU5hdik6IHN0cmluZyB7XG4gICAgY29uc3QgaXNMYXN0TmF2SXRlbSA9IGkgPT09IHRoaXMubmF2Lmxlbmd0aCAtIDE7XG4gICAgaWYgKCFpc0xhc3ROYXZJdGVtKSB7XG4gICAgICByZXR1cm4gbmF2LnJvdXRlckxpbmsgPyAnYnJlYWRjcnVtLWJhY2snIDogJ2JyZWFkY3J1bS1iYWNrLW5vdC1saW5rJztcbiAgICB9XG4gICAgcmV0dXJuICdicmVhZGNydW0tYWN0aXZlJztcbiAgfVxuXG4gIGdldEljb25DbGFzcyhpOiBudW1iZXIpOiBzdHJpbmcge1xuICAgIGxldCBuZXh0ID0gaSArIDE7XG4gICAgcmV0dXJuIG5leHQgPT09IHRoaXMubmF2Lmxlbmd0aCAtIDEgPyAnaWNvbi1hY3RpdmUnIDogJ2ljb24tZGVmYXVsdCc7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bSBtYi0zIHMtc2Nyb2xsXCIgW2lkXT1cImlkXCI+XG4gIDxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bV9fY29udGVudCBzLWJyZWFkY3J1bV9fY29udGVudC0tc2l6ZS17eyBzaXplIH19XCIgKm5nRm9yPVwibGV0IG52IG9mIG5hdjsgaW5kZXggYXMgaVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzLWJyZWFkY3J1bV9fY29udGVudF9fdGV4dHNcIj5cbiAgICAgIDxhXG4gICAgICAgIHJvdXRlckxpbms9XCJ7eyBudi5yb3V0ZXJMaW5rID8gbnYucm91dGVyTGluayA6IHVuZGVmaW5lZCB9fVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIltudi5yb3V0ZXJMaW5rID8gJycgOiAnZGlzYWJsZWQnLCBudi5pY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/ICdmbG9hdC1yaWdodCcgOiAnZmxvYXQtbGVmdCddXCI+XG4gICAgICAgIDxoNCBbbmdDbGFzc109XCJbZ2V0U3RhdGVDbGFzcyhpLCBudildXCI+e3sgbnYudGl0bGUgfX08L2g0PlxuICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIm52Lmljb25OYW1lXCIgW25nQ2xhc3NdPVwiW2dldFN0YXRlQ2xhc3MoaSwgbnYpXVwiIGNsYXNzPVwiaWNvblwiPnt7IG52Lmljb25OYW1lIH19PC9zLWljb24tbWF0PlxuICAgICAgPC9hPlxuICAgIDwvZGl2PlxuICAgIDxzLWljb24tbWF0IGNsYXNzPVwicy1icmVhZGNydW1fX2NvbnRlbnRfX2Fycm93LWljb25cIiBbbmdDbGFzc109XCJbZ2V0SWNvbkNsYXNzKGkpXVwiICpuZ0lmPVwiaSA8IG5hdi5sZW5ndGggLSAxXCJcbiAgICAgID5rZXlib2FyZF9hcnJvd19yaWdodDwvcy1pY29uLW1hdFxuICAgID5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==