@spicainternational/ngx-sds-components 8.0.0 → 8.3.0-beta.0

package/esm2022/src/lib/ripple/ripple.directive.mjs

@@ -0,0 +1,103 @@
+import { Directive, HostBinding, HostListener, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class SdsRippleDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.sdsRippleColor = 'rgba(255, 255, 255, 0.5)';
+        this.sdsRippleDuration = 600;
+        this.sdsRippleMaxConcurrent = 3;
+        this.addContainer = true;
+        this.position = 'relative';
+        this.overflow = 'hidden';
+        this.activeRipples = [];
+    }
+    onTouchStart(event) {
+        if (event.touches.length > 0) {
+            const touch = event.touches[0];
+            this.createRipple(touch.clientX, touch.clientY);
+        }
+    }
+    onMouseDown(event) {
+        // Only trigger on left click
+        if (event.button !== 0)
+            return;
+        this.createRipple(event.clientX, event.clientY);
+    }
+    createRipple(clientX, clientY) {
+        // Remove oldest ripple if at max capacity
+        if (this.activeRipples.length >= this.sdsRippleMaxConcurrent) {
+            const oldestRipple = this.activeRipples.shift();
+            if (oldestRipple?.parentNode) {
+                this.renderer.removeChild(this.el.nativeElement, oldestRipple);
+            }
+        }
+        const ripple = this.renderer.createElement('span');
+        this.renderer.addClass(ripple, 'sds-ripple');
+        const rect = this.el.nativeElement.getBoundingClientRect();
+        const size = Math.max(rect.width, rect.height) * 2;
+        const x = clientX - rect.left - size / 2;
+        const y = clientY - rect.top - size / 2;
+        const duration = Math.min(this.sdsRippleDuration, 1200);
+        this.renderer.setStyle(ripple, 'width', `${size}px`);
+        this.renderer.setStyle(ripple, 'height', `${size}px`);
+        this.renderer.setStyle(ripple, 'left', `${x}px`);
+        this.renderer.setStyle(ripple, 'top', `${y}px`);
+        this.renderer.setStyle(ripple, 'background-color', this.sdsRippleColor);
+        this.renderer.setStyle(ripple, 'animation-duration', `${duration}ms`);
+        this.renderer.appendChild(this.el.nativeElement, ripple);
+        this.activeRipples.push(ripple);
+        setTimeout(() => {
+            if (ripple.parentNode) {
+                this.renderer.removeChild(this.el.nativeElement, ripple);
+            }
+            const index = this.activeRipples.indexOf(ripple);
+            if (index > -1) {
+                this.activeRipples.splice(index, 1);
+            }
+        }, duration);
+    }
+    ngOnDestroy() {
+        // Clean up any remaining ripples
+        this.activeRipples.forEach(ripple => {
+            if (ripple.parentNode) {
+                this.renderer.removeChild(this.el.nativeElement, ripple);
+            }
+        });
+        this.activeRipples = [];
+        if (this.touchTimeout) {
+            clearTimeout(this.touchTimeout);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsRippleDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SdsRippleDirective, isStandalone: true, selector: "[sdsRipple]", inputs: { sdsRippleColor: "sdsRippleColor", sdsRippleDuration: "sdsRippleDuration", sdsRippleMaxConcurrent: "sdsRippleMaxConcurrent" }, host: { listeners: { "touchstart": "onTouchStart($event)", "mousedown": "onMouseDown($event)" }, properties: { "class.sds-ripple-container": "this.addContainer", "style.position": "this.position", "style.overflow": "this.overflow" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsRippleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sdsRipple]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { sdsRippleColor: [{
+                type: Input
+            }], sdsRippleDuration: [{
+                type: Input
+            }], sdsRippleMaxConcurrent: [{
+                type: Input
+            }], addContainer: [{
+                type: HostBinding,
+                args: ['class.sds-ripple-container']
+            }], position: [{
+                type: HostBinding,
+                args: ['style.position']
+            }], overflow: [{
+                type: HostBinding,
+                args: ['style.overflow']
+            }], onTouchStart: [{
+                type: HostListener,
+                args: ['touchstart', ['$event']]
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmlwcGxlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3JpcHBsZS9yaXBwbGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBRVQsV0FBVyxFQUNYLFlBQVksRUFDWixLQUFLLEdBR1IsTUFBTSxlQUFlLENBQUM7O0FBTXZCLE1BQU0sT0FBTyxrQkFBa0I7SUFZM0IsWUFDWSxFQUFjLEVBQ2QsUUFBbUI7UUFEbkIsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUNkLGFBQVEsR0FBUixRQUFRLENBQVc7UUFidEIsbUJBQWMsR0FBVywwQkFBMEIsQ0FBQztRQUNwRCxzQkFBaUIsR0FBVyxHQUFHLENBQUM7UUFDaEMsMkJBQXNCLEdBQVcsQ0FBQyxDQUFDO1FBRUQsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDaEMsYUFBUSxHQUFHLFVBQVUsQ0FBQztRQUN0QixhQUFRLEdBQUcsUUFBUSxDQUFDO1FBRTNDLGtCQUFhLEdBQWtCLEVBQUUsQ0FBQztJQU12QyxDQUFDO0lBR0osWUFBWSxDQUFDLEtBQWlCO1FBQzFCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDM0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztZQUMvQixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3BELENBQUM7SUFDTCxDQUFDO0lBR0QsV0FBVyxDQUFDLEtBQWlCO1FBQ3pCLDZCQUE2QjtRQUM3QixJQUFJLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU87UUFFL0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFF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QyxDQUFDO1FBQ0wsQ0FBQyxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2pCLENBQUM7SUFFRCxXQUFXO1FBQ1AsaUNBQWlDO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2hDLElBQUksTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQztZQUM3RCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsYUFBYSxHQUFHLEVBQUUsQ0FBQztRQUV4QixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixZQUFZLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3BDLENBQUM7SUFDTCxDQUFDOytHQXJGUSxrQkFBa0I7bUdBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsVUFBVSxFQUFFLElBQUk7aUJBQ25CO3VHQUVZLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFFcUMsWUFBWTtzQkFBdEQsV0FBVzt1QkFBQyw0QkFBNEI7Z0JBQ1YsUUFBUTtzQkFBdEMsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBQ0UsUUFBUTtzQkFBdEMsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBVzdCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBU3RDLFdBQVc7c0JBRFYsWUFBWTt1QkFBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbc2RzUmlwcGxlXScsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzUmlwcGxlRGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBzZHNSaXBwbGVDb2xvcjogc3RyaW5nID0gJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC41KSc7XG4gICAgQElucHV0KCkgc2RzUmlwcGxlRHVyYXRpb246IG51bWJlciA9IDYwMDtcbiAgICBASW5wdXQoKSBzZHNSaXBwbGVNYXhDb25jdXJyZW50OiBudW1iZXIgPSAzO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zZHMtcmlwcGxlLWNvbnRhaW5lcicpIGFkZENvbnRhaW5lciA9IHRydWU7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5wb3NpdGlvbicpIHBvc2l0aW9uID0gJ3JlbGF0aXZlJztcbiAgICBASG9zdEJpbmRpbmcoJ3N0eWxlLm92ZXJmbG93Jykgb3ZlcmZsb3cgPSAnaGlkZGVuJztcblxuICAgIHByaXZhdGUgYWN0aXZlUmlwcGxlczogSFRNTEVsZW1lbnRbXSA9IFtdO1xuICAgIHByaXZhdGUgdG91Y2hUaW1lb3V0OiBhbnk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBlbDogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyXG4gICAgKSB7fVxuXG4gICAgQEhvc3RMaXN0ZW5lcigndG91Y2hzdGFydCcsIFsnJGV2ZW50J10pXG4gICAgb25Ub3VjaFN0YXJ0KGV2ZW50OiBUb3VjaEV2ZW50KSB7XG4gICAgICAgIGlmIChldmVudC50b3VjaGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIGNvbnN0IHRvdWNoID0gZXZlbnQudG91Y2hlc1swXTtcbiAgICAgICAgICAgIHRoaXMuY3JlYXRlUmlwcGxlKHRvdWNoLmNsaWVudFgsIHRvdWNoLmNsaWVudFkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignbW91c2Vkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbk1vdXNlRG93bihldmVudDogTW91c2VFdmVudCkge1xuICAgICAgICAvLyBPbmx5IHRyaWdnZXIgb24gbGVmdCBjbGlja1xuICAgICAgICBpZiAoZXZlbnQuYnV0dG9uICE9PSAwKSByZXR1cm47XG4gICAgICAgIFxuICAgICAgICB0aGlzLmNyZWF0ZVJpcHBsZShldmVudC5jbGllbnRYLCBldmVudC5jbGllbnRZKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNyZWF0ZVJpcHBsZShjbGllbnRYOiBudW1iZXIsIGNsaWVudFk6IG51bWJlcikge1xuICAgICAgICAvLyBSZW1vdmUgb2xkZXN0IHJpcHBsZSBpZiBhdCBtYXggY2FwYWNpdHlcbiAgICAgICAgaWYgKHRoaXMuYWN0aXZlUmlwcGxlcy5sZW5ndGggPj0gdGhpcy5zZHNSaXBwbGVNYXhDb25jdXJyZW50KSB7XG4gICAgICAgICAgICBjb25zdCBvbGRlc3RSaXBwbGUgPSB0aGlzLmFjdGl2ZVJpcHBsZXMuc2hpZnQoKTtcbiAgICAgICAgICAgIGlmIChvbGRlc3RSaXBwbGU/LnBhcmVudE5vZGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgb2xkZXN0UmlwcGxlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHJpcHBsZSA9IHRoaXMucmVuZGVyZXIuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLmFkZENsYXNzKHJpcHBsZSwgJ3Nkcy1yaXBwbGUnKTtcblxuICAgICAgICBjb25zdCByZWN0ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICAgICAgICBjb25zdCBzaXplID0gTWF0aC5tYXgocmVjdC53aWR0aCwgcmVjdC5oZWlnaHQpICogMjtcbiAgICAgICAgY29uc3QgeCA9IGNsaWVudFggLSByZWN0LmxlZnQgLSBzaXplIC8gMjtcbiAgICAgICAgY29uc3QgeSA9IGNsaWVudFkgLSByZWN0LnRvcCAtIHNpemUgLyAyO1xuXG4gICAgICAgIGNvbnN0IGR1cmF0aW9uID0gTWF0aC5taW4odGhpcy5zZHNSaXBwbGVEdXJhdGlvbiwgMTIwMCk7XG5cbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShyaXBwbGUsICd3aWR0aCcsIGAke3NpemV9cHhgKTtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShyaXBwbGUsICdoZWlnaHQnLCBgJHtzaXplfXB4YCk7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUocmlwcGxlLCAnbGVmdCcsIGAke3h9cHhgKTtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShyaXBwbGUsICd0b3AnLCBgJHt5fXB4YCk7XG4gICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUocmlwcGxlLCAnYmFja2dyb3VuZC1jb2xvcicsIHRoaXMuc2RzUmlwcGxlQ29sb3IpO1xuICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHJpcHBsZSwgJ2FuaW1hdGlvbi1kdXJhdGlvbicsIGAke2R1cmF0aW9ufW1zYCk7XG5cbiAgICAgICAgdGhpcy5yZW5kZXJlci5hcHBlbmRDaGlsZCh0aGlzLmVsLm5hdGl2ZUVsZW1lbnQsIHJpcHBsZSk7XG4gICAgICAgIHRoaXMuYWN0aXZlUmlwcGxlcy5wdXNoKHJpcHBsZSk7XG5cbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAocmlwcGxlLnBhcmVudE5vZGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgcmlwcGxlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNvbnN0IGluZGV4ID0gdGhpcy5hY3RpdmVSaXBwbGVzLmluZGV4T2YocmlwcGxlKTtcbiAgICAgICAgICAgIGlmIChpbmRleCA+IC0xKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hY3RpdmVSaXBwbGVzLnNwbGljZShpbmRleCwgMSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIGR1cmF0aW9uKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgLy8gQ2xlYW4gdXAgYW55IHJlbWFpbmluZyByaXBwbGVzXG4gICAgICAgIHRoaXMuYWN0aXZlUmlwcGxlcy5mb3JFYWNoKHJpcHBsZSA9PiB7XG4gICAgICAgICAgICBpZiAocmlwcGxlLnBhcmVudE5vZGUpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnJlbW92ZUNoaWxkKHRoaXMuZWwubmF0aXZlRWxlbWVudCwgcmlwcGxlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuYWN0aXZlUmlwcGxlcyA9IFtdO1xuICAgICAgICBcbiAgICAgICAgaWYgKHRoaXMudG91Y2hUaW1lb3V0KSB7XG4gICAgICAgICAgICBjbGVhclRpbWVvdXQodGhpcy50b3VjaFRpbWVvdXQpO1xuICAgICAgICB9XG4gICAgfVxufSJdfQ==

package/esm2022/src/lib/ripple/spicainternational-ngx-sds-components-src-lib-ripple.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BpY2FpbnRlcm5hdGlvbmFsLW5neC1zZHMtY29tcG9uZW50cy1zcmMtbGliLXJpcHBsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3JpcHBsZS9zcGljYWludGVybmF0aW9uYWwtbmd4LXNkcy1jb21wb25lbnRzLXNyYy1saWItcmlwcGxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljLWFwaSc7XG4iXX0=

package/esm2022/src/lib/segmented-control/public-api.mjs

@@ -1,2 +1,2 @@
 export * from './segmented-control.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3NlZ21lbnRlZC1jb250cm9sL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50JztcclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3NlZ21lbnRlZC1jb250cm9sL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50JztcbiJdfQ==

package/esm2022/src/lib/segmented-control/segmented-control.component.mjs

@@ -1,10 +1,12 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { NgClass, NgFor, NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 export class SdsSegmentedControlComponent {
-    constructor() {
+    constructor(cdr) {
+        this.cdr = cdr;
         this.segmentPadding = 'loose';
+        this.enableAnimation = true;
         this.itemChange = new EventEmitter();
         this.valueChange = new EventEmitter();
         this.valueExpr = 'value';
@@ -13,16 +15,58 @@ export class SdsSegmentedControlComponent {
         this.style = 'default';
     }
     ngOnInit() { }
+    ngAfterViewInit() {
+        if (this.enableAnimation) {
+            this.updateClipPath();
+        }
+    }
+    ngOnChanges(changes) {
+        if ((changes['value'] || changes['enableClipPathAnimation']) && this.enableAnimation) {
+            // Use a longer timeout to ensure the DOM is updated
+            setTimeout(() => this.updateClipPath(), 50);
+        }
+    }
     selectItem(item, event) {
         event.stopPropagation();
         if (!this.disabled) {
             this.value = item[this.valueExpr];
             this.valueChange.emit(this.value);
             this.itemChange.emit(item);
+            if (this.enableAnimation) {
+                this.cdr.detectChanges();
+                this.updateClipPath();
+            }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsSegmentedControlComponent, isStandalone: true, selector: "sds-segmented-control", inputs: { items: "items", value: "value", valueExpr: "valueExpr", displayExpr: "displayExpr", iconExpr: "iconExpr", tooltipExpr: "tooltipExpr", idExpr: "idExpr", disabled: "disabled", style: "style", segmentPadding: "segmentPadding" }, outputs: { itemChange: "itemChange", valueChange: "valueChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item, $event)\">\r\n\r\n        <div class=\"sds-flex-row-center gap-2\">\r\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\r\n\r\n            <!-- <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i> -->\r\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".sds-segmented-control-container .segment.tight-padding{padding-left:.5rem;padding-right:.5rem}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    updateClipPath() {
+        setTimeout(() => {
+            const container = this.clipPathContainerRef?.nativeElement;
+            if (!container)
+                return;
+            const activeSegment = container.parentElement?.querySelector(`.segment.selected:not(.segment-overlay)`);
+            if (activeSegment && container.parentElement) {
+                const parentElement = container.parentElement;
+                const computedStyle = window.getComputedStyle(parentElement);
+                const paddingLeft = parseFloat(computedStyle.paddingLeft);
+                const offsetLeft = activeSegment.offsetLeft - paddingLeft;
+                const offsetWidth = activeSegment.offsetWidth;
+                const overlayWidth = container.offsetWidth;
+                // Only update if we have valid dimensions
+                if (offsetWidth === 0 || overlayWidth === 0) {
+                    // Retry after a short delay if elements aren't rendered yet
+                    setTimeout(() => this.updateClipPath(), 100);
+                    return;
+                }
+                const clipLeft = offsetLeft;
+                const clipRight = offsetLeft + offsetWidth;
+                const clipLeftPercent = ((clipLeft / overlayWidth) * 100).toFixed(2);
+                const clipRightPercent = (100 - (clipRight / overlayWidth) * 100).toFixed(2);
+                container.style.clipPath = `inset(0 ${clipRightPercent}% 0 ${clipLeftPercent}% round 4px)`;
+            }
+        }, 0);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSegmentedControlComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsSegmentedControlComponent, isStandalone: true, selector: "sds-segmented-control", inputs: { items: "items", value: "value", valueExpr: "valueExpr", displayExpr: "displayExpr", iconExpr: "iconExpr", tooltipExpr: "tooltipExpr", idExpr: "idExpr", disabled: "disabled", style: "style", segmentPadding: "segmentPadding", enableAnimation: "enableAnimation" }, outputs: { itemChange: "itemChange", valueChange: "valueChange" }, viewQueries: [{ propertyName: "clipPathContainerRef", first: true, predicate: ["clipPathContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div \n    class=\"sds-segmented-control-container\" \n    [ngClass]=\"{\n        'disabled': disabled,\n        'sds-segmented-control-primary': style == 'primary',\n        'sds-segmented-control-inverted': style == 'inverted',\n        'clip-path-enabled': enableAnimation\n    }\">\n    \n    <div *ngFor=\"let item of items; let last = last;\" \n        class=\"segment\" \n        id=\"{{idExpr ? item[idExpr]: ''}}\"\n        [class.selected]=\"item[valueExpr] == value\"\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\n        (click)=\"selectItem(item, $event)\">\n\n        <div class=\"sds-flex-row-center gap-2\">\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n        </div>\n    </div>\n\n    <div *ngIf=\"enableAnimation\" \n         class=\"sds-clip-path-overlay\" \n         #clipPathContainer \n         aria-hidden=\"true\">\n        <div *ngFor=\"let item of items; let last = last;\" \n            class=\"segment segment-overlay\" \n            [class.tight-padding]=\"segmentPadding == 'tight'\"\n            [tabIndex]=\"-1\">\n\n            <div class=\"sds-flex-row-center gap-2\">\n                <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n                <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".sds-segmented-control-container .segment.tight-padding{padding-left:.5rem;padding-right:.5rem}.sds-segmented-control-container{display:inline-block;padding:max(.125rem,2px);border-style:solid;border-width:1px;border-radius:6px;border-color:#ced4da;background-color:#fff;font-size:.9rem;position:relative;white-space:nowrap}.sds-segmented-control-container .disabled{pointer-events:none;opacity:.5;background:#ced4da}.sds-segmented-control-container .segment{display:inline-block;border-radius:4px;color:#343434;cursor:pointer;color:#000;font-weight:500;margin-left:auto;margin-right:auto;padding:.25rem 1rem;-webkit-user-select:none;user-select:none}.sds-segmented-control-container .segment.selected{background-color:var(--bs-gray-300)}.sds-segmented-control-container .segment.selected .separator{border-color:transparent}.sds-segmented-control-container .segment:hover:not(.selected){background-color:transparent}.sds-segmented-control-container.disabled{pointer-events:none;opacity:.5;cursor:default}.sds-segmented-control-container.sds-segmented-control-primary .segment.selected{background-color:var(--bs-primary);color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted{background-color:var(--bs-gray-300);border-color:var(--bs-gray-300);border-width:0}.sds-segmented-control-container.sds-segmented-control-inverted .segment.selected{background-color:#fff;color:#000}.sds-segmented-control-container.clip-path-enabled .segment.selected{background-color:initial;color:initial}.sds-segmented-control-container .sds-clip-path-overlay{position:absolute;top:max(.125rem,2px);left:max(.125rem,2px);right:max(.125rem,2px);bottom:max(.125rem,2px);display:flex;z-index:1;overflow:hidden;transition:clip-path .25s ease;pointer-events:none;border-radius:4px;background-color:var(--bs-gray-300)}.sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#000;font-weight:500;background:transparent}.sds-segmented-control-container .sds-clip-path-overlay .segment-overlay:hover{background:transparent}.sds-segmented-control-container.sds-segmented-control-primary .sds-clip-path-overlay{background-color:var(--bs-primary)}.sds-segmented-control-container.sds-segmented-control-primary .sds-clip-path-overlay .segment-overlay{color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted .sds-clip-path-overlay{background-color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted .sds-clip-path-overlay .segment-overlay{color:#000}.sds-segmented-control-light .sds-segmented-control-container{background-color:var(--bs-gray-300);border-color:var(--bs-gray-300);border-width:0}.sds-segmented-control-light .sds-segmented-control-container .segment.selected{background-color:#fff;color:#000}.sds-segmented-control-light .sds-segmented-control-container .sds-clip-path-overlay{background-color:#fff}.sds-segmented-control-light .sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#000}.sds-segmented-control-primary .sds-segmented-control-container .segment.selected{background-color:var(--bs-primary);color:#fff}.sds-segmented-control-primary .sds-segmented-control-container .sds-clip-path-overlay{background-color:var(--bs-primary)}.sds-segmented-control-primary .sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#fff}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSegmentedControlComponent, decorators: [{
             type: Component,
@@ -31,8 +75,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         NgFor,
                         NgIf,
                         FaIconComponent,
-                    ], template: "<div \r\n    class=\"sds-segmented-control-container\" \r\n    [ngClass]=\"{\r\n        'disabled': disabled,\r\n        'sds-segmented-control-primary': style == 'primary',\r\n        'sds-segmented-control-inverted': style == 'inverted'\r\n    }\"\r\n    >\r\n    <div *ngFor=\"let item of items let last = last;\" \r\n        class=\"segment\" \r\n        id=\"{{idExpr ? item[idExpr]: ''}}\"\r\n        [class.selected]=\"item[valueExpr] == value\"\r\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\r\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\r\n        (click)=\"selectItem(item, $event)\">\r\n\r\n        <div class=\"sds-flex-row-center gap-2\">\r\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\r\n\r\n            <!-- <i *ngIf=\"item.icon\" class=\"{{item.icon}} me-2\"></i> -->\r\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".sds-segmented-control-container .segment.tight-padding{padding-left:.5rem;padding-right:.5rem}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { items: [{
+                    ], template: "<div \n    class=\"sds-segmented-control-container\" \n    [ngClass]=\"{\n        'disabled': disabled,\n        'sds-segmented-control-primary': style == 'primary',\n        'sds-segmented-control-inverted': style == 'inverted',\n        'clip-path-enabled': enableAnimation\n    }\">\n    \n    <div *ngFor=\"let item of items; let last = last;\" \n        class=\"segment\" \n        id=\"{{idExpr ? item[idExpr]: ''}}\"\n        [class.selected]=\"item[valueExpr] == value\"\n        [class.tight-padding]=\"segmentPadding == 'tight'\"\n        [title]=\"tooltipExpr && item[tooltipExpr] ? item[tooltipExpr] : ''\"\n        (click)=\"selectItem(item, $event)\">\n\n        <div class=\"sds-flex-row-center gap-2\">\n            <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n            <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n        </div>\n    </div>\n\n    <div *ngIf=\"enableAnimation\" \n         class=\"sds-clip-path-overlay\" \n         #clipPathContainer \n         aria-hidden=\"true\">\n        <div *ngFor=\"let item of items; let last = last;\" \n            class=\"segment segment-overlay\" \n            [class.tight-padding]=\"segmentPadding == 'tight'\"\n            [tabIndex]=\"-1\">\n\n            <div class=\"sds-flex-row-center gap-2\">\n                <fa-icon *ngIf=\"iconExpr && item[iconExpr]\" [icon]=\"item[iconExpr]\" [fixedWidth]=\"true\"></fa-icon>\n                <span *ngIf=\"displayExpr\">{{item[displayExpr]}}</span>\n            </div>\n        </div>\n    </div>\n</div>", styles: [".sds-segmented-control-container .segment.tight-padding{padding-left:.5rem;padding-right:.5rem}.sds-segmented-control-container{display:inline-block;padding:max(.125rem,2px);border-style:solid;border-width:1px;border-radius:6px;border-color:#ced4da;background-color:#fff;font-size:.9rem;position:relative;white-space:nowrap}.sds-segmented-control-container .disabled{pointer-events:none;opacity:.5;background:#ced4da}.sds-segmented-control-container .segment{display:inline-block;border-radius:4px;color:#343434;cursor:pointer;color:#000;font-weight:500;margin-left:auto;margin-right:auto;padding:.25rem 1rem;-webkit-user-select:none;user-select:none}.sds-segmented-control-container .segment.selected{background-color:var(--bs-gray-300)}.sds-segmented-control-container .segment.selected .separator{border-color:transparent}.sds-segmented-control-container .segment:hover:not(.selected){background-color:transparent}.sds-segmented-control-container.disabled{pointer-events:none;opacity:.5;cursor:default}.sds-segmented-control-container.sds-segmented-control-primary .segment.selected{background-color:var(--bs-primary);color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted{background-color:var(--bs-gray-300);border-color:var(--bs-gray-300);border-width:0}.sds-segmented-control-container.sds-segmented-control-inverted .segment.selected{background-color:#fff;color:#000}.sds-segmented-control-container.clip-path-enabled .segment.selected{background-color:initial;color:initial}.sds-segmented-control-container .sds-clip-path-overlay{position:absolute;top:max(.125rem,2px);left:max(.125rem,2px);right:max(.125rem,2px);bottom:max(.125rem,2px);display:flex;z-index:1;overflow:hidden;transition:clip-path .25s ease;pointer-events:none;border-radius:4px;background-color:var(--bs-gray-300)}.sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#000;font-weight:500;background:transparent}.sds-segmented-control-container .sds-clip-path-overlay .segment-overlay:hover{background:transparent}.sds-segmented-control-container.sds-segmented-control-primary .sds-clip-path-overlay{background-color:var(--bs-primary)}.sds-segmented-control-container.sds-segmented-control-primary .sds-clip-path-overlay .segment-overlay{color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted .sds-clip-path-overlay{background-color:#fff}.sds-segmented-control-container.sds-segmented-control-inverted .sds-clip-path-overlay .segment-overlay{color:#000}.sds-segmented-control-light .sds-segmented-control-container{background-color:var(--bs-gray-300);border-color:var(--bs-gray-300);border-width:0}.sds-segmented-control-light .sds-segmented-control-container .segment.selected{background-color:#fff;color:#000}.sds-segmented-control-light .sds-segmented-control-container .sds-clip-path-overlay{background-color:#fff}.sds-segmented-control-light .sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#000}.sds-segmented-control-primary .sds-segmented-control-container .segment.selected{background-color:var(--bs-primary);color:#fff}.sds-segmented-control-primary .sds-segmented-control-container .sds-clip-path-overlay{background-color:var(--bs-primary)}.sds-segmented-control-primary .sds-segmented-control-container .sds-clip-path-overlay .segment-overlay{color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { clipPathContainerRef: [{
+                type: ViewChild,
+                args: ['clipPathContainer']
+            }], items: [{
                 type: Input
             }], value: [{
                 type: Input
@@ -52,9 +99,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], segmentPadding: [{
                 type: Input
+            }], enableAnimation: [{
+                type: Input
             }], itemChange: [{
                 type: Output
             }], valueChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQWV2RCxNQUFNLE9BQU8sNEJBQTRCO0lBZ0JyQztRQUxTLG1CQUFjLEdBQXNCLE9BQU8sQ0FBQztRQUUzQyxlQUFVLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbkQsZ0JBQVcsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUcxRCxJQUFJLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN6QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUMzQixDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFTixVQUFVLENBQUMsSUFBUyxFQUFFLEtBQWlCO1FBQzFDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ2pCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IsQ0FBQztJQUNMLENBQUM7K0dBakNRLDRCQUE0QjttR0FBNUIsNEJBQTRCLGdZQ3hCekMsKy9CQXVCTSwySkRMRSxPQUFPLG9GQUNQLEtBQUssbUhBQ0wsSUFBSSw2RkFDSixlQUFlOzs0RkFHViw0QkFBNEI7a0JBYnhDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDTCxPQUFPO3dCQUNQLEtBQUs7d0JBQ0wsSUFBSTt3QkFDSixlQUFlO3FCQUNsQjt3REFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gICAgQ29tcG9uZW50LFxyXG4gICAgRXZlbnRFbWl0dGVyLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkluaXQsXHJcbiAgICBPdXRwdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuaW1wb3J0IHsgTmdDbGFzcywgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3Nkcy1zZWdtZW50ZWQtY29udHJvbCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtcclxuICAgICAgICBOZ0NsYXNzLFxyXG4gICAgICAgIE5nRm9yLFxyXG4gICAgICAgIE5nSWYsXHJcbiAgICAgICAgRmFJY29uQ29tcG9uZW50LFxyXG4gICAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1NlZ21lbnRlZENvbnRyb2xDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQElucHV0KCkgaXRlbXM6IGFueVtdIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgdmFsdWU6IGFueTtcclxuICAgIEBJbnB1dCgpIHZhbHVlRXhwcjtcclxuICAgIEBJbnB1dCgpIGRpc3BsYXlFeHByOiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBpY29uRXhwcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgdG9vbHRpcEV4cHI6IHN0cmluZyB8IHVuZGVmaW5lZDtcclxuICAgIEBJbnB1dCgpIGlkRXhwcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XHJcblxyXG4gICAgQElucHV0KCkgc3R5bGU6ICdkZWZhdWx0JyB8ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XHJcbiAgICBASW5wdXQoKSBzZWdtZW50UGFkZGluZzogJ3RpZ2h0JyB8ICdsb29zZScgPSAnbG9vc2UnO1xyXG5cclxuICAgIEBPdXRwdXQoKSBpdGVtQ2hhbmdlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICAgICAgdGhpcy52YWx1ZUV4cHIgPSAndmFsdWUnO1xyXG4gICAgICAgIHRoaXMuZGlzcGxheUV4cHIgPSAndGV4dCc7XHJcbiAgICAgICAgdGhpcy5kaXNhYmxlZCA9IGZhbHNlO1xyXG4gICAgICAgIHRoaXMuc3R5bGUgPSAnZGVmYXVsdCc7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKSB7fVxyXG5cclxuICAgIHB1YmxpYyBzZWxlY3RJdGVtKGl0ZW06IGFueSwgZXZlbnQ6IE1vdXNlRXZlbnQpOiB2b2lkIHtcclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuXHJcbiAgICAgICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBpdGVtW3RoaXMudmFsdWVFeHByXTtcclxuICAgICAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgICAgICAgICB0aGlzLml0ZW1DaGFuZ2UuZW1pdChpdGVtKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBcclxuICAgIGNsYXNzPVwic2RzLXNlZ21lbnRlZC1jb250cm9sLWNvbnRhaW5lclwiIFxyXG4gICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICdkaXNhYmxlZCc6IGRpc2FibGVkLFxyXG4gICAgICAgICdzZHMtc2VnbWVudGVkLWNvbnRyb2wtcHJpbWFyeSc6IHN0eWxlID09ICdwcmltYXJ5JyxcclxuICAgICAgICAnc2RzLXNlZ21lbnRlZC1jb250cm9sLWludmVydGVkJzogc3R5bGUgPT0gJ2ludmVydGVkJ1xyXG4gICAgfVwiXHJcbiAgICA+XHJcbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zIGxldCBsYXN0ID0gbGFzdDtcIiBcclxuICAgICAgICBjbGFzcz1cInNlZ21lbnRcIiBcclxuICAgICAgICBpZD1cInt7aWRFeHByID8gaXRlbVtpZEV4cHJdOiAnJ319XCJcclxuICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXRlbVt2YWx1ZUV4cHJdID09IHZhbHVlXCJcclxuICAgICAgICBbY2xhc3MudGlnaHQtcGFkZGluZ109XCJzZWdtZW50UGFkZGluZyA9PSAndGlnaHQnXCJcclxuICAgICAgICBbdGl0bGVdPVwidG9vbHRpcEV4cHIgJiYgaXRlbVt0b29sdGlwRXhwcl0gPyBpdGVtW3Rvb2x0aXBFeHByXSA6ICcnXCJcclxuICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtLCAkZXZlbnQpXCI+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzZHMtZmxleC1yb3ctY2VudGVyIGdhcC0yXCI+XHJcbiAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvbkV4cHIgJiYgaXRlbVtpY29uRXhwcl1cIiBbaWNvbl09XCJpdGVtW2ljb25FeHByXVwiIFtmaXhlZFdpZHRoXT1cInRydWVcIj48L2ZhLWljb24+XHJcblxyXG4gICAgICAgICAgICA8IS0tIDxpICpuZ0lmPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJ7e2l0ZW0uaWNvbn19IG1lLTJcIj48L2k+IC0tPlxyXG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImRpc3BsYXlFeHByXCI+e3tpdGVtW2Rpc3BsYXlFeHByXX19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2VnbWVudGVkLWNvbnRyb2wvc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVILHVCQUF1QixFQUV2QixTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRU4sU0FBUyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUFldkQsTUFBTSxPQUFPLDRCQUE0QjtJQWtCckMsWUFBb0IsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFOakMsbUJBQWMsR0FBc0IsT0FBTyxDQUFDO1FBQzVDLG9CQUFlLEdBQVksSUFBSSxDQUFDO1FBRS9CLGVBQVUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuRCxnQkFBVyxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRzFELElBQUksQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxLQUFLLEdBQUcsU0FBUyxDQUFDO0lBQzNCLENBQUM7SUFFRCxRQUFRLEtBQUksQ0FBQztJQUViLGVBQWU7UUFDWCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsSUFBSSxPQUFPLENBQUMseUJBQXlCLENBQUMsQ0FBQyxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUNuRixvREFBb0Q7WUFDcEQsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNoRCxDQUFDO0lBQ0wsQ0FBQztJQUVNLFVBQVUsQ0FBQyxJQUFTLEVBQUUsS0FBaUI7UUFDMUMsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXhCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ2xDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUNsQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUUzQixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDdkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDekIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQzFCLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVPLGNBQWM7UUFDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxhQUFhLENBQUM7WUFDM0QsSUFBSSxDQUFDLFNBQVM7Z0JBQUUsT0FBTztZQUV2QixNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsYUFBYSxFQUFFLGFBQWEsQ0FDeEQseUNBQXlDLENBQzdCLENBQUM7WUFFakIsSUFBSSxhQUFhLElBQUksU0FBUyxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUMzQyxNQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsYUFBYSxDQUFDO2dCQUU5QyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsZ0JBQWdCLENBQUMsYUFBYSxDQUFDLENBQUM7Z0JBQzdELE1BQU0sV0FBVyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBRTFELE1BQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxVQUFVLEdBQUcsV0FBVyxDQUFDO2dCQUMxRCxNQUFNLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFDO2dCQUM5QyxNQUFNLFlBQVksR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO2dCQUUzQywwQ0FBMEM7Z0JBQzFDLElBQUksV0FBVyxLQUFLLENBQUMsSUFBSSxZQUFZLEtBQUssQ0FBQyxFQUFFLENBQUM7b0JBQzFDLDREQUE0RDtvQkFDNUQsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztvQkFDN0MsT0FBTztnQkFDWCxDQUFDO2dCQUVELE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQztnQkFDNUIsTUFBTSxTQUFTLEdBQUcsVUFBVSxHQUFHLFdBQVcsQ0FBQztnQkFFM0MsTUFBTSxlQUFlLEdBQUcsQ0FBQyxDQUFDLFFBQVEsR0FBRyxZQUFZLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ3JFLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxTQUFTLEdBQUcsWUFBWSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUU3RSxTQUFTLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxXQUFXLGdCQUFnQixPQUFPLGVBQWUsY0FBYyxDQUFDO1lBQy9GLENBQUM7UUFDTCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDVixDQUFDOytHQTFGUSw0QkFBNEI7bUdBQTVCLDRCQUE0QixvakJDOUJ6Qyw0akRBc0NNLHEwR0RkRSxPQUFPLG9GQUNQLEtBQUssbUhBQ0wsSUFBSSw2RkFDSixlQUFlOzs0RkFHViw0QkFBNEI7a0JBYnhDLFNBQVM7K0JBQ0ksdUJBQXVCLG1CQUdoQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUDt3QkFDTCxPQUFPO3dCQUNQLEtBQUs7d0JBQ0wsSUFBSTt3QkFDSixlQUFlO3FCQUNsQjtzRkFHK0Isb0JBQW9CO3NCQUFuRCxTQUFTO3VCQUFDLG1CQUFtQjtnQkFFckIsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25Jbml0LFxuICAgIE91dHB1dCxcbiAgICBTaW1wbGVDaGFuZ2VzLFxuICAgIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0ZvciwgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLXNlZ21lbnRlZC1jb250cm9sJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2VnbWVudGVkLWNvbnRyb2wuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NlZ21lbnRlZC1jb250cm9sLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE5nQ2xhc3MsXG4gICAgICAgIE5nRm9yLFxuICAgICAgICBOZ0lmLFxuICAgICAgICBGYUljb25Db21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzU2VnbWVudGVkQ29udHJvbENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCwgT25DaGFuZ2VzIHtcbiAgICBAVmlld0NoaWxkKCdjbGlwUGF0aENvbnRhaW5lcicpIGNsaXBQYXRoQ29udGFpbmVyUmVmITogRWxlbWVudFJlZjxIVE1MRGl2RWxlbWVudD47XG5cbiAgICBASW5wdXQoKSBpdGVtczogYW55W10gfCB1bmRlZmluZWQ7XG4gICAgQElucHV0KCkgdmFsdWU6IGFueTtcbiAgICBASW5wdXQoKSB2YWx1ZUV4cHI7XG4gICAgQElucHV0KCkgZGlzcGxheUV4cHI6IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgICBASW5wdXQoKSBpY29uRXhwcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICAgIEBJbnB1dCgpIHRvb2x0aXBFeHByOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgQElucHV0KCkgaWRFeHByOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gICAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgc3R5bGU6ICdkZWZhdWx0JyB8ICdwcmltYXJ5JyB8ICdpbnZlcnRlZCc7XG4gICAgQElucHV0KCkgc2VnbWVudFBhZGRpbmc6ICd0aWdodCcgfCAnbG9vc2UnID0gJ2xvb3NlJztcbiAgICBASW5wdXQoKSBlbmFibGVBbmltYXRpb246IGJvb2xlYW4gPSB0cnVlO1xuXG4gICAgQE91dHB1dCgpIGl0ZW1DaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSB2YWx1ZUNoYW5nZTogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICAgICAgdGhpcy52YWx1ZUV4cHIgPSAndmFsdWUnO1xuICAgICAgICB0aGlzLmRpc3BsYXlFeHByID0gJ3RleHQnO1xuICAgICAgICB0aGlzLmRpc2FibGVkID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc3R5bGUgPSAnZGVmYXVsdCc7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7fVxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICBpZiAodGhpcy5lbmFibGVBbmltYXRpb24pIHtcbiAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xpcFBhdGgoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICAgICAgaWYgKChjaGFuZ2VzWyd2YWx1ZSddIHx8IGNoYW5nZXNbJ2VuYWJsZUNsaXBQYXRoQW5pbWF0aW9uJ10pICYmIHRoaXMuZW5hYmxlQW5pbWF0aW9uKSB7XG4gICAgICAgICAgICAvLyBVc2UgYSBsb25nZXIgdGltZW91dCB0byBlbnN1cmUgdGhlIERPTSBpcyB1cGRhdGVkXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMudXBkYXRlQ2xpcFBhdGgoKSwgNTApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbTogYW55LCBldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcblxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBpdGVtW3RoaXMudmFsdWVFeHByXTtcbiAgICAgICAgICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICAgICAgICAgIHRoaXMuaXRlbUNoYW5nZS5lbWl0KGl0ZW0pO1xuXG4gICAgICAgICAgICBpZiAodGhpcy5lbmFibGVBbmltYXRpb24pIHtcbiAgICAgICAgICAgICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7IFxuICAgICAgICAgICAgICAgIHRoaXMudXBkYXRlQ2xpcFBhdGgoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlQ2xpcFBhdGgoKSB7XG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgY29udGFpbmVyID0gdGhpcy5jbGlwUGF0aENvbnRhaW5lclJlZj8ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgICAgIGlmICghY29udGFpbmVyKSByZXR1cm47XG5cbiAgICAgICAgICAgIGNvbnN0IGFjdGl2ZVNlZ21lbnQgPSBjb250YWluZXIucGFyZW50RWxlbWVudD8ucXVlcnlTZWxlY3RvcihcbiAgICAgICAgICAgICAgICBgLnNlZ21lbnQuc2VsZWN0ZWQ6bm90KC5zZWdtZW50LW92ZXJsYXkpYFxuICAgICAgICAgICAgKSBhcyBIVE1MRWxlbWVudDtcblxuICAgICAgICAgICAgaWYgKGFjdGl2ZVNlZ21lbnQgJiYgY29udGFpbmVyLnBhcmVudEVsZW1lbnQpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBwYXJlbnRFbGVtZW50ID0gY29udGFpbmVyLnBhcmVudEVsZW1lbnQ7XG4gICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgY29uc3QgY29tcHV0ZWRTdHlsZSA9IHdpbmRvdy5nZXRDb21wdXRlZFN0eWxlKHBhcmVudEVsZW1lbnQpO1xuICAgICAgICAgICAgICAgIGNvbnN0IHBhZGRpbmdMZWZ0ID0gcGFyc2VGbG9hdChjb21wdXRlZFN0eWxlLnBhZGRpbmdMZWZ0KTtcbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICBjb25zdCBvZmZzZXRMZWZ0ID0gYWN0aXZlU2VnbWVudC5vZmZzZXRMZWZ0IC0gcGFkZGluZ0xlZnQ7XG4gICAgICAgICAgICAgICAgY29uc3Qgb2Zmc2V0V2lkdGggPSBhY3RpdmVTZWdtZW50Lm9mZnNldFdpZHRoO1xuICAgICAgICAgICAgICAgIGNvbnN0IG92ZXJsYXlXaWR0aCA9IGNvbnRhaW5lci5vZmZzZXRXaWR0aDtcblxuICAgICAgICAgICAgICAgIC8vIE9ubHkgdXBkYXRlIGlmIHdlIGhhdmUgdmFsaWQgZGltZW5zaW9uc1xuICAgICAgICAgICAgICAgIGlmIChvZmZzZXRXaWR0aCA9PT0gMCB8fCBvdmVybGF5V2lkdGggPT09IDApIHtcbiAgICAgICAgICAgICAgICAgICAgLy8gUmV0cnkgYWZ0ZXIgYSBzaG9ydCBkZWxheSBpZiBlbGVtZW50cyBhcmVuJ3QgcmVuZGVyZWQgeWV0XG4gICAgICAgICAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy51cGRhdGVDbGlwUGF0aCgpLCAxMDApO1xuICAgICAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgY29uc3QgY2xpcExlZnQgPSBvZmZzZXRMZWZ0O1xuICAgICAgICAgICAgICAgIGNvbnN0IGNsaXBSaWdodCA9IG9mZnNldExlZnQgKyBvZmZzZXRXaWR0aDtcbiAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICBjb25zdCBjbGlwTGVmdFBlcmNlbnQgPSAoKGNsaXBMZWZ0IC8gb3ZlcmxheVdpZHRoKSAqIDEwMCkudG9GaXhlZCgyKTtcbiAgICAgICAgICAgICAgICBjb25zdCBjbGlwUmlnaHRQZXJjZW50ID0gKDEwMCAtIChjbGlwUmlnaHQgLyBvdmVybGF5V2lkdGgpICogMTAwKS50b0ZpeGVkKDIpO1xuICAgICAgICAgICAgICAgIFxuICAgICAgICAgICAgICAgIGNvbnRhaW5lci5zdHlsZS5jbGlwUGF0aCA9IGBpbnNldCgwICR7Y2xpcFJpZ2h0UGVyY2VudH0lIDAgJHtjbGlwTGVmdFBlcmNlbnR9JSByb3VuZCA0cHgpYDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMCk7XG4gICAgfVxufSIsIjxkaXYgXG4gICAgY2xhc3M9XCJzZHMtc2VnbWVudGVkLWNvbnRyb2wtY29udGFpbmVyXCIgXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAnZGlzYWJsZWQnOiBkaXNhYmxlZCxcbiAgICAgICAgJ3Nkcy1zZWdtZW50ZWQtY29udHJvbC1wcmltYXJ5Jzogc3R5bGUgPT0gJ3ByaW1hcnknLFxuICAgICAgICAnc2RzLXNlZ21lbnRlZC1jb250cm9sLWludmVydGVkJzogc3R5bGUgPT0gJ2ludmVydGVkJyxcbiAgICAgICAgJ2NsaXAtcGF0aC1lbmFibGVkJzogZW5hYmxlQW5pbWF0aW9uXG4gICAgfVwiPlxuICAgIFxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBsYXN0ID0gbGFzdDtcIiBcbiAgICAgICAgY2xhc3M9XCJzZWdtZW50XCIgXG4gICAgICAgIGlkPVwie3tpZEV4cHIgPyBpdGVtW2lkRXhwcl06ICcnfX1cIlxuICAgICAgICBbY2xhc3Muc2VsZWN0ZWRdPVwiaXRlbVt2YWx1ZUV4cHJdID09IHZhbHVlXCJcbiAgICAgICAgW2NsYXNzLnRpZ2h0LXBhZGRpbmddPVwic2VnbWVudFBhZGRpbmcgPT0gJ3RpZ2h0J1wiXG4gICAgICAgIFt0aXRsZV09XCJ0b29sdGlwRXhwciAmJiBpdGVtW3Rvb2x0aXBFeHByXSA/IGl0ZW1bdG9vbHRpcEV4cHJdIDogJydcIlxuICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtLCAkZXZlbnQpXCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1mbGV4LXJvdy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvbkV4cHIgJiYgaXRlbVtpY29uRXhwcl1cIiBbaWNvbl09XCJpdGVtW2ljb25FeHByXVwiIFtmaXhlZFdpZHRoXT1cInRydWVcIj48L2ZhLWljb24+XG4gICAgICAgICAgICA8c3BhbiAqbmdJZj1cImRpc3BsYXlFeHByXCI+e3tpdGVtW2Rpc3BsYXlFeHByXX19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJlbmFibGVBbmltYXRpb25cIiBcbiAgICAgICAgIGNsYXNzPVwic2RzLWNsaXAtcGF0aC1vdmVybGF5XCIgXG4gICAgICAgICAjY2xpcFBhdGhDb250YWluZXIgXG4gICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtczsgbGV0IGxhc3QgPSBsYXN0O1wiIFxuICAgICAgICAgICAgY2xhc3M9XCJzZWdtZW50IHNlZ21lbnQtb3ZlcmxheVwiIFxuICAgICAgICAgICAgW2NsYXNzLnRpZ2h0LXBhZGRpbmddPVwic2VnbWVudFBhZGRpbmcgPT0gJ3RpZ2h0J1wiXG4gICAgICAgICAgICBbdGFiSW5kZXhdPVwiLTFcIj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNkcy1mbGV4LXJvdy1jZW50ZXIgZ2FwLTJcIj5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiAqbmdJZj1cImljb25FeHByICYmIGl0ZW1baWNvbkV4cHJdXCIgW2ljb25dPVwiaXRlbVtpY29uRXhwcl1cIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiZGlzcGxheUV4cHJcIj57e2l0ZW1bZGlzcGxheUV4cHJdfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=

package/esm2022/src/lib/side-bar/side-bar.component.mjs

@@ -1,6 +1,4 @@
-import { Component, Input, model } from '@angular/core';
-import { FaIconComponent } from '@fortawesome/angular-fontawesome';
-import { NgIf, NgStyle } from '@angular/common';
+import { ChangeDetectionStrategy, Component, HostListener, input, model, output } from '@angular/core';
 import * as i0 from "@angular/core";
 export class SdsSideBarComponent {
     constructor() {
@@ -10,30 +8,38 @@ export class SdsSideBarComponent {
          * @type {number}
          * @memberof SdsSideBarComponent
          */
-        this.widthRem = 16;
+        this.widthRem = input(16);
         /**
-         * Product name defines the color scheme of the side bar.
-         * Default is 'all-hours'.
-         * Options: 'all-hours', 'door-cloud', 'my-hours', 'time-and-space'
+         * State of the side bar, whether it is collapsed or expanded.
          *
-         * @type {string}
          * @memberof SdsSideBarComponent
          */
-        this.product = 'all-hours';
         this.isCollapsed = model(false);
+        /**
+         * Indicates whether the side bar is currently hovered by the user.
+         * This can be used to trigger hover effects or to temporarily expand
+         * the side bar on hover when it is in a collapsed state.
+         *
+         * @memberof SdsSideBarComponent
+         */
+        this.isHovered = output();
     }
+    onEnter() { this.isHovered.emit(true); }
+    onLeave() { this.isHovered.emit(false); }
     toggleSideBar(state) {
         this.isCollapsed.set(!this.isCollapsed());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSideBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsSideBarComponent, isStandalone: true, selector: "sds-side-bar", inputs: { widthRem: { classPropertyName: "widthRem", publicName: "widthRem", isSignal: false, isRequired: false, transformFunction: null }, product: { classPropertyName: "product", publicName: "product", isSignal: false, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange" }, ngImport: i0, template: "<div \r\n    class=\"sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"!isCollapsed()\"   \r\n    [class.disable-transition]=\"!isCollapsed()\"\r\n    >\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [style.width.rem]=\"!isCollapsed()  ? widthRem : 3.5\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.sds-side-bar-open]=\"!isCollapsed()\"\r\n    >\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100 w-100x\" \r\n            style=\"transition: none\"\r\n            [style.width.rem]=\"!isCollapsed()  ? widthRem : 3.5\"\r\n            >\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.2s ease-in-out;overflow-x:hidden;z-index:10;position:relative}.sds-side-bar.disable-transition{transition:none}:host{display:block}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", type: SdsSideBarComponent, isStandalone: true, selector: "sds-side-bar", inputs: { widthRem: { classPropertyName: "widthRem", publicName: "widthRem", isSignal: true, isRequired: false, transformFunction: null }, isCollapsed: { classPropertyName: "isCollapsed", publicName: "isCollapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isCollapsed: "isCollapsedChange", isHovered: "isHovered" }, host: { listeners: { "mouseenter": "onEnter()", "mouseleave": "onLeave()" } }, ngImport: i0, template: "<div \n    class=\"sds-side-bar-container\"\n    [class.sds-side-bar-open]=\"!isCollapsed()\"   \n    [class.disable-transition]=\"!isCollapsed()\"\n    >\n\n    <aside\n        class=\"sds-side-bar h-100 border-end\"\n        [style.width.rem]=\"!isCollapsed()  ? widthRem() : 3.5\"\n        \n        [class.sds-side-bar-open]=\"!isCollapsed()\"\n    >\n        <div class=\"d-flex flex-column flex-grow-0 h-100 w-100x\" \n            style=\"transition: none\"\n            [style.width.rem]=\"!isCollapsed()  ? widthRem() : 3.5\"\n            >\n            <ng-content></ng-content>                \n        </div>\n    </aside>\n</div>", styles: [".sds-side-bar{transition:.2s ease-out;overflow-x:hidden;z-index:10;position:relative}.sds-side-bar.disable-transition{transition:none}:host{display:block;--sds-navigation-active-item: oklch(.6 .2 var(--sds-brand-hue) / .12)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsSideBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-side-bar', standalone: true, imports: [NgIf, NgStyle, FaIconComponent], template: "<div \r\n    class=\"sds-side-bar-container\"\r\n    [class.sds-side-bar-open]=\"!isCollapsed()\"   \r\n    [class.disable-transition]=\"!isCollapsed()\"\r\n    >\r\n\r\n    <aside\r\n        class=\"sds-side-bar h-100 border-end\"\r\n        [style.width.rem]=\"!isCollapsed()  ? widthRem : 3.5\"\r\n        [class]=\"(product ? 'product-' + product : null)\"\r\n        [class.sds-side-bar-open]=\"!isCollapsed()\"\r\n    >\r\n        <div class=\"d-flex flex-column flex-grow-0 h-100 w-100x\" \r\n            style=\"transition: none\"\r\n            [style.width.rem]=\"!isCollapsed()  ? widthRem : 3.5\"\r\n            >\r\n            <ng-content></ng-content>                \r\n        </div>\r\n    </aside>\r\n</div>", styles: [".sds-side-bar{transition:.2s ease-in-out;overflow-x:hidden;z-index:10;position:relative}.sds-side-bar.disable-transition{transition:none}:host{display:block}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { widthRem: [{
-                type: Input
-            }], product: [{
-                type: Input
+            args: [{ selector: 'sds-side-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n    class=\"sds-side-bar-container\"\n    [class.sds-side-bar-open]=\"!isCollapsed()\"   \n    [class.disable-transition]=\"!isCollapsed()\"\n    >\n\n    <aside\n        class=\"sds-side-bar h-100 border-end\"\n        [style.width.rem]=\"!isCollapsed()  ? widthRem() : 3.5\"\n        \n        [class.sds-side-bar-open]=\"!isCollapsed()\"\n    >\n        <div class=\"d-flex flex-column flex-grow-0 h-100 w-100x\" \n            style=\"transition: none\"\n            [style.width.rem]=\"!isCollapsed()  ? widthRem() : 3.5\"\n            >\n            <ng-content></ng-content>                \n        </div>\n    </aside>\n</div>", styles: [".sds-side-bar{transition:.2s ease-out;overflow-x:hidden;z-index:10;position:relative}.sds-side-bar.disable-transition{transition:none}:host{display:block;--sds-navigation-active-item: oklch(.6 .2 var(--sds-brand-hue) / .12)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { onEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsS0FBSyxFQUFFLEtBQUssRUFBK0MsTUFBTSxlQUFlLENBQUM7QUFDcEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBU2hELE1BQU0sT0FBTyxtQkFBbUI7SUFzQjVCO1FBcEJBOzs7OztXQUtHO1FBQ2EsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUV0Qzs7Ozs7OztXQU9HO1FBQ00sWUFBTyxHQUErRCxXQUFXLENBQUM7UUFFM0YsZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUE7SUFFcEIsQ0FBQztJQUVULGFBQWEsQ0FBQyxLQUFlO1FBQ2hDLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDOUMsQ0FBQzsrR0ExQlEsbUJBQW1CO21HQUFuQixtQkFBbUIsOGdCQ1hoQyx3dEJBbUJNOzs0RkRSTyxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0ksY0FBYyxjQUdaLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsZUFBZSxDQUFDO3dEQVV6QixRQUFRO3NCQUF2QixLQUFLO2dCQVVHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5qZWN0LCBpbnB1dCwgSW5wdXQsIG1vZGVsLCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuaW1wb3J0IHsgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2RzLXNpZGUtYmFyJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaWRlLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlLWJhci5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtOZ0lmLCBOZ1N0eWxlLCBGYUljb25Db21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzU2lkZUJhckNvbXBvbmVudCB7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBEZWZpbmUgdGhlIHdpZHRoIG9mIHRoZSBzaWRlIGJhciBpbiByZW0uXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge251bWJlcn1cclxuICAgICAqIEBtZW1iZXJvZiBTZHNTaWRlQmFyQ29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIHB1YmxpYyB3aWR0aFJlbTogbnVtYmVyID0gMTY7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBQcm9kdWN0IG5hbWUgZGVmaW5lcyB0aGUgY29sb3Igc2NoZW1lIG9mIHRoZSBzaWRlIGJhci5cclxuICAgICAqIERlZmF1bHQgaXMgJ2FsbC1ob3VycycuXHJcbiAgICAgKiBPcHRpb25zOiAnYWxsLWhvdXJzJywgJ2Rvb3ItY2xvdWQnLCAnbXktaG91cnMnLCAndGltZS1hbmQtc3BhY2UnXHJcbiAgICAgKlxyXG4gICAgICogQHR5cGUge3N0cmluZ31cclxuICAgICAqIEBtZW1iZXJvZiBTZHNTaWRlQmFyQ29tcG9uZW50XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIHByb2R1Y3Q6ICdhbGwtaG91cnMnIHwgJ2Rvb3ItY2xvdWQnIHwgJ215LWhvdXJzJyB8ICd0aW1lLWFuZC1zcGFjZScgPSAnYWxsLWhvdXJzJztcclxuXHJcbiAgICBpc0NvbGxhcHNlZCA9IG1vZGVsPGJvb2xlYW4+KGZhbHNlKVxyXG5cclxuICAgIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgICBwdWJsaWMgdG9nZ2xlU2lkZUJhcihzdGF0ZT86IGJvb2xlYW4pIHtcclxuICAgICAgICB0aGlzLmlzQ29sbGFwc2VkLnNldCghdGhpcy5pc0NvbGxhcHNlZCgpKTtcclxuICAgIH0gICAgXHJcbn1cclxuIiwiPGRpdiBcclxuICAgIGNsYXNzPVwic2RzLXNpZGUtYmFyLWNvbnRhaW5lclwiXHJcbiAgICBbY2xhc3Muc2RzLXNpZGUtYmFyLW9wZW5dPVwiIWlzQ29sbGFwc2VkKClcIiAgIFxyXG4gICAgW2NsYXNzLmRpc2FibGUtdHJhbnNpdGlvbl09XCIhaXNDb2xsYXBzZWQoKVwiXHJcbiAgICA+XHJcblxyXG4gICAgPGFzaWRlXHJcbiAgICAgICAgY2xhc3M9XCJzZHMtc2lkZS1iYXIgaC0xMDAgYm9yZGVyLWVuZFwiXHJcbiAgICAgICAgW3N0eWxlLndpZHRoLnJlbV09XCIhaXNDb2xsYXBzZWQoKSAgPyB3aWR0aFJlbSA6IDMuNVwiXHJcbiAgICAgICAgW2NsYXNzXT1cIihwcm9kdWN0ID8gJ3Byb2R1Y3QtJyArIHByb2R1Y3QgOiBudWxsKVwiXHJcbiAgICAgICAgW2NsYXNzLnNkcy1zaWRlLWJhci1vcGVuXT1cIiFpc0NvbGxhcHNlZCgpXCJcclxuICAgID5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGZsZXgtZ3Jvdy0wIGgtMTAwIHctMTAweFwiIFxyXG4gICAgICAgICAgICBzdHlsZT1cInRyYW5zaXRpb246IG5vbmVcIlxyXG4gICAgICAgICAgICBbc3R5bGUud2lkdGgucmVtXT1cIiFpc0NvbGxhcHNlZCgpICA/IHdpZHRoUmVtIDogMy41XCJcclxuICAgICAgICAgICAgPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+ICAgICAgICAgICAgICAgIFxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9hc2lkZT5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1iYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBU3ZHLE1BQU0sT0FBTyxtQkFBbUI7SUEyQjVCO1FBekJBOzs7OztXQUtHO1FBQ0ksYUFBUSxHQUFHLEtBQUssQ0FBUyxFQUFFLENBQUMsQ0FBQztRQUVwQzs7OztXQUlHO1FBQ0ksZ0JBQVcsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUE7UUFFMUM7Ozs7OztXQU1HO1FBQ0ksY0FBUyxHQUFHLE1BQU0sRUFBVyxDQUFDO0lBR3RCLENBQUM7SUFFWSxPQUFPLEtBQUssSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3hDLE9BQU8sS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFOUQsYUFBYSxDQUFDLEtBQWU7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUM5QyxDQUFDOytHQWxDUSxtQkFBbUI7bUdBQW5CLG1CQUFtQixxZkNUaEMsbW9CQW1CTTs7NEZEVk8sbUJBQW1CO2tCQVAvQixTQUFTOytCQUNJLGNBQWMsY0FHWixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU07d0RBK0JuQixPQUFPO3NCQUFsQyxZQUFZO3VCQUFDLFlBQVk7Z0JBQ0UsT0FBTztzQkFBbEMsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBpbnB1dCwgbW9kZWwsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Nkcy1zaWRlLWJhcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NpZGUtYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlLWJhci5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNkc1NpZGVCYXJDb21wb25lbnQge1xuXG4gICAgLyoqXG4gICAgICogRGVmaW5lIHRoZSB3aWR0aCBvZiB0aGUgc2lkZSBiYXIgaW4gcmVtLlxuICAgICAqXG4gICAgICogQHR5cGUge251bWJlcn1cbiAgICAgKiBAbWVtYmVyb2YgU2RzU2lkZUJhckNvbXBvbmVudFxuICAgICAqL1xuICAgIHB1YmxpYyB3aWR0aFJlbSA9IGlucHV0PG51bWJlcj4oMTYpO1xuXG4gICAgLyoqXG4gICAgICogU3RhdGUgb2YgdGhlIHNpZGUgYmFyLCB3aGV0aGVyIGl0IGlzIGNvbGxhcHNlZCBvciBleHBhbmRlZC5cbiAgICAgKlxuICAgICAqIEBtZW1iZXJvZiBTZHNTaWRlQmFyQ29tcG9uZW50XG4gICAgICovXG4gICAgcHVibGljIGlzQ29sbGFwc2VkID0gbW9kZWw8Ym9vbGVhbj4oZmFsc2UpXG5cbiAgICAvKipcbiAgICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgc2lkZSBiYXIgaXMgY3VycmVudGx5IGhvdmVyZWQgYnkgdGhlIHVzZXIuIFxuICAgICAqIFRoaXMgY2FuIGJlIHVzZWQgdG8gdHJpZ2dlciBob3ZlciBlZmZlY3RzIG9yIHRvIHRlbXBvcmFyaWx5IGV4cGFuZCBcbiAgICAgKiB0aGUgc2lkZSBiYXIgb24gaG92ZXIgd2hlbiBpdCBpcyBpbiBhIGNvbGxhcHNlZCBzdGF0ZS5cbiAgICAgKlxuICAgICAqIEBtZW1iZXJvZiBTZHNTaWRlQmFyQ29tcG9uZW50XG4gICAgICovXG4gICAgcHVibGljIGlzSG92ZXJlZCA9IG91dHB1dDxib29sZWFuPigpO1xuXG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJykgb25FbnRlcigpIHsgdGhpcy5pc0hvdmVyZWQuZW1pdCh0cnVlKTsgfVxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKSBvbkxlYXZlKCkgeyB0aGlzLmlzSG92ZXJlZC5lbWl0KGZhbHNlKTsgfVxuXG4gICAgcHVibGljIHRvZ2dsZVNpZGVCYXIoc3RhdGU/OiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuaXNDb2xsYXBzZWQuc2V0KCF0aGlzLmlzQ29sbGFwc2VkKCkpO1xuICAgIH0gICAgXG59XG4iLCI8ZGl2IFxuICAgIGNsYXNzPVwic2RzLXNpZGUtYmFyLWNvbnRhaW5lclwiXG4gICAgW2NsYXNzLnNkcy1zaWRlLWJhci1vcGVuXT1cIiFpc0NvbGxhcHNlZCgpXCIgICBcbiAgICBbY2xhc3MuZGlzYWJsZS10cmFuc2l0aW9uXT1cIiFpc0NvbGxhcHNlZCgpXCJcbiAgICA+XG5cbiAgICA8YXNpZGVcbiAgICAgICAgY2xhc3M9XCJzZHMtc2lkZS1iYXIgaC0xMDAgYm9yZGVyLWVuZFwiXG4gICAgICAgIFtzdHlsZS53aWR0aC5yZW1dPVwiIWlzQ29sbGFwc2VkKCkgID8gd2lkdGhSZW0oKSA6IDMuNVwiXG4gICAgICAgIFxuICAgICAgICBbY2xhc3Muc2RzLXNpZGUtYmFyLW9wZW5dPVwiIWlzQ29sbGFwc2VkKClcIlxuICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBmbGV4LWNvbHVtbiBmbGV4LWdyb3ctMCBoLTEwMCB3LTEwMHhcIiBcbiAgICAgICAgICAgIHN0eWxlPVwidHJhbnNpdGlvbjogbm9uZVwiXG4gICAgICAgICAgICBbc3R5bGUud2lkdGgucmVtXT1cIiFpc0NvbGxhcHNlZCgpICA/IHdpZHRoUmVtKCkgOiAzLjVcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiAgICAgICAgICAgICAgICBcbiAgICAgICAgPC9kaXY+XG4gICAgPC9hc2lkZT5cbjwvZGl2PiJdfQ==

package/esm2022/src/lib/static-value/public-api.mjs

@@ -1,2 +1,2 @@
 export * from './static-value.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0ICogZnJvbSAnLi9zdGF0aWMtdmFsdWUuY29tcG9uZW50JzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZS9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLGNBQWMsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJcbmV4cG9ydCAqIGZyb20gJy4vc3RhdGljLXZhbHVlLmNvbXBvbmVudCc7Il19

package/esm2022/src/lib/static-value/static-value.component.mjs

@@ -10,11 +10,11 @@ export class SdsStaticValueComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsStaticValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsStaticValueComponent, isStandalone: true, selector: "sds-static-value", inputs: { icon: "icon", label: "label", showColon: "showColon" }, ngImport: i0, template: "<div class=\"d-flex gap-1 align-items-center\">\r\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\r\n    <div *ngIf=\"label || showColon\">\r\n        <span>{{label}}</span>\r\n        <span *ngIf=\"showColon\">:</span>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsStaticValueComponent, isStandalone: true, selector: "sds-static-value", inputs: { icon: "icon", label: "label", showColon: "showColon" }, ngImport: i0, template: "<div class=\"d-flex gap-1 align-items-center\">\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\n    <div *ngIf=\"label || showColon\">\n        <span>{{label}}</span>\n        <span *ngIf=\"showColon\">:</span>\n    </div>\n    <ng-content></ng-content>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsStaticValueComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sds-static-value', standalone: true, imports: [NgIf, FaIconComponent], template: "<div class=\"d-flex gap-1 align-items-center\">\r\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\r\n    <div *ngIf=\"label || showColon\">\r\n        <span>{{label}}</span>\r\n        <span *ngIf=\"showColon\">:</span>\r\n    </div>\r\n    <ng-content></ng-content>\r\n</div>" }]
+            args: [{ selector: 'sds-static-value', standalone: true, imports: [NgIf, FaIconComponent], template: "<div class=\"d-flex gap-1 align-items-center\">\n    <fa-icon *ngIf=\"icon\" [fixedWidth]=\"true\" [icon]=\"icon\"></fa-icon>\n    <div *ngIf=\"label || showColon\">\n        <span>{{label}}</span>\n        <span *ngIf=\"showColon\">:</span>\n    </div>\n    <ng-content></ng-content>\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { icon: [{
                 type: Input
             }], label: [{
@@ -22,4 +22,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], showColon: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGljLXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZS9zdGF0aWMtdmFsdWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc3RhdGljLXZhbHVlL3N0YXRpYy12YWx1ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVN2QyxNQUFNLE9BQU8sdUJBQXVCO0lBUWhDO1FBTGdCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLElBQUksQ0FBQztJQUkxQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVhRLHVCQUF1QjttR0FBdkIsdUJBQXVCLDhJQ1pwQyxvVEFPTSwwRERHUSxJQUFJLDZGQUFFLGVBQWU7OzRGQUV0Qix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0ksa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxlQUFlLENBQUM7d0RBSWhCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25Qcm9wIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZvbnRhd2Vzb21lLXN2Zy1jb3JlJztcclxuaW1wb3J0IHsgRmFJY29uQ29tcG9uZW50IH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdzZHMtc3RhdGljLXZhbHVlJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdGF0aWMtdmFsdWUuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vc3RhdGljLXZhbHVlLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gICAgaW1wb3J0czogW05nSWYsIEZhSWNvbkNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNkc1N0YXRpY1ZhbHVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgICBASW5wdXQoKSBwdWJsaWMgaWNvbjogSWNvblByb3AgfCB1bmRlZmluZWQ7XHJcbiAgICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZyA9ICcnO1xyXG4gICAgQElucHV0KCkgcHVibGljIHNob3dDb2xvbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG5cclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZC1mbGV4IGdhcC0xIGFsaWduLWl0ZW1zLWNlbnRlclwiPlxyXG4gICAgPGZhLWljb24gKm5nSWY9XCJpY29uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XHJcbiAgICA8ZGl2ICpuZ0lmPVwibGFiZWwgfHwgc2hvd0NvbG9uXCI+XHJcbiAgICAgICAgPHNwYW4+e3tsYWJlbH19PC9zcGFuPlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2hvd0NvbG9uXCI+Ojwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGljLXZhbHVlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3N0YXRpYy12YWx1ZS9zdGF0aWMtdmFsdWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvc3RhdGljLXZhbHVlL3N0YXRpYy12YWx1ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVN2QyxNQUFNLE9BQU8sdUJBQXVCO0lBUWhDO1FBTGdCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsY0FBUyxHQUFZLElBQUksQ0FBQztJQUkxQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQVhRLHVCQUF1QjttR0FBdkIsdUJBQXVCLDhJQ1pwQyxzU0FPTSwwRERHUSxJQUFJLDZGQUFFLGVBQWU7OzRGQUV0Qix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0ksa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxlQUFlLENBQUM7d0RBSWhCLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uUHJvcCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mb250YXdlc29tZS1zdmctY29yZSc7XG5pbXBvcnQgeyBGYUljb25Db21wb25lbnQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdzZHMtc3RhdGljLXZhbHVlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc3RhdGljLXZhbHVlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdGF0aWMtdmFsdWUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtOZ0lmLCBGYUljb25Db21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFNkc1N0YXRpY1ZhbHVlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIHB1YmxpYyBpY29uOiBJY29uUHJvcCB8IHVuZGVmaW5lZDtcbiAgICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBzaG93Q29sb246IGJvb2xlYW4gPSB0cnVlO1xuXG5cblxuICAgIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJkLWZsZXggZ2FwLTEgYWxpZ24taXRlbXMtY2VudGVyXCI+XG4gICAgPGZhLWljb24gKm5nSWY9XCJpY29uXCIgW2ZpeGVkV2lkdGhdPVwidHJ1ZVwiIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XG4gICAgPGRpdiAqbmdJZj1cImxhYmVsIHx8IHNob3dDb2xvblwiPlxuICAgICAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwic2hvd0NvbG9uXCI+Ojwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2022/src/lib/table-actions/public-api.mjs

@@ -1,2 +1,2 @@
 export * from './table-actions.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3RhYmxlLWFjdGlvbnMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbmV4cG9ydCAqIGZyb20gJy4vdGFibGUtYWN0aW9ucy5jb21wb25lbnQnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZHMtY29tcG9uZW50cy9zcmMvbGliL3RhYmxlLWFjdGlvbnMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxjQUFjLDJCQUEyQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiXG5leHBvcnQgKiBmcm9tICcuL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50JzsiXX0=

package/esm2022/src/lib/table-actions/table-actions.component.mjs

@@ -24,7 +24,7 @@ export class SdsTableActionsComponent {
         this.showDropdown = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTableActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsTableActionsComponent, isStandalone: true, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon", dropDownAutoClose: "dropDownAutoClose", dropdownMinWidth: "dropdownMinWidth", hideActionsDropdown: "hideActionsDropdown" }, host: { properties: { "class.actions-dropdown-open": "this.showDropdown" } }, ngImport: i0, template: "<div class=\"sds-actions-container me-2\">\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select=\"quickActions\"></ng-content>\r\n\r\n        <ng-container *ngIf=\"!hideActionsDropdown\">\r\n            \r\n            <button\r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button sds-btn-table\"\r\n                type=\"button\"\r\n                (click)=\"toggleDropdownMenu()\"\r\n            >\r\n                <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <dx-popover\r\n                [target]=\"dropdownButton\"\r\n                [(visible)]=\"showDropdown\"\r\n                [minWidth]=\"dropdownMinWidth\"\r\n                [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\r\n            >\r\n                <dxo-position\r\n                    my=\"right top\"\r\n                    at=\"right bottom\"\r\n                    [of]=\"dropdownButton\"\r\n                >\r\n                    <dxo-offset [y]=\"-7\"></dxo-offset>\r\n                </dxo-position>\r\n\r\n                <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\r\n                    <ng-content></ng-content>\r\n                </ul>\r\n            </dx-popover>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.25rem;margin-bottom:.25rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i1.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i2.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i2.DxoOffsetComponent, selector: "dxo-offset", inputs: ["x", "y"] }, { kind: "ngmodule", type: DxoPositionModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SdsTableActionsComponent, isStandalone: true, selector: "sds-table-actions", inputs: { dropdownIcon: "dropdownIcon", dropDownAutoClose: "dropDownAutoClose", dropdownMinWidth: "dropdownMinWidth", hideActionsDropdown: "hideActionsDropdown" }, host: { properties: { "class.actions-dropdown-open": "this.showDropdown" } }, ngImport: i0, template: "<div class=\"sds-actions-container me-2\">\n    <div class=\"btn-group sds-actions-wrapper\">\n        <ng-content select=\"quickActions\"></ng-content>\n\n        <ng-container *ngIf=\"!hideActionsDropdown\">\n            \n            <button\n                #dropdownButton\n                class=\"sds-actions-dropdown-button sds-btn-table\"\n                type=\"button\"\n                (click)=\"toggleDropdownMenu()\"\n            >\n                <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\n                </fa-icon>\n            </button>\n\n            <dx-popover\n                [target]=\"dropdownButton\"\n                [(visible)]=\"showDropdown\"\n                [minWidth]=\"dropdownMinWidth\"\n                [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\n            >\n                <dxo-position\n                    my=\"right top\"\n                    at=\"right bottom\"\n                    [of]=\"dropdownButton\"\n                >\n                    <dxo-offset [y]=\"-7\"></dxo-offset>\n                </dxo-position>\n\n                <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\n                    <ng-content></ng-content>\n                </ul>\n            </dx-popover>\n        </ng-container>\n    </div>\n</div>\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.25rem;margin-bottom:.25rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "ngmodule", type: DxPopoverModule }, { kind: "component", type: i1.DxPopoverComponent, selector: "dx-popover", inputs: ["animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "enableBodyScroll", "height", "hideEvent", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showEvent", "showTitle", "target", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "onTitleRendered", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "enableBodyScrollChange", "heightChange", "hideEventChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showEventChange", "showTitleChange", "targetChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i2.DxoPositionComponent, selector: "dxo-position", inputs: ["at", "boundary", "boundaryOffset", "collision", "my", "of", "offset"] }, { kind: "component", type: i2.DxoOffsetComponent, selector: "dxo-offset", inputs: ["x", "y"] }, { kind: "ngmodule", type: DxoPositionModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SdsTableActionsComponent, decorators: [{
             type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         FaIconComponent,
                         DxPopoverModule,
                         DxoPositionModule
-                    ], template: "<div class=\"sds-actions-container me-2\">\r\n    <div class=\"btn-group sds-actions-wrapper\">\r\n        <ng-content select=\"quickActions\"></ng-content>\r\n\r\n        <ng-container *ngIf=\"!hideActionsDropdown\">\r\n            \r\n            <button\r\n                #dropdownButton\r\n                class=\"sds-actions-dropdown-button sds-btn-table\"\r\n                type=\"button\"\r\n                (click)=\"toggleDropdownMenu()\"\r\n            >\r\n                <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\r\n                </fa-icon>\r\n            </button>\r\n\r\n            <dx-popover\r\n                [target]=\"dropdownButton\"\r\n                [(visible)]=\"showDropdown\"\r\n                [minWidth]=\"dropdownMinWidth\"\r\n                [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\r\n            >\r\n                <dxo-position\r\n                    my=\"right top\"\r\n                    at=\"right bottom\"\r\n                    [of]=\"dropdownButton\"\r\n                >\r\n                    <dxo-offset [y]=\"-7\"></dxo-offset>\r\n                </dxo-position>\r\n\r\n                <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\r\n                    <ng-content></ng-content>\r\n                </ul>\r\n            </dx-popover>\r\n        </ng-container>\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.25rem;margin-bottom:.25rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"] }]
+                    ], template: "<div class=\"sds-actions-container me-2\">\n    <div class=\"btn-group sds-actions-wrapper\">\n        <ng-content select=\"quickActions\"></ng-content>\n\n        <ng-container *ngIf=\"!hideActionsDropdown\">\n            \n            <button\n                #dropdownButton\n                class=\"sds-actions-dropdown-button sds-btn-table\"\n                type=\"button\"\n                (click)=\"toggleDropdownMenu()\"\n            >\n                <fa-icon [icon]=\"dropdownIcon\" [fixedWidth]=\"true\" [size]=\"'sm'\">\n                </fa-icon>\n            </button>\n\n            <dx-popover\n                [target]=\"dropdownButton\"\n                [(visible)]=\"showDropdown\"\n                [minWidth]=\"dropdownMinWidth\"\n                [wrapperAttr]=\"{ class: 'sds-actions-dropdown' }\"\n            >\n                <dxo-position\n                    my=\"right top\"\n                    at=\"right bottom\"\n                    [of]=\"dropdownButton\"\n                >\n                    <dxo-offset [y]=\"-7\"></dxo-offset>\n                </dxo-position>\n\n                <ul class=\"sds-table-dropdown-menu\" (click)=\"closeDropdownMenu()\">\n                    <ng-content></ng-content>\n                </ul>\n            </dx-popover>\n        </ng-container>\n    </div>\n</div>\n", styles: ["::ng-deep .dx-datagrid-rowsview:has(sds-table-actions){overflow:visible}.sds-actions-dropdown-container{list-style:none}::ng-deep .sds-actions-dropdown .dx-popover-arrow{display:none}::ng-deep .sds-actions-dropdown .dx-popup-content{padding:0rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu{list-style:none;padding-left:0;margin-bottom:.25rem;margin-top:.25rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item{padding:.5rem 1rem;font-size:.9rem}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:hover{background-color:var(--bs-gray-200)}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-item:active{background-color:var(--bs-primary);color:#fff}::ng-deep .sds-actions-dropdown .sds-table-dropdown-menu .dropdown-divider{background-color:var(--bs-border-color-translucent);height:1px;margin-top:.25rem;margin-bottom:.25rem}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open),.sds-row:has(sds-table-actions.actions-dropdown-open){background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) td,.sds-row:has(sds-table-actions.actions-dropdown-open) td{background-color:var(--bs-gray-300)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-action-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{border-color:var(--bs-gray-500)!important}::ng-deep .dx-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button,.sds-row:has(sds-table-actions.actions-dropdown-open) sds-table-actions .sds-actions-dropdown-button{background-color:var(--bs-gray-200)!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { dropdownIcon: [{
                 type: Input
             }], dropDownAutoClose: [{
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: HostBinding,
                 args: ['class.actions-dropdown-open']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGFibGUtYWN0aW9ucy90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFeEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7O0FBZWpFLE1BQU0sT0FBTyx3QkFBd0I7SUFXakM7UUFUUyxpQkFBWSxHQUFhLFVBQVUsQ0FBQztRQUM3Qyx3Q0FBd0M7UUFDL0Isc0JBQWlCLEdBQTRDLE1BQU0sQ0FBQztRQUNwRSxxQkFBZ0IsR0FBVyxPQUFPLENBQUM7UUFDbkMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBRVEsaUJBQVksR0FBWSxLQUFLLENBQUM7SUFLakYsQ0FBQztJQUVKLFFBQVEsS0FBVSxDQUFDO0lBSVQsa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNDLENBQUM7SUFFUyxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQzsrR0F6QlEsd0JBQXdCO21HQUF4Qix3QkFBd0IsK1RDckJyQyxrNENBcUNBLHE4RER2QlEsSUFBSSw2RkFDSixlQUFlLGlQQUVmLGVBQWUsb2tEQUNmLGlCQUFpQjs7NEZBR1osd0JBQXdCO2tCQWJwQyxTQUFTOytCQUNJLG1CQUFtQixjQUdqQixJQUFJLFdBQ1A7d0JBQ0wsSUFBSTt3QkFDSixlQUFlO3dCQUVmLGVBQWU7d0JBQ2YsaUJBQWlCO3FCQUNwQjt3REFJUSxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUVnRCxZQUFZO3NCQUFqRSxXQUFXO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblByb3AgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZm9udGF3ZXNvbWUtc3ZnLWNvcmUnO1xyXG5pbXBvcnQgeyBmYUVsbGlwc2lzIH0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1yZWd1bGFyLXN2Zy1pY29ucyc7XHJcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcclxuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IER4UG9wb3Zlck1vZHVsZSB9IGZyb20gJ2RldmV4dHJlbWUtYW5ndWxhcic7XHJcbmltcG9ydCB7IER4b1Bvc2l0aW9uTW9kdWxlIH0gZnJvbSAnZGV2ZXh0cmVtZS1hbmd1bGFyL3VpL25lc3RlZCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnc2RzLXRhYmxlLWFjdGlvbnMnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFibGUtYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtcclxuICAgICAgICBOZ0lmLFxyXG4gICAgICAgIEZhSWNvbkNvbXBvbmVudCxcclxuXHJcbiAgICAgICAgRHhQb3BvdmVyTW9kdWxlLFxyXG4gICAgICAgIER4b1Bvc2l0aW9uTW9kdWxlXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2RzVGFibGVBY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgICBASW5wdXQoKSBkcm9wZG93bkljb246IEljb25Qcm9wID0gZmFFbGxpcHNpcztcclxuICAgIC8vIEBJbnB1dCgpIHNob3dTaGFkb3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGRyb3BEb3duQXV0b0Nsb3NlOiAndHJ1ZScgfCAnZmFsc2UnIHwgJ2luc2lkZScgfCAnb3V0c2lkZScgPSAndHJ1ZSc7XHJcbiAgICBASW5wdXQoKSBkcm9wZG93bk1pbldpZHRoOiBzdHJpbmcgPSAnMTByZW0nO1xyXG4gICAgQElucHV0KCkgaGlkZUFjdGlvbnNEcm9wZG93bjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuYWN0aW9ucy1kcm9wZG93bi1vcGVuJykgcHJvdGVjdGVkIHNob3dEcm9wZG93bjogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgXHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcblxyXG4gICAgKSB7fVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cclxuXHJcblxyXG4gICBcclxuICAgIHByb3RlY3RlZCB0b2dnbGVEcm9wZG93bk1lbnUoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zaG93RHJvcGRvd24gPSAhdGhpcy5zaG93RHJvcGRvd247XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIGNsb3NlRHJvcGRvd25NZW51KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuc2hvd0Ryb3Bkb3duID0gZmFsc2U7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzZHMtYWN0aW9ucy1jb250YWluZXIgbWUtMlwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImJ0bi1ncm91cCBzZHMtYWN0aW9ucy13cmFwcGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicXVpY2tBY3Rpb25zXCI+PC9uZy1jb250ZW50PlxyXG5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWhpZGVBY3Rpb25zRHJvcGRvd25cIj5cclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgICAgICNkcm9wZG93bkJ1dHRvblxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzZHMtYWN0aW9ucy1kcm9wZG93bi1idXR0b24gc2RzLWJ0bi10YWJsZVwiXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bk1lbnUoKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImRyb3Bkb3duSWNvblwiIFtmaXhlZFdpZHRoXT1cInRydWVcIiBbc2l6ZV09XCInc20nXCI+XHJcbiAgICAgICAgICAgICAgICA8L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG5cclxuICAgICAgICAgICAgPGR4LXBvcG92ZXJcclxuICAgICAgICAgICAgICAgIFt0YXJnZXRdPVwiZHJvcGRvd25CdXR0b25cIlxyXG4gICAgICAgICAgICAgICAgWyh2aXNpYmxlKV09XCJzaG93RHJvcGRvd25cIlxyXG4gICAgICAgICAgICAgICAgW21pbldpZHRoXT1cImRyb3Bkb3duTWluV2lkdGhcIlxyXG4gICAgICAgICAgICAgICAgW3dyYXBwZXJBdHRyXT1cInsgY2xhc3M6ICdzZHMtYWN0aW9ucy1kcm9wZG93bicgfVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDxkeG8tcG9zaXRpb25cclxuICAgICAgICAgICAgICAgICAgICBteT1cInJpZ2h0IHRvcFwiXHJcbiAgICAgICAgICAgICAgICAgICAgYXQ9XCJyaWdodCBib3R0b21cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtvZl09XCJkcm9wZG93bkJ1dHRvblwiXHJcbiAgICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICAgICAgPGR4by1vZmZzZXQgW3ldPVwiLTdcIj48L2R4by1vZmZzZXQ+XHJcbiAgICAgICAgICAgICAgICA8L2R4by1wb3NpdGlvbj5cclxuXHJcbiAgICAgICAgICAgICAgICA8dWwgY2xhc3M9XCJzZHMtdGFibGUtZHJvcGRvd24tbWVudVwiIChjbGljayk9XCJjbG9zZURyb3Bkb3duTWVudSgpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgPC9keC1wb3BvdmVyPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2RzLWNvbXBvbmVudHMvc3JjL2xpYi90YWJsZS1hY3Rpb25zL3RhYmxlLWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNkcy1jb21wb25lbnRzL3NyYy9saWIvdGFibGUtYWN0aW9ucy90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFeEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7O0FBZWpFLE1BQU0sT0FBTyx3QkFBd0I7SUFXakM7UUFUUyxpQkFBWSxHQUFhLFVBQVUsQ0FBQztRQUM3Qyx3Q0FBd0M7UUFDL0Isc0JBQWlCLEdBQTRDLE1BQU0sQ0FBQztRQUNwRSxxQkFBZ0IsR0FBVyxPQUFPLENBQUM7UUFDbkMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBRVEsaUJBQVksR0FBWSxLQUFLLENBQUM7SUFLakYsQ0FBQztJQUVKLFFBQVEsS0FBVSxDQUFDO0lBSVQsa0JBQWtCO1FBQ3hCLElBQUksQ0FBQyxZQUFZLEdBQUcsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzNDLENBQUM7SUFFUyxpQkFBaUI7UUFDdkIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQzsrR0F6QlEsd0JBQXdCO21HQUF4Qix3QkFBd0IsK1RDckJyQyx3ekNBcUNBLHE4RER2QlEsSUFBSSw2RkFDSixlQUFlLGlQQUVmLGVBQWUsb2tEQUNmLGlCQUFpQjs7NEZBR1osd0JBQXdCO2tCQWJwQyxTQUFTOytCQUNJLG1CQUFtQixjQUdqQixJQUFJLFdBQ1A7d0JBQ0wsSUFBSTt3QkFDSixlQUFlO3dCQUVmLGVBQWU7d0JBQ2YsaUJBQWlCO3FCQUNwQjt3REFJUSxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUVnRCxZQUFZO3NCQUFqRSxXQUFXO3VCQUFDLDZCQUE2QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEljb25Qcm9wIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZvbnRhd2Vzb21lLXN2Zy1jb3JlJztcbmltcG9ydCB7IGZhRWxsaXBzaXMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvcHJvLXJlZ3VsYXItc3ZnLWljb25zJztcbmltcG9ydCB7IEZhSWNvbkNvbXBvbmVudCB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRHhQb3BvdmVyTW9kdWxlIH0gZnJvbSAnZGV2ZXh0cmVtZS1hbmd1bGFyJztcbmltcG9ydCB7IER4b1Bvc2l0aW9uTW9kdWxlIH0gZnJvbSAnZGV2ZXh0cmVtZS1hbmd1bGFyL3VpL25lc3RlZCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnc2RzLXRhYmxlLWFjdGlvbnMnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWJsZS1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIE5nSWYsXG4gICAgICAgIEZhSWNvbkNvbXBvbmVudCxcblxuICAgICAgICBEeFBvcG92ZXJNb2R1bGUsXG4gICAgICAgIER4b1Bvc2l0aW9uTW9kdWxlXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2RzVGFibGVBY3Rpb25zQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIEBJbnB1dCgpIGRyb3Bkb3duSWNvbjogSWNvblByb3AgPSBmYUVsbGlwc2lzO1xuICAgIC8vIEBJbnB1dCgpIHNob3dTaGFkb3c6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBkcm9wRG93bkF1dG9DbG9zZTogJ3RydWUnIHwgJ2ZhbHNlJyB8ICdpbnNpZGUnIHwgJ291dHNpZGUnID0gJ3RydWUnO1xuICAgIEBJbnB1dCgpIGRyb3Bkb3duTWluV2lkdGg6IHN0cmluZyA9ICcxMHJlbSc7XG4gICAgQElucHV0KCkgaGlkZUFjdGlvbnNEcm9wZG93bjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5hY3Rpb25zLWRyb3Bkb3duLW9wZW4nKSBwcm90ZWN0ZWQgc2hvd0Ryb3Bkb3duOiBib29sZWFuID0gZmFsc2U7XG4gICAgXG5cbiAgICBjb25zdHJ1Y3RvcihcblxuICAgICkge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cblxuXG4gICBcbiAgICBwcm90ZWN0ZWQgdG9nZ2xlRHJvcGRvd25NZW51KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnNob3dEcm9wZG93biA9ICF0aGlzLnNob3dEcm9wZG93bjtcbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgY2xvc2VEcm9wZG93bk1lbnUoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2hvd0Ryb3Bkb3duID0gZmFsc2U7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwic2RzLWFjdGlvbnMtY29udGFpbmVyIG1lLTJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYnRuLWdyb3VwIHNkcy1hY3Rpb25zLXdyYXBwZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwicXVpY2tBY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaGlkZUFjdGlvbnNEcm9wZG93blwiPlxuICAgICAgICAgICAgXG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgI2Ryb3Bkb3duQnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzZHMtYWN0aW9ucy1kcm9wZG93bi1idXR0b24gc2RzLWJ0bi10YWJsZVwiXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duTWVudSgpXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJkcm9wZG93bkljb25cIiBbZml4ZWRXaWR0aF09XCJ0cnVlXCIgW3NpemVdPVwiJ3NtJ1wiPlxuICAgICAgICAgICAgICAgIDwvZmEtaWNvbj5cbiAgICAgICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8ZHgtcG9wb3ZlclxuICAgICAgICAgICAgICAgIFt0YXJnZXRdPVwiZHJvcGRvd25CdXR0b25cIlxuICAgICAgICAgICAgICAgIFsodmlzaWJsZSldPVwic2hvd0Ryb3Bkb3duXCJcbiAgICAgICAgICAgICAgICBbbWluV2lkdGhdPVwiZHJvcGRvd25NaW5XaWR0aFwiXG4gICAgICAgICAgICAgICAgW3dyYXBwZXJBdHRyXT1cInsgY2xhc3M6ICdzZHMtYWN0aW9ucy1kcm9wZG93bicgfVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGR4by1wb3NpdGlvblxuICAgICAgICAgICAgICAgICAgICBteT1cInJpZ2h0IHRvcFwiXG4gICAgICAgICAgICAgICAgICAgIGF0PVwicmlnaHQgYm90dG9tXCJcbiAgICAgICAgICAgICAgICAgICAgW29mXT1cImRyb3Bkb3duQnV0dG9uXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxkeG8tb2Zmc2V0IFt5XT1cIi03XCI+PC9keG8tb2Zmc2V0PlxuICAgICAgICAgICAgICAgIDwvZHhvLXBvc2l0aW9uPlxuXG4gICAgICAgICAgICAgICAgPHVsIGNsYXNzPVwic2RzLXRhYmxlLWRyb3Bkb3duLW1lbnVcIiAoY2xpY2spPVwiY2xvc2VEcm9wZG93bk1lbnUoKVwiPlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgPC91bD5cbiAgICAgICAgICAgIDwvZHgtcG9wb3Zlcj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==