@updevs/components 1.0.0-alpha.5 → 1.0.0-alpha.8

package/esm2022/popover/popover.directive.mjs

@@ -0,0 +1,129 @@
+import { Directive, Input, ViewContainerRef, Renderer2, ElementRef, Injector, NgZone, HostListener, inject } from '@angular/core';
+import { PositioningService, DynamicComponentLoaderService } from '@updevs/sdk/layout';
+import { PopoverComponent } from './popover.component';
+import * as i0 from "@angular/core";
+export class PopoverDirective {
+    constructor() {
+        this.placement = 'top';
+        /**
+         * This makes the popover behave like a tooltip.
+         * It means it'll show/hide depending on whether the mouse is over or not the element.
+         */
+        this.actAsTooltip = false;
+        this.elementRef = inject(ElementRef);
+        this.renderer = inject(Renderer2);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.ngZone = inject(NgZone);
+        this.injector = inject(Injector);
+        this.positioningService = inject(PositioningService);
+        this.dynamicComponentLoaderService = inject(DynamicComponentLoaderService);
+    }
+    onMouseEnter() {
+        if (this.actAsTooltip) {
+            this.initPopover();
+        }
+    }
+    onMouseLeave() {
+        if (this.actAsTooltip) {
+            this.disposePopover();
+        }
+    }
+    onClick() {
+        if (!this.actAsTooltip) {
+            if (this.popoverComponentRef?.instance.isVisible) {
+                this.disposePopover();
+            }
+            else {
+                this.initPopover();
+            }
+        }
+    }
+    initPopover() {
+        this.setupPopover();
+        this.popoverComponentRef.instance.setVisible(true);
+        this.ngZone.runOutsideAngular(() => this.positioningService
+            .computePosition(this.elementRef, this.popoverComponentRef.location, { placement: this.placement })
+            .subscribe(resp => this.updatePosition(resp)));
+    }
+    disposePopover() {
+        this.viewContainerRef.clear();
+        this.popoverComponentRef.instance.setVisible(false);
+    }
+    setupPopover() {
+        this.viewContainerRef.clear();
+        this.popoverComponentRef = this.dynamicComponentLoaderService.load(PopoverComponent, this.viewContainerRef, this.injector);
+        this.popoverComponentRef.instance.title = this.title;
+        this.popoverComponentRef.instance.text = this.text;
+        this.popoverComponentRef.instance.titleTemplate = this.popoverTitleTemplate;
+        this.popoverComponentRef.instance.template = this.popoverTemplate;
+        this.popoverComponentRef.instance.placement = this.placement;
+        this.popoverComponentRef.instance.customClasses = this.customClasses;
+    }
+    updatePosition(result) {
+        const nativeElement = this.popoverComponentRef.location.nativeElement;
+        const arrowElement = this.popoverComponentRef.location.nativeElement.querySelector('.popover-arrow');
+        const popoverBox = nativeElement.getBoundingClientRect();
+        const arrowBox = arrowElement.getBoundingClientRect();
+        switch (this.placement) {
+            case 'top':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y - arrowBox.height}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);
+                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);
+                break;
+            case 'bottom':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y + arrowBox.height}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x}px`);
+                this.renderer.setStyle(arrowElement, 'left', `${(popoverBox.width / 2) - (arrowBox.width / 2)}px`);
+                break;
+            case 'left':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x - arrowBox.width}px`);
+                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);
+                break;
+            case 'right':
+                this.renderer.setStyle(nativeElement, 'top', `${result.y}px`);
+                this.renderer.setStyle(nativeElement, 'left', `${result.x + arrowBox.width}px`);
+                this.renderer.setStyle(arrowElement, 'top', `${(popoverBox.height / 2) - (arrowBox.height / 2)}px`);
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: PopoverDirective, selector: "[updPopover]", inputs: { text: ["updPopover", "text"], title: ["updPopoverTitle", "title"], popoverTitleTemplate: ["updPopoverTitleTemplate", "popoverTitleTemplate"], popoverTemplate: ["updPopoverTemplate", "popoverTemplate"], placement: ["updPopoverPlacement", "placement"], customClasses: ["updPopoverCustomClasses", "customClasses"], actAsTooltip: ["updPopoverActAsTooltip", "actAsTooltip"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: PopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[updPopover]'
+                }]
+        }], propDecorators: { text: [{
+                type: Input,
+                args: ['updPopover']
+            }], title: [{
+                type: Input,
+                args: ['updPopoverTitle']
+            }], popoverTitleTemplate: [{
+                type: Input,
+                args: ['updPopoverTitleTemplate']
+            }], popoverTemplate: [{
+                type: Input,
+                args: ['updPopoverTemplate']
+            }], placement: [{
+                type: Input,
+                args: ['updPopoverPlacement']
+            }], customClasses: [{
+                type: Input,
+                args: ['updPopoverCustomClasses']
+            }], actAsTooltip: [{
+                type: Input,
+                args: ['updPopoverActAsTooltip']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91cGRldnMvY29tcG9uZW50cy9wb3BvdmVyL3NyYy9wb3BvdmVyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULEtBQUssRUFFTCxnQkFBZ0IsRUFDaEIsU0FBUyxFQUNULFVBQVUsRUFDVixRQUFRLEVBQ1IsTUFBTSxFQUVOLFlBQVksRUFBRSxNQUFNLEVBQ3ZCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBeUIsNkJBQTZCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUU5RyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFLdkQsTUFBTSxPQUFPLGdCQUFnQjtJQUg3QjtRQVFrQyxjQUFTLEdBQTJCLEtBQUssQ0FBQztRQUV4RTs7O1dBR0c7UUFDOEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFJckMsZUFBVSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUNoQyxhQUFRLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdCLHFCQUFnQixHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQzVDLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUM1Qix1QkFBa0IsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNoRCxrQ0FBNkIsR0FBRyxNQUFNLENBQUMsNkJBQTZCLENBQUMsQ0FBQztLQW1GMUY7SUFoRkcsWUFBWTtRQUNSLElBQUksSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QixDQUFDO0lBQ0wsQ0FBQztJQUdELFlBQVk7UUFDUixJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDMUIsQ0FBQztJQUNMLENBQUM7SUFHRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNyQixJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQy9DLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUMxQixDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3ZCLENBQUM7UUFDTCxDQUFDO0lBQ0wsQ0FBQztJQUVPLFdBQVc7UUFDZixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLG1CQUFvQixDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDcEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUUsQ0FDL0IsSUFBSSxDQUFDLGtCQUFrQjthQUNsQixlQUFlLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsbUJBQW9CLENBQUMsUUFBUSxFQUFFLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQzthQUNuRyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQ3BELENBQUM7SUFDTixDQUFDO0lBRU8sY0FBYztRQUNsQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDOUIsSUFBSSxDQUFDLG1CQUFvQixDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVPLFlBQVk7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO1FBRTlCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsNkJBQTZCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDM0gsSUFBSSxDQUFDLG1CQUFvQixDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN0RCxJQUFJLENBQUMsbUJBQW9CLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3BELElBQUksQ0FBQyxtQkFBb0IsQ0FBQyxRQUFRLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztRQUM3RSxJQUFJLENBQUMsbUJBQW9CLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDO1FBQ25FLElBQUksQ0FBQyxtQkFBb0IsQ0FBQyxRQUFRLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDOUQsSUFBSSxDQUFDLG1CQUFvQixDQUFDLFFBQVEsQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztJQUMxRSxDQUFDO0lBRU8sY0FBYyxDQUFDLE1BQTZCO1FBQ2hELE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxtQkFBb0IsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDO1FBQ3ZFLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxtQkFBb0IsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ3RHLE1BQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQ3pELE1BQU0sUUFBUSxHQUFHLFlBQVksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBRXRELFFBQVEsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3JCLEtBQUssS0FBSztnQkFDTixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFLEdBQUcsTUFBTSxDQUFDLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQztnQkFDaEYsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUMvRCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsTUFBTSxFQUFFLEdBQUcsQ0FBQyxVQUFVLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ25HLE1BQU07WUFDVixLQUFLLFFBQVE7Z0JBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLEtBQUssRUFBRSxHQUFHLE1BQU0sQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUM7Z0JBQ2hGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDL0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsWUFBWSxFQUFFLE1BQU0sRUFBRSxHQUFHLENBQUMsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO2dCQUNuRyxNQUFNO1lBQ1YsS0FBSyxNQUFNO2dCQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxLQUFLLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDOUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsYUFBYSxFQUFFLE1BQU0sRUFBRSxHQUFHLE1BQU0sQ0FBQyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUM7Z0JBQ2hGLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFlBQVksRUFBRSxLQUFLLEVBQUUsR0FBRyxDQUFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDcEcsTUFBTTtZQUNWLEtBQUssT0FBTztnQkFDUixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxhQUFhLEVBQUUsS0FBSyxFQUFFLEdBQUcsTUFBTSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQzlELElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUUsR0FBRyxNQUFNLENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLElBQUksQ0FBQyxDQUFDO2dCQUNoRixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxZQUFZLEVBQUUsS0FBSyxFQUFFLEdBQUcsQ0FBQyxVQUFVLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3BHLE1BQU07UUFDZCxDQUFDO0lBQ0wsQ0FBQzs4R0F2R1EsZ0JBQWdCO2tHQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSDVCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGNBQWM7aUJBQzNCOzhCQUV3QixJQUFJO3NCQUF4QixLQUFLO3VCQUFDLFlBQVk7Z0JBQ08sS0FBSztzQkFBOUIsS0FBSzt1QkFBQyxpQkFBaUI7Z0JBQ1Usb0JBQW9CO3NCQUFyRCxLQUFLO3VCQUFDLHlCQUF5QjtnQkFDSCxlQUFlO3NCQUEzQyxLQUFLO3VCQUFDLG9CQUFvQjtnQkFDRyxTQUFTO3NCQUF0QyxLQUFLO3VCQUFDLHFCQUFxQjtnQkFDTSxhQUFhO3NCQUE5QyxLQUFLO3VCQUFDLHlCQUF5QjtnQkFLQyxZQUFZO3NCQUE1QyxLQUFLO3VCQUFDLHdCQUF3QjtnQkFhL0IsWUFBWTtzQkFEWCxZQUFZO3VCQUFDLFlBQVk7Z0JBUTFCLFlBQVk7c0JBRFgsWUFBWTt1QkFBQyxZQUFZO2dCQVExQixPQUFPO3NCQUROLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIElucHV0LFxuICAgIFRlbXBsYXRlUmVmLFxuICAgIFZpZXdDb250YWluZXJSZWYsXG4gICAgUmVuZGVyZXIyLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSW5qZWN0b3IsXG4gICAgTmdab25lLFxuICAgIENvbXBvbmVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsIGluamVjdFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRvcEJvdHRvbUxlZnRSaWdodFR5cGUgfSBmcm9tICdAdXBkZXZzL3Nkay90eXBlcyc7XG5pbXBvcnQgeyBQb3NpdGlvbmluZ1NlcnZpY2UsIENvbXB1dGVQb3NpdGlvblJlc3VsdCwgRHluYW1pY0NvbXBvbmVudExvYWRlclNlcnZpY2UgfSBmcm9tICdAdXBkZXZzL3Nkay9sYXlvdXQnO1xuXG5pbXBvcnQgeyBQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wb3BvdmVyLmNvbXBvbmVudCc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3VwZFBvcG92ZXJdJ1xufSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyRGlyZWN0aXZlIHtcbiAgICBASW5wdXQoJ3VwZFBvcG92ZXInKSB0ZXh0Pzogc3RyaW5nO1xuICAgIEBJbnB1dCgndXBkUG9wb3ZlclRpdGxlJykgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCd1cGRQb3BvdmVyVGl0bGVUZW1wbGF0ZScpIHBvcG92ZXJUaXRsZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcbiAgICBASW5wdXQoJ3VwZFBvcG92ZXJUZW1wbGF0ZScpIHBvcG92ZXJUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XG4gICAgQElucHV0KCd1cGRQb3BvdmVyUGxhY2VtZW50JykgcGxhY2VtZW50OiBUb3BCb3R0b21MZWZ0UmlnaHRUeXBlID0gJ3RvcCc7XG4gICAgQElucHV0KCd1cGRQb3BvdmVyQ3VzdG9tQ2xhc3NlcycpIGN1c3RvbUNsYXNzZXM/OiBzdHJpbmc7XG4gICAgLyoqXG4gICAgICogVGhpcyBtYWtlcyB0aGUgcG9wb3ZlciBiZWhhdmUgbGlrZSBhIHRvb2x0aXAuXG4gICAgICogSXQgbWVhbnMgaXQnbGwgc2hvdy9oaWRlIGRlcGVuZGluZyBvbiB3aGV0aGVyIHRoZSBtb3VzZSBpcyBvdmVyIG9yIG5vdCB0aGUgZWxlbWVudC5cbiAgICAgKi9cbiAgICBASW5wdXQoJ3VwZFBvcG92ZXJBY3RBc1Rvb2x0aXAnKSBhY3RBc1Rvb2x0aXAgPSBmYWxzZTtcblxuICAgIHByaXZhdGUgcG9wb3ZlckNvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxQb3BvdmVyQ29tcG9uZW50PjtcblxuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IHJlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyMik7XG4gICAgcHJpdmF0ZSByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgbmdab25lID0gaW5qZWN0KE5nWm9uZSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBpbmplY3RvciA9IGluamVjdChJbmplY3Rvcik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBwb3NpdGlvbmluZ1NlcnZpY2UgPSBpbmplY3QoUG9zaXRpb25pbmdTZXJ2aWNlKTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IGR5bmFtaWNDb21wb25lbnRMb2FkZXJTZXJ2aWNlID0gaW5qZWN0KER5bmFtaWNDb21wb25lbnRMb2FkZXJTZXJ2aWNlKTtcblxuICAgIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxuICAgIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuYWN0QXNUb29sdGlwKSB7XG4gICAgICAgICAgICB0aGlzLmluaXRQb3BvdmVyKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcbiAgICBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmFjdEFzVG9vbHRpcCkge1xuICAgICAgICAgICAgdGhpcy5kaXNwb3NlUG9wb3ZlcigpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgQEhvc3RMaXN0ZW5lcignY2xpY2snKVxuICAgIG9uQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5hY3RBc1Rvb2x0aXApIHtcbiAgICAgICAgICAgIGlmICh0aGlzLnBvcG92ZXJDb21wb25lbnRSZWY/Lmluc3RhbmNlLmlzVmlzaWJsZSkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGlzcG9zZVBvcG92ZXIoKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5pbml0UG9wb3ZlcigpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0UG9wb3ZlcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zZXR1cFBvcG92ZXIoKTtcbiAgICAgICAgdGhpcy5wb3BvdmVyQ29tcG9uZW50UmVmIS5pbnN0YW5jZS5zZXRWaXNpYmxlKHRydWUpO1xuICAgICAgICB0aGlzLm5nWm9uZS5ydW5PdXRzaWRlQW5ndWxhcigoKSA9PlxuICAgICAgICAgICAgdGhpcy5wb3NpdGlvbmluZ1NlcnZpY2VcbiAgICAgICAgICAgICAgICAuY29tcHV0ZVBvc2l0aW9uKHRoaXMuZWxlbWVudFJlZiwgdGhpcy5wb3BvdmVyQ29tcG9uZW50UmVmIS5sb2NhdGlvbiwgeyBwbGFjZW1lbnQ6IHRoaXMucGxhY2VtZW50IH0pXG4gICAgICAgICAgICAgICAgLnN1YnNjcmliZShyZXNwID0+IHRoaXMudXBkYXRlUG9zaXRpb24ocmVzcCkpXG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBkaXNwb3NlUG9wb3ZlcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52aWV3Q29udGFpbmVyUmVmLmNsZWFyKCk7XG4gICAgICAgIHRoaXMucG9wb3ZlckNvbXBvbmVudFJlZiEuaW5zdGFuY2Uuc2V0VmlzaWJsZShmYWxzZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXR1cFBvcG92ZXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xuXG4gICAgICAgIHRoaXMucG9wb3ZlckNvbXBvbmVudFJlZiA9IHRoaXMuZHluYW1pY0NvbXBvbmVudExvYWRlclNlcnZpY2UubG9hZChQb3BvdmVyQ29tcG9uZW50LCB0aGlzLnZpZXdDb250YWluZXJSZWYsIHRoaXMuaW5qZWN0b3IpO1xuICAgICAgICB0aGlzLnBvcG92ZXJDb21wb25lbnRSZWYhLmluc3RhbmNlLnRpdGxlID0gdGhpcy50aXRsZTtcbiAgICAgICAgdGhpcy5wb3BvdmVyQ29tcG9uZW50UmVmIS5pbnN0YW5jZS50ZXh0ID0gdGhpcy50ZXh0O1xuICAgICAgICB0aGlzLnBvcG92ZXJDb21wb25lbnRSZWYhLmluc3RhbmNlLnRpdGxlVGVtcGxhdGUgPSB0aGlzLnBvcG92ZXJUaXRsZVRlbXBsYXRlO1xuICAgICAgICB0aGlzLnBvcG92ZXJDb21wb25lbnRSZWYhLmluc3RhbmNlLnRlbXBsYXRlID0gdGhpcy5wb3BvdmVyVGVtcGxhdGU7XG4gICAgICAgIHRoaXMucG9wb3ZlckNvbXBvbmVudFJlZiEuaW5zdGFuY2UucGxhY2VtZW50ID0gdGhpcy5wbGFjZW1lbnQ7XG4gICAgICAgIHRoaXMucG9wb3ZlckNvbXBvbmVudFJlZiEuaW5zdGFuY2UuY3VzdG9tQ2xhc3NlcyA9IHRoaXMuY3VzdG9tQ2xhc3NlcztcbiAgICB9XG5cbiAgICBwcml2YXRlIHVwZGF0ZVBvc2l0aW9uKHJlc3VsdDogQ29tcHV0ZVBvc2l0aW9uUmVzdWx0KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IG5hdGl2ZUVsZW1lbnQgPSB0aGlzLnBvcG92ZXJDb21wb25lbnRSZWYhLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIGNvbnN0IGFycm93RWxlbWVudCA9IHRoaXMucG9wb3ZlckNvbXBvbmVudFJlZiEubG9jYXRpb24ubmF0aXZlRWxlbWVudC5xdWVyeVNlbGVjdG9yKCcucG9wb3Zlci1hcnJvdycpO1xuICAgICAgICBjb25zdCBwb3BvdmVyQm94ID0gbmF0aXZlRWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcbiAgICAgICAgY29uc3QgYXJyb3dCb3ggPSBhcnJvd0VsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG5cbiAgICAgICAgc3dpdGNoICh0aGlzLnBsYWNlbWVudCkge1xuICAgICAgICAgICAgY2FzZSAndG9wJzpcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKG5hdGl2ZUVsZW1lbnQsICd0b3AnLCBgJHtyZXN1bHQueSAtIGFycm93Qm94LmhlaWdodH1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobmF0aXZlRWxlbWVudCwgJ2xlZnQnLCBgJHtyZXN1bHQueH1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoYXJyb3dFbGVtZW50LCAnbGVmdCcsIGAkeyhwb3BvdmVyQm94LndpZHRoIC8gMikgLSAoYXJyb3dCb3gud2lkdGggLyAyKX1weGApO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnYm90dG9tJzpcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKG5hdGl2ZUVsZW1lbnQsICd0b3AnLCBgJHtyZXN1bHQueSArIGFycm93Qm94LmhlaWdodH1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobmF0aXZlRWxlbWVudCwgJ2xlZnQnLCBgJHtyZXN1bHQueH1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoYXJyb3dFbGVtZW50LCAnbGVmdCcsIGAkeyhwb3BvdmVyQm94LndpZHRoIC8gMikgLSAoYXJyb3dCb3gud2lkdGggLyAyKX1weGApO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgY2FzZSAnbGVmdCc6XG4gICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShuYXRpdmVFbGVtZW50LCAndG9wJywgYCR7cmVzdWx0Lnl9cHhgKTtcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKG5hdGl2ZUVsZW1lbnQsICdsZWZ0JywgYCR7cmVzdWx0LnggLSBhcnJvd0JveC53aWR0aH1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUoYXJyb3dFbGVtZW50LCAndG9wJywgYCR7KHBvcG92ZXJCb3guaGVpZ2h0IC8gMikgLSAoYXJyb3dCb3guaGVpZ2h0IC8gMil9cHhgKTtcbiAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKG5hdGl2ZUVsZW1lbnQsICd0b3AnLCBgJHtyZXN1bHQueX1weGApO1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuc2V0U3R5bGUobmF0aXZlRWxlbWVudCwgJ2xlZnQnLCBgJHtyZXN1bHQueCArIGFycm93Qm94LndpZHRofXB4YCk7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZShhcnJvd0VsZW1lbnQsICd0b3AnLCBgJHsocG9wb3ZlckJveC5oZWlnaHQgLyAyKSAtIChhcnJvd0JveC5oZWlnaHQgLyAyKX1weGApO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19

package/esm2022/popover/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './popover.component';
+export * from './popover.directive';
+export * from './upd-popover.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VwZGV2cy9jb21wb25lbnRzL3BvcG92ZXIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsc0JBQXNCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3BvcG92ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vcG9wb3Zlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi91cGQtcG9wb3Zlci5tb2R1bGUnO1xuIl19

package/esm2022/popover/upd-popover.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PopoverComponent } from './popover.component';
+import { PopoverDirective } from './popover.directive';
+import * as i0 from "@angular/core";
+export class UpdPopoverModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdPopoverModule, declarations: [PopoverComponent,
+            PopoverDirective], imports: [CommonModule], exports: [PopoverComponent,
+            PopoverDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdPopoverModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        PopoverComponent,
+                        PopoverDirective
+                    ],
+                    exports: [
+                        PopoverComponent,
+                        PopoverDirective
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkLXBvcG92ZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdXBkZXZzL2NvbXBvbmVudHMvcG9wb3Zlci9zcmMvdXBkLXBvcG92ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQWV2RCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFSckIsZ0JBQWdCO1lBQ2hCLGdCQUFnQixhQUpoQixZQUFZLGFBT1osZ0JBQWdCO1lBQ2hCLGdCQUFnQjsrR0FHWCxnQkFBZ0IsWUFYckIsWUFBWTs7MkZBV1AsZ0JBQWdCO2tCQWI1QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRTt3QkFDTCxZQUFZO3FCQUNmO29CQUNELFlBQVksRUFBRTt3QkFDVixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNMLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNuQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9wb3BvdmVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQb3BvdmVyRGlyZWN0aXZlIH0gZnJvbSAnLi9wb3BvdmVyLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGVcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBQb3BvdmVyQ29tcG9uZW50LFxuICAgICAgICBQb3BvdmVyRGlyZWN0aXZlXG4gICAgXSxcbiAgICBleHBvcnRzOiBbXG4gICAgICAgIFBvcG92ZXJDb21wb25lbnQsXG4gICAgICAgIFBvcG92ZXJEaXJlY3RpdmVcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFVwZFBvcG92ZXJNb2R1bGUge31cbiJdfQ==

package/esm2022/popover/updevs-components-popover.mjs

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

package/esm2022/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './lib/index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL3VwZGV2cy9jb21wb25lbnRzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9saWIvaW5kZXgnO1xuIl19

package/esm2022/updevs-components.mjs

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

package/fesm2022/updevs-components-button.mjs

@@ -0,0 +1,191 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ButtonComponent {
+    constructor() {
+        this.classes = [];
+        this.isActive = false;
+        this.isDisabled = false;
+        this.isOutline = false;
+        this.isGhost = false;
+        this.isSquare = false;
+        this.isPill = false;
+        this.isIcon = false;
+        this.isLoading = false;
+        /**
+         * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).
+         */
+        this.isList = false;
+        /**
+         * Whether the button should be floating in the bottom right corner.
+         */
+        this.isFloating = false;
+        this.isAction = false;
+        this.isNavigationLink = false;
+        this.shouldIgnoreBtnClass = false;
+        /**
+         * Emitted when the button is clicked.
+         * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.
+         * That would cause strange behaviors like preventing `isDisabled` from working correctly.
+         */
+        this.clicked = new EventEmitter();
+    }
+    ngOnInit() {
+        this.setupFromModel();
+        this.updateClasses();
+    }
+    ngOnChanges(changes) {
+        if (!!changes['model']) {
+            this.setupFromModel();
+        }
+        this.updateClasses();
+    }
+    onClick(event) {
+        if (!!this.model && !!this.model.clickFunction) {
+            this.model.clickFunction(event);
+        }
+        else {
+            this.clicked.emit(undefined);
+        }
+        event.stopPropagation();
+    }
+    updateClasses() {
+        const outlineCls = this.isOutline ? 'outline-' : '';
+        const ghostCls = this.isGhost ? 'ghost-' : '';
+        const lClasses = this.shouldIgnoreBtnClass ? [] : ['btn'];
+        if (!!outlineCls || !!ghostCls || !!this.colorStyle || !!this.brandColorStyle) {
+            lClasses.push(`btn-${outlineCls || ghostCls}${this.colorStyle || this.brandColorStyle}`);
+        }
+        if (this.isSquare) {
+            lClasses.push('btn-square');
+        }
+        if (this.isPill) {
+            lClasses.push('btn-pill');
+        }
+        if (this.isIcon) {
+            lClasses.push('btn-icon');
+        }
+        if (this.isLoading) {
+            lClasses.push('btn-loading');
+        }
+        if (this.isList) {
+            lClasses.push('btn-list');
+        }
+        if (this.isFloating) {
+            lClasses.push('btn-floating');
+        }
+        if (this.isAction) {
+            lClasses.push('btn-action');
+        }
+        if (this.isNavigationLink) {
+            lClasses.push('nav-link');
+        }
+        if (this.isActive) {
+            lClasses.push('active');
+        }
+        if (this.isDisabled) {
+            lClasses.push('disabled');
+        }
+        this.classes = [...lClasses, ...(this.customClasses?.split(' ') || [])];
+    }
+    setupFromModel() {
+        if (!this.model) {
+            return;
+        }
+        this.text = this.model.text;
+        this.colorStyle = this.model.colorStyle;
+        this.brandColorStyle = this.model.brandColorStyle;
+        this.customClasses += this.model.customClasses || '';
+        this.isActive = this.model.isActive;
+        this.isDisabled = this.model.isDisabled;
+        this.isOutline = this.model.isOutline;
+        this.isGhost = this.model.isGhost;
+        this.isSquare = this.model.isSquare;
+        this.isPill = this.model.isPill;
+        this.isIcon = this.model.isIcon;
+        this.isLoading = this.model.isLoading;
+        this.isList = this.model.isList;
+        this.isFloating = this.model.isFloating;
+        this.isAction = this.model.isAction;
+        this.isNavigationLink = this.model.isNavigationLink;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.1", type: ButtonComponent, selector: "upd-button", inputs: { text: "text", model: "model", colorStyle: "colorStyle", brandColorStyle: "brandColorStyle", customClasses: "customClasses", isActive: "isActive", isDisabled: "isDisabled", isOutline: "isOutline", isGhost: "isGhost", isSquare: "isSquare", isPill: "isPill", isIcon: "isIcon", isLoading: "isLoading", isList: "isList", isFloating: "isFloating", isAction: "isAction", isNavigationLink: "isNavigationLink", shouldIgnoreBtnClass: "shouldIgnoreBtnClass" }, outputs: { clicked: "clicked" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.classes" } }, usesOnChanges: true, ngImport: i0, template: "<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-button', encapsulation: ViewEncapsulation.None, template: "<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n", styles: [".btn-icon .icon{margin:0 calc(-1 * var(--upd-btn-padding-x)) 0 calc(-1 * var(--upd-btn-padding-x))!important}\n"] }]
+        }], propDecorators: { classes: [{
+                type: HostBinding,
+                args: ['class']
+            }], text: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], colorStyle: [{
+                type: Input
+            }], brandColorStyle: [{
+                type: Input
+            }], customClasses: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], isOutline: [{
+                type: Input
+            }], isGhost: [{
+                type: Input
+            }], isSquare: [{
+                type: Input
+            }], isPill: [{
+                type: Input
+            }], isIcon: [{
+                type: Input
+            }], isLoading: [{
+                type: Input
+            }], isList: [{
+                type: Input
+            }], isFloating: [{
+                type: Input
+            }], isAction: [{
+                type: Input
+            }], isNavigationLink: [{
+                type: Input
+            }], shouldIgnoreBtnClass: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class UpdButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, declarations: [ButtonComponent], imports: [CommonModule], exports: [ButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: UpdButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [
+                        ButtonComponent
+                    ],
+                    exports: [
+                        ButtonComponent
+                    ]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonComponent, UpdButtonModule };
+//# sourceMappingURL=updevs-components-button.mjs.map

package/fesm2022/updevs-components-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-button.mjs","sources":["../../../../projects/updevs/components/button/src/button.component.ts","../../../../projects/updevs/components/button/src/button.component.html","../../../../projects/updevs/components/button/src/upd-button.module.ts","../../../../projects/updevs/components/button/src/updevs-components-button.ts"],"sourcesContent":["import {\n    Component,\n    Input,\n    ViewEncapsulation,\n    Output,\n    EventEmitter,\n    OnInit,\n    OnChanges,\n    SimpleChanges,\n    HostBinding,\n    HostListener\n} from '@angular/core';\nimport { ColorStyleType, BrandType, ButtonModel } from '@updevs/sdk/layout';\n\n@Component({\n    selector: 'upd-button',\n    templateUrl: './button.component.html',\n    styleUrls: ['./button.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ButtonComponent implements OnInit, OnChanges {\n    @HostBinding('class') classes: string[] = [];\n\n    @Input() text?: string;\n    @Input() model?: ButtonModel;\n    @Input() colorStyle?: ColorStyleType;\n    @Input() brandColorStyle?: BrandType;\n    @Input() customClasses?: string;\n    @Input() isActive = false;\n    @Input() isDisabled = false;\n    @Input() isOutline = false;\n    @Input() isGhost = false;\n    @Input() isSquare = false;\n    @Input() isPill = false;\n    @Input() isIcon = false;\n    @Input() isLoading = false;\n    /**\n     * Whether the button should act as a list (top-bottom alignment instead of left-right related to neighbors).\n     */\n    @Input() isList = false;\n    /**\n     * Whether the button should be floating in the bottom right corner.\n     */\n    @Input() isFloating = false;\n    @Input() isAction = false;\n    @Input() isNavigationLink = false;\n    @Input() shouldIgnoreBtnClass = false;\n\n    /**\n     * Emitted when the button is clicked.\n     * **NOTE:** The name of the event can not be 'click'. It would generate a conflict with the HTML event of same name.\n     * That would cause strange behaviors like preventing `isDisabled` from working correctly.\n     */\n    @Output() readonly clicked = new EventEmitter<any>();\n\n    ngOnInit(): void {\n        this.setupFromModel();\n        this.updateClasses();\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (!!changes['model']) {\n            this.setupFromModel();\n        }\n\n        this.updateClasses();\n    }\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        if (!!this.model && !!this.model.clickFunction) {\n            this.model.clickFunction(event);\n        } else {\n            this.clicked.emit(undefined);\n        }\n\n        event.stopPropagation();\n    }\n\n    private updateClasses(): void {\n        const outlineCls = this.isOutline ? 'outline-' : '';\n        const ghostCls = this.isGhost ? 'ghost-' : '';\n        const lClasses: string[] = this.shouldIgnoreBtnClass ? [] : ['btn'];\n\n        if (!!outlineCls || !!ghostCls || !!this.colorStyle || !!this.brandColorStyle) {\n            lClasses.push(`btn-${outlineCls || ghostCls}${this.colorStyle || this.brandColorStyle}`);\n        }\n\n        if (this.isSquare) {\n            lClasses.push('btn-square');\n        }\n\n        if (this.isPill) {\n            lClasses.push('btn-pill');\n        }\n\n        if (this.isIcon) {\n            lClasses.push('btn-icon');\n        }\n\n        if (this.isLoading) {\n            lClasses.push('btn-loading');\n        }\n\n        if (this.isList) {\n            lClasses.push('btn-list');\n        }\n\n        if (this.isFloating) {\n            lClasses.push('btn-floating');\n        }\n\n        if (this.isAction) {\n            lClasses.push('btn-action');\n        }\n\n        if (this.isNavigationLink) {\n            lClasses.push('nav-link');\n        }\n\n        if (this.isActive) {\n            lClasses.push('active');\n        }\n\n        if (this.isDisabled) {\n            lClasses.push('disabled');\n        }\n\n        this.classes = [...lClasses, ...(this.customClasses?.split(' ') || [])];\n    }\n\n    private setupFromModel(): void {\n        if (!this.model) {\n            return;\n        }\n\n        this.text = this.model.text;\n        this.colorStyle = this.model.colorStyle;\n        this.brandColorStyle = this.model.brandColorStyle;\n        this.customClasses += this.model.customClasses || '';\n        this.isActive = this.model.isActive;\n        this.isDisabled = this.model.isDisabled;\n        this.isOutline = this.model.isOutline;\n        this.isGhost = this.model.isGhost;\n        this.isSquare = this.model.isSquare;\n        this.isPill = this.model.isPill;\n        this.isIcon = this.model.isIcon;\n        this.isLoading = this.model.isLoading;\n        this.isList = this.model.isList;\n        this.isFloating = this.model.isFloating;\n        this.isAction = this.model.isAction;\n        this.isNavigationLink = this.model.isNavigationLink;\n    }\n}\n","<ng-template #userContentTpl>\n    <ng-content></ng-content>\n</ng-template>\n\n@if (!text) {\n    <ng-container [ngTemplateOutlet]=\"userContentTpl\"></ng-container>\n} @else {\n    {{ text }}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [\n        ButtonComponent\n    ],\n    exports: [\n        ButtonComponent\n    ]\n})\nexport class UpdButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAoBa,eAAe,CAAA;AAN5B,IAAA,WAAA,GAAA;QAO0B,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;QAOpC,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;QAClB,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;QAChB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QACf,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QACf,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAC3B;;AAEG;QACM,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;AACxB;;AAEG;QACM,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;QACjB,IAAgB,CAAA,gBAAA,GAAG,KAAK,CAAC;QACzB,IAAoB,CAAA,oBAAA,GAAG,KAAK,CAAC;AAEtC;;;;AAIG;AACgB,QAAA,IAAA,CAAA,OAAO,GAAG,IAAI,YAAY,EAAO,CAAC;AAoGxD,KAAA;IAlGG,QAAQ,GAAA;QACJ,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;AAED,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YACpB,IAAI,CAAC,cAAc,EAAE,CAAC;SACzB;QAED,IAAI,CAAC,aAAa,EAAE,CAAC;KACxB;AAGD,IAAA,OAAO,CAAC,KAAiB,EAAA;AACrB,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AAC5C,YAAA,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SACnC;aAAM;AACH,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAChC;QAED,KAAK,CAAC,eAAe,EAAE,CAAC;KAC3B;IAEO,aAAa,GAAA;AACjB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,GAAG,UAAU,GAAG,EAAE,CAAC;AACpD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,GAAG,QAAQ,GAAG,EAAE,CAAC;AAC9C,QAAA,MAAM,QAAQ,GAAa,IAAI,CAAC,oBAAoB,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;QAEpE,IAAI,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;AAC3E,YAAA,QAAQ,CAAC,IAAI,CAAC,CAAO,IAAA,EAAA,UAAU,IAAI,QAAQ,CAAA,EAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,eAAe,CAAA,CAAE,CAAC,CAAC;SAC5F;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SAC/B;AAED,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7B;AAED,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7B;AAED,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAChB,YAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SAChC;AAED,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7B;AAED,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SACjC;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;SAC/B;AAED,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACvB,YAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7B;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SAC3B;AAED,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,YAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,QAAQ,EAAE,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC;KAC3E;IAEO,cAAc,GAAA;AAClB,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,OAAO;SACV;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;QAClD,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,EAAE,CAAC;QACrD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACpC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACtC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACxC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;QACpC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvD;8GApIQ,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,kpBCpB5B,wMASA,EAAA,MAAA,EAAA,CAAA,iHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDWa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,SAAS;+BACI,YAAY,EAAA,aAAA,EAGP,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,wMAAA,EAAA,MAAA,EAAA,CAAA,iHAAA,CAAA,EAAA,CAAA;8BAGf,OAAO,EAAA,CAAA;sBAA5B,WAAW;uBAAC,OAAO,CAAA;gBAEX,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAIG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBAIG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBAOa,OAAO,EAAA,CAAA;sBAAzB,MAAM;gBAgBP,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;;;MEpDxB,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EANpB,YAAA,EAAA,CAAA,eAAe,CAHf,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;AAGV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YATpB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;2FASP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAX3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;AACf,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,eAAe;AAClB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,eAAe;AAClB,qBAAA;AACJ,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}