@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-help-popover.mjs

@@ -0,0 +1,422 @@
+import * as i0 from '@angular/core';
+import { ElementRef, Component, ViewChild, EventEmitter, inject, ViewContainerRef, Directive, Input, Output, HostListener, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import { takeUntil, debounceTime } from 'rxjs/operators';
+import { isMousePositionOutsideOfElement, getElementPositionInfo, getElementLeftoverContentAvailable } from '@seniorsistemas/angular-components/utils';
+
+class HelpPopoverComponent {
+    VALID_POSITIONS = ['top', 'bottom', 'left', 'right'];
+    VALID_ARROW_POSITIONS = ['beginning', 'end', 'middle'];
+    _position = 'bottom';
+    popoverContent = null;
+    closeButton = true;
+    icon = '';
+    header = '';
+    footer = '';
+    button = '';
+    visible = false;
+    arrowElement = null;
+    get position() {
+        return this._position;
+    }
+    set position(value) {
+        if (!this.VALID_POSITIONS.includes(value)) {
+            throw new Error(`Invalid position: ${value}. Valid positions: ${this.VALID_POSITIONS}`);
+        }
+        this._position = value;
+    }
+    _arrowPosition = 'beginning';
+    get arrowPosition() {
+        return this._arrowPosition;
+    }
+    set arrowPosition(value) {
+        if (!this.VALID_ARROW_POSITIONS.includes(value)) {
+            throw new Error(`Invalid arrow position: ${value}. Valid arrow positions: ${this.VALID_ARROW_POSITIONS}`);
+        }
+        this._arrowPosition = value;
+    }
+    buttonClicked;
+    closed = new Subject();
+    get contentIsString() {
+        return typeof this.popoverContent === 'string';
+    }
+    get popoverContentTemplateRef() {
+        return this.popoverContent;
+    }
+    get hasHeaderContainer() {
+        const _hasHeader = this.hasHeaderText;
+        const hasIcon = this.hasIcon;
+        const hasCloseButton = this.closeButton;
+        return _hasHeader || hasIcon || hasCloseButton;
+    }
+    get hasFooter() {
+        const _hasFooterText = this.hasFooterText;
+        const hasButtonText = this.button && this.button.length > 0;
+        return _hasFooterText || hasButtonText;
+    }
+    get hasHeaderText() {
+        return this.header && this.header.length > 0;
+    }
+    get hasFooterText() {
+        return this.footer && this.footer.length > 0;
+    }
+    get hasIcon() {
+        return this.icon && this.icon.length > 0;
+    }
+    close() {
+        this.closed.next();
+    }
+    clickButton() {
+        this.buttonClicked.emit();
+    }
+    ngOnDestroy() {
+        this.closed.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HelpPopoverComponent, selector: "s-help-popover", viewQueries: [{ propertyName: "arrowElement", first: true, predicate: ["arrowElement"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n    class=\"popover-container\"\n    [style.visibility]=\"visible ? 'visible' : 'hidden'\"\n    [class.popover-container-top]=\"position === 'top'\"\n    [class.popover-container-right]=\"position === 'right'\"\n    [class.popover-container-bottom]=\"position === 'bottom'\"\n    [class.popover-container-left]=\"position === 'left'\"\n>\n    <div\n        class=\"arrow-container\"\n        [class.arrow-container-beginning]=\"arrowPosition === 'beginning'\"\n        [class.arrow-container-middle]=\"arrowPosition === 'middle'\"\n        [class.arrow-container-end]=\"arrowPosition === 'end'\"\n    >\n        <div\n            class=\"arrow\"\n            #arrowElement\n        ></div>\n    </div>\n    <div class=\"popover\">\n        @if (hasHeaderContainer) {\n            <div\n                class=\"popover-header-container\"\n                [class.space-between]=\"hasIcon || hasHeaderText\"\n                [class.flex-end]=\"!(hasIcon || hasHeaderText) && closeButton\"\n            >\n                @if (hasIcon || hasHeaderText) {\n                    <div class=\"popover-header-container-text\">\n                        @if (hasIcon) {\n                            <div class=\"popover-icon\">\n                                <i [class]=\"icon\"></i>\n                            </div>\n                        }\n                        @if (hasHeaderText) {\n                            <div class=\"popover-header-text\">\n                                {{ header }}\n                            </div>\n                        }\n                    </div>\n                }\n                @if (closeButton) {\n                    <div class=\"popover-close-button\">\n                        <i\n                            class=\"fas fa-times\"\n                            (click)=\"close()\"\n                        ></i>\n                    </div>\n                }\n            </div>\n        }\n\n        <div class=\"popover-content\">\n            @if (contentIsString) {\n                {{ popoverContent }}\n            } @else {\n                <ng-container *ngTemplateOutlet=\"popoverContentTemplateRef\"></ng-container>\n            }\n        </div>\n\n        @if (hasFooter) {\n            <div class=\"separator\"></div>\n            <div\n                class=\"popover-footer-container\"\n                [class.space-between]=\"hasFooterText\"\n                [class.flex-end]=\"!hasFooterText\"\n            >\n                @if (hasFooterText) {\n                    <p class=\"popover-footer-text\">\n                        {{ footer }}\n                    </p>\n                }\n                @if (button && button.length > 0) {\n                    <div class=\"popover-footer-button\">\n                        <s-button\n                            [label]=\"button\"\n                            priority=\"primary\"\n                            size=\"small\"\n                            (clicked)=\"clickButton()\"\n                            [disabled]=\"false\"\n                            [auxiliary]=\"false\"\n                        >\n                        </s-button>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</div>\n\n", styles: [":host{display:block;width:fit-content}.popover-container{z-index:1050;position:relative}.popover-container .space-between{justify-content:space-between}.popover-container .flex-end{justify-content:flex-end}.popover-container-top{display:flex;flex-direction:column-reverse}.popover-container-top .arrow{width:100%}.popover-container-top .arrow{width:0;height:0;position:relative;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;border-bottom:0 solid transparent}.popover-container-bottom .arrow{width:100%}.popover-container-bottom .arrow{width:0;height:0;position:relative;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;border-top:0 solid transparent}.popover-container-left{display:flex;flex-direction:row-reverse;align-items:center}.popover-container-left .arrow{height:100%}.popover-container-left .arrow{width:0;height:0;position:relative;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;border-right:0 solid transparent}.popover-container-right{display:flex;align-items:center}.popover-container-right .arrow{height:100%}.popover-container-right .arrow{width:0;height:0;position:relative;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:0 solid transparent}.popover-container-top .arrow-container,.popover-container-bottom .arrow-container{display:flex}.popover-container-top .arrow-container-beginning,.popover-container-bottom .arrow-container-beginning{justify-content:flex-start}.popover-container-top .arrow-container-beginning .arrow,.popover-container-bottom .arrow-container-beginning .arrow{margin-left:12px}.popover-container-top .arrow-container-middle,.popover-container-bottom .arrow-container-middle{justify-content:center}.popover-container-top .arrow-container-end,.popover-container-bottom .arrow-container-end{justify-content:flex-end}.popover-container-top .arrow-container-end .arrow,.popover-container-bottom .arrow-container-end .arrow{margin-right:12px}.popover-container-left .arrow-container,.popover-container-right .arrow-container{display:flex;align-self:stretch}.popover-container-left .arrow-container-beginning,.popover-container-right .arrow-container-beginning{align-items:flex-start}.popover-container-left .arrow-container-beginning .arrow,.popover-container-right .arrow-container-beginning .arrow{margin-top:12px}.popover-container-left .arrow-container-middle,.popover-container-right .arrow-container-middle{align-items:center}.popover-container-left .arrow-container-end,.popover-container-right .arrow-container-end{align-items:flex-end}.popover-container-left .arrow-container-end .arrow,.popover-container-right .arrow-container-end .arrow{margin-bottom:12px}.popover-container .popover{min-width:200px;max-width:305px;width:fit-content;border-radius:3px;background:#fff;box-shadow:0 1px 5px #00000040}.popover-container .popover-header-container,.popover-container .popover-content,.popover-container .popover-footer-container{padding:8px}.popover-container .popover-close-button i{cursor:pointer}.popover-container .popover-footer-text{color:#212533;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:400}.popover-container .popover-header-container{display:flex}.popover-container .popover-header-container-text{display:flex;justify-content:space-between;gap:8px}.popover-container .popover .separator{width:100%;border:1px solid #dedce5}.popover-container .popover-footer-container{display:flex;gap:8px;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-help-popover', template: "<div\n    class=\"popover-container\"\n    [style.visibility]=\"visible ? 'visible' : 'hidden'\"\n    [class.popover-container-top]=\"position === 'top'\"\n    [class.popover-container-right]=\"position === 'right'\"\n    [class.popover-container-bottom]=\"position === 'bottom'\"\n    [class.popover-container-left]=\"position === 'left'\"\n>\n    <div\n        class=\"arrow-container\"\n        [class.arrow-container-beginning]=\"arrowPosition === 'beginning'\"\n        [class.arrow-container-middle]=\"arrowPosition === 'middle'\"\n        [class.arrow-container-end]=\"arrowPosition === 'end'\"\n    >\n        <div\n            class=\"arrow\"\n            #arrowElement\n        ></div>\n    </div>\n    <div class=\"popover\">\n        @if (hasHeaderContainer) {\n            <div\n                class=\"popover-header-container\"\n                [class.space-between]=\"hasIcon || hasHeaderText\"\n                [class.flex-end]=\"!(hasIcon || hasHeaderText) && closeButton\"\n            >\n                @if (hasIcon || hasHeaderText) {\n                    <div class=\"popover-header-container-text\">\n                        @if (hasIcon) {\n                            <div class=\"popover-icon\">\n                                <i [class]=\"icon\"></i>\n                            </div>\n                        }\n                        @if (hasHeaderText) {\n                            <div class=\"popover-header-text\">\n                                {{ header }}\n                            </div>\n                        }\n                    </div>\n                }\n                @if (closeButton) {\n                    <div class=\"popover-close-button\">\n                        <i\n                            class=\"fas fa-times\"\n                            (click)=\"close()\"\n                        ></i>\n                    </div>\n                }\n            </div>\n        }\n\n        <div class=\"popover-content\">\n            @if (contentIsString) {\n                {{ popoverContent }}\n            } @else {\n                <ng-container *ngTemplateOutlet=\"popoverContentTemplateRef\"></ng-container>\n            }\n        </div>\n\n        @if (hasFooter) {\n            <div class=\"separator\"></div>\n            <div\n                class=\"popover-footer-container\"\n                [class.space-between]=\"hasFooterText\"\n                [class.flex-end]=\"!hasFooterText\"\n            >\n                @if (hasFooterText) {\n                    <p class=\"popover-footer-text\">\n                        {{ footer }}\n                    </p>\n                }\n                @if (button && button.length > 0) {\n                    <div class=\"popover-footer-button\">\n                        <s-button\n                            [label]=\"button\"\n                            priority=\"primary\"\n                            size=\"small\"\n                            (clicked)=\"clickButton()\"\n                            [disabled]=\"false\"\n                            [auxiliary]=\"false\"\n                        >\n                        </s-button>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</div>\n\n", styles: [":host{display:block;width:fit-content}.popover-container{z-index:1050;position:relative}.popover-container .space-between{justify-content:space-between}.popover-container .flex-end{justify-content:flex-end}.popover-container-top{display:flex;flex-direction:column-reverse}.popover-container-top .arrow{width:100%}.popover-container-top .arrow{width:0;height:0;position:relative;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;border-bottom:0 solid transparent}.popover-container-bottom .arrow{width:100%}.popover-container-bottom .arrow{width:0;height:0;position:relative;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;border-top:0 solid transparent}.popover-container-left{display:flex;flex-direction:row-reverse;align-items:center}.popover-container-left .arrow{height:100%}.popover-container-left .arrow{width:0;height:0;position:relative;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;border-right:0 solid transparent}.popover-container-right{display:flex;align-items:center}.popover-container-right .arrow{height:100%}.popover-container-right .arrow{width:0;height:0;position:relative;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;border-left:0 solid transparent}.popover-container-top .arrow-container,.popover-container-bottom .arrow-container{display:flex}.popover-container-top .arrow-container-beginning,.popover-container-bottom .arrow-container-beginning{justify-content:flex-start}.popover-container-top .arrow-container-beginning .arrow,.popover-container-bottom .arrow-container-beginning .arrow{margin-left:12px}.popover-container-top .arrow-container-middle,.popover-container-bottom .arrow-container-middle{justify-content:center}.popover-container-top .arrow-container-end,.popover-container-bottom .arrow-container-end{justify-content:flex-end}.popover-container-top .arrow-container-end .arrow,.popover-container-bottom .arrow-container-end .arrow{margin-right:12px}.popover-container-left .arrow-container,.popover-container-right .arrow-container{display:flex;align-self:stretch}.popover-container-left .arrow-container-beginning,.popover-container-right .arrow-container-beginning{align-items:flex-start}.popover-container-left .arrow-container-beginning .arrow,.popover-container-right .arrow-container-beginning .arrow{margin-top:12px}.popover-container-left .arrow-container-middle,.popover-container-right .arrow-container-middle{align-items:center}.popover-container-left .arrow-container-end,.popover-container-right .arrow-container-end{align-items:flex-end}.popover-container-left .arrow-container-end .arrow,.popover-container-right .arrow-container-end .arrow{margin-bottom:12px}.popover-container .popover{min-width:200px;max-width:305px;width:fit-content;border-radius:3px;background:#fff;box-shadow:0 1px 5px #00000040}.popover-container .popover-header-container,.popover-container .popover-content,.popover-container .popover-footer-container{padding:8px}.popover-container .popover-close-button i{cursor:pointer}.popover-container .popover-footer-text{color:#212533;font-family:Open Sans;font-size:12px;font-style:normal;font-weight:400}.popover-container .popover-header-container{display:flex}.popover-container .popover-header-container-text{display:flex;justify-content:space-between;gap:8px}.popover-container .popover .separator{width:100%;border:1px solid #dedce5}.popover-container .popover-footer-container{display:flex;gap:8px;align-items:center}\n"] }]
+        }], propDecorators: { arrowElement: [{
+                type: ViewChild,
+                args: ['arrowElement', { read: ElementRef, static: true }]
+            }] } });
+
+class HelpPopoverDirective {
+    MUTATION_OBSERVER_CONFIG = { attributes: true, childList: true, subtree: true };
+    OBSERVER_CALLBACK = () => {
+        if (!this.componentRef) {
+            return;
+        }
+        this.applyPositionIntoElement();
+    };
+    RESIZE_OBSERVER = () => {
+        this.onResize$.next();
+    };
+    sHelpPopover = null;
+    closeButton = true;
+    popoverIcon = '';
+    popoverHeader = '';
+    popoverFooter = '';
+    popoverButtonText = '';
+    popoverArrowPosition = 'beginning';
+    _popoverPosition = 'bottom';
+    get popoverPosition() {
+        return this._popoverPosition;
+    }
+    set popoverPosition(value) {
+        this._popoverPosition = value;
+        this.internalPosition = value;
+    }
+    buttonClicked = new EventEmitter();
+    onDestroy$ = new Subject();
+    componentRef = null;
+    mutationObserverPopoverElement = null;
+    mutationObserverPopoverContent = null;
+    internalPosition = 'bottom';
+    onResize$ = new Subject();
+    manualTrigger = false;
+    listener = (event) => {
+        if (!this.componentRef) {
+            return;
+        }
+        const totalElementArea = this.getPopoverElement.getBoundingClientRect();
+        if (isMousePositionOutsideOfElement(event, totalElementArea)) {
+            this.destroy();
+        }
+    };
+    viewContainerRef = inject(ViewContainerRef);
+    element = inject(ElementRef);
+    ngOnInit() {
+        const popoverElementObserver = new MutationObserver(this.OBSERVER_CALLBACK);
+        this.mutationObserverPopoverElement = popoverElementObserver;
+        popoverElementObserver.observe(this.element.nativeElement, this.MUTATION_OBSERVER_CONFIG);
+        window.addEventListener('resize', this.RESIZE_OBSERVER);
+        window.addEventListener('scrollend', this.OBSERVER_CALLBACK);
+        this.onResize$.pipe(takeUntil(this.onDestroy$), debounceTime(100)).subscribe(this.OBSERVER_CALLBACK);
+    }
+    show() {
+        this.manualTrigger = true;
+        this._createComponent();
+    }
+    doClick() {
+        if (this.manualTrigger) {
+            return;
+        }
+        this._createComponent();
+    }
+    ngOnDestroy() {
+        this.onDestroy$.next();
+        this.onDestroy$.complete();
+        this.destroy();
+        if (this.mutationObserverPopoverElement) {
+            this.mutationObserverPopoverElement.disconnect();
+        }
+        window.removeEventListener('resize', this.RESIZE_OBSERVER);
+        window.removeEventListener('scrollend', this.OBSERVER_CALLBACK);
+    }
+    _createComponent() {
+        if (!this.sHelpPopover) {
+            return;
+        }
+        if (this.componentRef) {
+            this.destroy();
+        }
+        const componentRef = this.viewContainerRef.createComponent(HelpPopoverComponent);
+        this.componentRef = componentRef;
+        if (this.mutationObserverPopoverContent) {
+            this.mutationObserverPopoverContent.disconnect();
+        }
+        this.mutationObserverPopoverContent = new MutationObserver(this.OBSERVER_CALLBACK);
+        const element = this.getPopoverElement;
+        this.mutationObserverPopoverContent.observe(element.querySelector('.popover-content'), this.MUTATION_OBSERVER_CONFIG);
+        document.body.appendChild(componentRef.location.nativeElement);
+        setTimeout(() => {
+            document.addEventListener('click', this.listener);
+        });
+        const component = componentRef.instance;
+        component.popoverContent = this.sHelpPopover;
+        component.closeButton = this.closeButton;
+        component.icon = this.popoverIcon;
+        component.header = this.popoverHeader;
+        component.footer = this.popoverFooter;
+        component.button = this.popoverButtonText;
+        component.position = this.internalPosition;
+        component.arrowPosition = this.popoverArrowPosition;
+        component.buttonClicked = this.buttonClicked;
+        component.closed.pipe(takeUntil(this.onDestroy$)).subscribe(() => {
+            this.destroy();
+        });
+        this.applyPositionIntoElement();
+    }
+    destroy() {
+        document.removeEventListener('click', this.listener);
+        if (this.componentRef) {
+            this.componentRef.destroy();
+            this.componentRef = null;
+        }
+        this.internalPosition = this.popoverPosition;
+        if (this.mutationObserverPopoverContent) {
+            this.mutationObserverPopoverContent.disconnect();
+        }
+    }
+    applyPositionIntoElement() {
+        const popoverElementPosition = getElementPositionInfo(this.element.nativeElement);
+        const position = this.validPosition;
+        this.internalPosition = position;
+        this.popoverComponentInstance.position = this.internalPosition;
+        setTimeout(() => {
+            switch (this.internalPosition) {
+                case 'bottom': {
+                    this.applyPopoverPositionBottom(popoverElementPosition);
+                    break;
+                }
+                case 'top': {
+                    this.applyPopoverPositionTop(popoverElementPosition);
+                    break;
+                }
+                case 'left': {
+                    this.applyPopoverPositionLeft(popoverElementPosition);
+                    break;
+                }
+                case 'right': {
+                    this.applyPopoverPositionRight(popoverElementPosition);
+                    break;
+                }
+            }
+            this.popoverComponentInstance.visible = true;
+        });
+    }
+    applyPopoverPositionBottom(popoverElementPosition) {
+        const popoverElement = this.getPopoverElement;
+        const leftPopover = this.getHorizontalLeft(popoverElementPosition);
+        popoverElement.style.position = 'absolute';
+        popoverElement.style.left = `${leftPopover}px`;
+        popoverElement.style.top = `calc(${popoverElementPosition.top}px + ${popoverElementPosition.elementHeight}px)`;
+    }
+    applyPopoverPositionTop(popoverElementPosition) {
+        const popoverElement = this.getPopoverElement;
+        const leftPopover = this.getHorizontalLeft(popoverElementPosition);
+        const popoverHeight = popoverElement.getBoundingClientRect().height;
+        popoverElement.style.position = 'absolute';
+        popoverElement.style.left = `${leftPopover}px`;
+        popoverElement.style.top = `calc(${popoverElementPosition.top}px - ${popoverHeight}px)`;
+    }
+    applyPopoverPositionLeft(popoverElementPosition) {
+        const popoverElement = this.getPopoverElement;
+        const popoverWidth = popoverElement.getBoundingClientRect().width;
+        popoverElement.style.position = 'absolute';
+        popoverElement.style.left = `calc(${popoverElementPosition.right}px - ${popoverWidth + popoverElementPosition.elementWidth}px)`;
+        popoverElement.style.top = this.getVerticalTop(popoverElementPosition);
+    }
+    applyPopoverPositionRight(popoverElementPosition) {
+        const popoverElement = this.getPopoverElement;
+        popoverElement.style.position = 'absolute';
+        popoverElement.style.left = `calc(${popoverElementPosition.right}px)`;
+        popoverElement.style.top = this.getVerticalTop(popoverElementPosition);
+    }
+    getHorizontalLeft(popoverElementPosition) {
+        const popoverElement = this.getPopoverElement;
+        const popoverWidth = popoverElement.getBoundingClientRect().width;
+        let _horizontalLeft = popoverElementPosition.left;
+        if (this.popoverArrowPosition === 'end') {
+            _horizontalLeft = popoverElementPosition.right - popoverWidth;
+        }
+        else if (this.popoverArrowPosition === 'middle') {
+            _horizontalLeft = (popoverElementPosition.left + popoverElementPosition.elementWidth / 2) - (popoverWidth / 2);
+        }
+        return _horizontalLeft;
+    }
+    getVerticalTop(popoverElementPosition) {
+        const arrowElement = this.popoverComponentInstance.arrowElement?.nativeElement;
+        const arrowElementPosition = getElementPositionInfo(arrowElement);
+        const popoverContentPosition = getElementPositionInfo(this.getPopoverElement);
+        const popoverElement = this.getPopoverElement;
+        const popoverHeight = popoverElement.getBoundingClientRect().height;
+        let top = `calc(${popoverElementPosition.top}px - ${popoverHeight / 2}px + ${popoverElementPosition.elementHeight / 2}px)`;
+        const arrowMiddle = arrowElementPosition.elementHeight / 2;
+        if (this.popoverArrowPosition === 'beginning') {
+            const distanceArrowFromStart = arrowElementPosition.top - popoverContentPosition.top;
+            top = `calc(${popoverElementPosition.top}px + ${popoverElementPosition.elementHeight / 2}px - ${distanceArrowFromStart + arrowMiddle}px)`;
+        }
+        else if (this.popoverArrowPosition === 'end') {
+            const distanceArrowFromEnd = (popoverContentPosition.top + popoverContentPosition.elementHeight) - (arrowElementPosition.top + arrowElementPosition.elementHeight);
+            top = `calc(${popoverElementPosition.top}px - ${popoverContentPosition.elementHeight}px + ${popoverElementPosition.elementHeight / 2}px + ${distanceArrowFromEnd + arrowMiddle}px)`;
+        }
+        return top;
+    }
+    getLeftoverContentAvailableForPopover() {
+        return getElementLeftoverContentAvailable(this.element.nativeElement);
+    }
+    get getPopoverElement() {
+        return this.componentRef?.location.nativeElement;
+    }
+    get popoverComponentInstance() {
+        return this.componentRef?.instance;
+    }
+    /**
+   * Given the current position of the popover and the available space around
+   * the trigger element, this function will return the position that the popover
+   * will be set at.
+   *
+   * If the popover will fit at the given position, it will return the same
+   * position.
+   *
+   * If the popover will not fit at the given position, it will return the position
+   * that has the most available space (top or bottom).
+   *
+   * If there is no position with available space, it will return the given
+   * position.
+   *
+   * @returns The position that the popover will be set at.
+   */
+    get validPosition() {
+        const { freeDistanceToBottom, freeDistanceToTop, freeDistanceToLeft, freeDistanceToRight } = this.getLeftoverContentAvailableForPopover();
+        const popoverElementPosition = getElementPositionInfo(this.getPopoverElement);
+        const popoverElementWidth = popoverElementPosition.elementWidth;
+        const popoverElementHeight = popoverElementPosition.elementHeight;
+        const remainingSpaceBottom = freeDistanceToBottom - popoverElementHeight;
+        const remainingSpaceTop = freeDistanceToTop - popoverElementHeight;
+        const remainingSpaceLeft = freeDistanceToLeft - popoverElementWidth;
+        const remainingSpaceRight = freeDistanceToRight - popoverElementWidth;
+        const canSetAtBottom = remainingSpaceBottom > 0;
+        const canSetAtTop = remainingSpaceTop > 0;
+        const canSetAtLeft = remainingSpaceLeft > 0;
+        const canSetAtRight = remainingSpaceRight > 0;
+        let validPosition = undefined;
+        if (canSetAtBottom && this.popoverPosition === 'bottom') {
+            validPosition = 'bottom';
+        }
+        else if (canSetAtTop && this.popoverPosition === 'top') {
+            validPosition = 'top';
+        }
+        else if (canSetAtLeft && this.popoverPosition === 'left') {
+            validPosition = 'left';
+        }
+        else if (canSetAtRight && this.popoverPosition === 'right') {
+            validPosition = 'right';
+        }
+        const needUseOtherPosition = !validPosition;
+        if (needUseOtherPosition) {
+            const freePositions = [
+                {
+                    position: 'bottom',
+                    freeDistance: remainingSpaceBottom,
+                },
+                {
+                    position: 'top',
+                    freeDistance: remainingSpaceTop,
+                }
+            ].filter((x) => x.freeDistance > 0);
+            if (freePositions.length === 0) {
+                return this.popoverPosition;
+            }
+            const itemWithMaxFreeDistance = freePositions.sort((a, b) => b.freeDistance - a.freeDistance)[0];
+            return itemWithMaxFreeDistance.position;
+        }
+        else {
+            return this.popoverPosition;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: HelpPopoverDirective, selector: "[sHelpPopover]", inputs: { sHelpPopover: "sHelpPopover", closeButton: "closeButton", popoverIcon: "popoverIcon", popoverHeader: "popoverHeader", popoverFooter: "popoverFooter", popoverButtonText: "popoverButtonText", popoverArrowPosition: "popoverArrowPosition", popoverPosition: "popoverPosition" }, outputs: { buttonClicked: "buttonClicked" }, host: { listeners: { "click": "doClick()" } }, exportAs: ["sHelpPopover"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sHelpPopover]',
+                    exportAs: 'sHelpPopover'
+                }]
+        }], propDecorators: { sHelpPopover: [{
+                type: Input
+            }], closeButton: [{
+                type: Input
+            }], popoverIcon: [{
+                type: Input
+            }], popoverHeader: [{
+                type: Input
+            }], popoverFooter: [{
+                type: Input
+            }], popoverButtonText: [{
+                type: Input
+            }], popoverArrowPosition: [{
+                type: Input
+            }], popoverPosition: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], doClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class HelpPopoverModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverModule, declarations: [HelpPopoverComponent, HelpPopoverDirective], imports: [CommonModule,
+            ButtonModule], exports: [HelpPopoverDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverModule, imports: [CommonModule,
+            ButtonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HelpPopoverModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [HelpPopoverComponent, HelpPopoverDirective],
+                    imports: [
+                        CommonModule,
+                        ButtonModule,
+                    ],
+                    exports: [HelpPopoverDirective]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HelpPopoverComponent, HelpPopoverDirective, HelpPopoverModule };
+//# sourceMappingURL=seniorsistemas-angular-components-help-popover.mjs.map

package/fesm2022/seniorsistemas-angular-components-help-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-help-popover.mjs","sources":["../../projects/angular-components/help-popover/src/lib/help-popover/help-popover/help-popover.component.ts","../../projects/angular-components/help-popover/src/lib/help-popover/help-popover/help-popover.component.html","../../projects/angular-components/help-popover/src/lib/help-popover/help-popover.directive.ts","../../projects/angular-components/help-popover/src/lib/help-popover/help-popover.module.ts","../../projects/angular-components/help-popover/src/seniorsistemas-angular-components-help-popover.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, OnDestroy, TemplateRef, ViewChild } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { HelpPopoverArrowPosition, HelpPopoverPosition } from '../models/help-popover.models';\n\n@Component({\n  selector: 's-help-popover',\n  templateUrl: './help-popover.component.html',\n  styleUrls: ['./help-popover.component.scss']\n})\nexport class HelpPopoverComponent implements OnDestroy {\n  private readonly VALID_POSITIONS: HelpPopoverPosition[] = ['top', 'bottom', 'left', 'right'];\n  private readonly VALID_ARROW_POSITIONS: HelpPopoverArrowPosition[] = ['beginning', 'end', 'middle'];\n  private _position: HelpPopoverPosition = 'bottom';\n  popoverContent: string | TemplateRef<any> | null = null;\n  closeButton = true;\n  icon = '';\n  header = '';\n  footer = '';\n  button = '';\n  visible = false;\n  @ViewChild('arrowElement', { read: ElementRef, static: true }) arrowElement: ElementRef<HTMLElement> | null = null;\n  public get position(): HelpPopoverPosition {\n    return this._position;\n  }\n  public set position(value: HelpPopoverPosition) {\n    if (!this.VALID_POSITIONS.includes(value)) {\n      throw new Error(`Invalid position: ${value}. Valid positions: ${this.VALID_POSITIONS}`);\n    }\n    this._position = value;\n  }\n\n  private _arrowPosition: HelpPopoverArrowPosition = 'beginning';\n  public get arrowPosition(): HelpPopoverArrowPosition {\n    return this._arrowPosition;\n  }\n  public set arrowPosition(value: HelpPopoverArrowPosition) {\n    if (!this.VALID_ARROW_POSITIONS.includes(value)) {\n      throw new Error(`Invalid arrow position: ${value}. Valid arrow positions: ${this.VALID_ARROW_POSITIONS}`);\n    }\n    this._arrowPosition = value;\n  }\n\n  buttonClicked!: EventEmitter<void>;\n\n  closed = new Subject<void>();\n  get contentIsString() {\n    return typeof this.popoverContent === 'string';\n  }\n\n  get popoverContentTemplateRef() {\n    return this.popoverContent as TemplateRef<any>;\n  }\n\n  get hasHeaderContainer() {\n    const _hasHeader = this.hasHeaderText;\n    const hasIcon = this.hasIcon;\n    const hasCloseButton = this.closeButton;\n    return _hasHeader || hasIcon || hasCloseButton;\n  }\n\n  get hasFooter() {\n    const _hasFooterText = this.hasFooterText;\n    const hasButtonText = this.button && this.button.length > 0;\n    return _hasFooterText || hasButtonText;\n  }\n\n  get hasHeaderText() {\n    return this.header && this.header.length > 0;\n  }\n\n  get hasFooterText() {\n    return this.footer && this.footer.length > 0;\n  }\n\n  get hasIcon() {\n    return this.icon && this.icon.length > 0;\n  }\n\n  close() {\n    this.closed.next();\n  }\n\n  clickButton() {\n    this.buttonClicked!.emit();\n  }\n\n\n  ngOnDestroy(): void {\n    this.closed.complete();\n  }\n}\n","<div\n    class=\"popover-container\"\n    [style.visibility]=\"visible ? 'visible' : 'hidden'\"\n    [class.popover-container-top]=\"position === 'top'\"\n    [class.popover-container-right]=\"position === 'right'\"\n    [class.popover-container-bottom]=\"position === 'bottom'\"\n    [class.popover-container-left]=\"position === 'left'\"\n>\n    <div\n        class=\"arrow-container\"\n        [class.arrow-container-beginning]=\"arrowPosition === 'beginning'\"\n        [class.arrow-container-middle]=\"arrowPosition === 'middle'\"\n        [class.arrow-container-end]=\"arrowPosition === 'end'\"\n    >\n        <div\n            class=\"arrow\"\n            #arrowElement\n        ></div>\n    </div>\n    <div class=\"popover\">\n        @if (hasHeaderContainer) {\n            <div\n                class=\"popover-header-container\"\n                [class.space-between]=\"hasIcon || hasHeaderText\"\n                [class.flex-end]=\"!(hasIcon || hasHeaderText) && closeButton\"\n            >\n                @if (hasIcon || hasHeaderText) {\n                    <div class=\"popover-header-container-text\">\n                        @if (hasIcon) {\n                            <div class=\"popover-icon\">\n                                <i [class]=\"icon\"></i>\n                            </div>\n                        }\n                        @if (hasHeaderText) {\n                            <div class=\"popover-header-text\">\n                                {{ header }}\n                            </div>\n                        }\n                    </div>\n                }\n                @if (closeButton) {\n                    <div class=\"popover-close-button\">\n                        <i\n                            class=\"fas fa-times\"\n                            (click)=\"close()\"\n                        ></i>\n                    </div>\n                }\n            </div>\n        }\n\n        <div class=\"popover-content\">\n            @if (contentIsString) {\n                {{ popoverContent }}\n            } @else {\n                <ng-container *ngTemplateOutlet=\"popoverContentTemplateRef\"></ng-container>\n            }\n        </div>\n\n        @if (hasFooter) {\n            <div class=\"separator\"></div>\n            <div\n                class=\"popover-footer-container\"\n                [class.space-between]=\"hasFooterText\"\n                [class.flex-end]=\"!hasFooterText\"\n            >\n                @if (hasFooterText) {\n                    <p class=\"popover-footer-text\">\n                        {{ footer }}\n                    </p>\n                }\n                @if (button && button.length > 0) {\n                    <div class=\"popover-footer-button\">\n                        <s-button\n                            [label]=\"button\"\n                            priority=\"primary\"\n                            size=\"small\"\n                            (clicked)=\"clickButton()\"\n                            [disabled]=\"false\"\n                            [auxiliary]=\"false\"\n                        >\n                        </s-button>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n</div>\n\n","import { ComponentRef, Directive, ElementRef, EventEmitter, HostListener, inject, Input, OnDestroy, OnInit, Output, TemplateRef, ViewContainerRef } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { debounceTime, takeUntil } from 'rxjs/operators';\nimport { HelpPopoverComponent } from './help-popover/help-popover.component';\nimport { HelpPopoverArrowPosition, HelpPopoverPosition } from './models/help-popover.models';\nimport { ElementLeftoverPosition, ElementPosition, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement } from '@seniorsistemas/angular-components/utils';\n\n\n@Directive({\n  selector: '[sHelpPopover]',\n  exportAs: 'sHelpPopover'\n})\nexport class HelpPopoverDirective implements OnDestroy, OnInit {\n  private readonly MUTATION_OBSERVER_CONFIG: MutationObserverInit = { attributes: true, childList: true, subtree: true };\n  private readonly OBSERVER_CALLBACK = () => {\n    if (!this.componentRef) {\n      return;\n    }\n    this.applyPositionIntoElement();\n  }\n  private readonly RESIZE_OBSERVER = () => {\n    this.onResize$.next();\n  }\n  @Input() sHelpPopover: string | TemplateRef<any> | null = null;\n  @Input() closeButton = true;\n  @Input() popoverIcon = '';\n  @Input() popoverHeader = '';\n  @Input() popoverFooter = '';\n  @Input() popoverButtonText = '';\n  @Input() popoverArrowPosition: HelpPopoverArrowPosition = 'beginning';\n  private _popoverPosition: HelpPopoverPosition = 'bottom';\n  public get popoverPosition(): HelpPopoverPosition {\n    return this._popoverPosition;\n  }\n  @Input()\n  public set popoverPosition(value: HelpPopoverPosition) {\n    this._popoverPosition = value;\n    this.internalPosition = value;\n  }\n  @Output() buttonClicked = new EventEmitter<void>();\n\n  private onDestroy$ = new Subject<void>();\n  private componentRef: ComponentRef<HelpPopoverComponent> | null = null\n  private mutationObserverPopoverElement: MutationObserver | null = null;\n  private mutationObserverPopoverContent: MutationObserver | null = null;\n  private internalPosition: HelpPopoverPosition = 'bottom';\n  private onResize$ = new Subject<void>();\n  private manualTrigger = false;\n  private listener = (event: PointerEvent | MouseEvent) => {\n    if (!this.componentRef) {\n      return;\n    }\n    const totalElementArea = this.getPopoverElement.getBoundingClientRect();\n    if (isMousePositionOutsideOfElement(event, totalElementArea)) {\n      this.destroy();\n    }\n  }\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private readonly element: ElementRef<HTMLElement> = inject(ElementRef);\n\n  ngOnInit(): void {\n    const popoverElementObserver = new MutationObserver(this.OBSERVER_CALLBACK);\n    this.mutationObserverPopoverElement = popoverElementObserver;\n    popoverElementObserver.observe(this.element.nativeElement, this.MUTATION_OBSERVER_CONFIG);\n    window.addEventListener('resize', this.RESIZE_OBSERVER);\n    window.addEventListener('scrollend', this.OBSERVER_CALLBACK);\n    this.onResize$.pipe(takeUntil(this.onDestroy$), debounceTime(100)).subscribe(this.OBSERVER_CALLBACK)\n  }\n\n  show() {\n    this.manualTrigger = true;\n    this._createComponent();\n  }\n\n  @HostListener('click')\n  doClick() {\n    if (this.manualTrigger) {\n      return;\n    }\n    this._createComponent();\n  }\n\n  ngOnDestroy(): void {\n    this.onDestroy$.next();\n    this.onDestroy$.complete();\n    this.destroy();\n    if (this.mutationObserverPopoverElement) {\n      this.mutationObserverPopoverElement.disconnect();\n    }\n    window.removeEventListener('resize', this.RESIZE_OBSERVER);\n    window.removeEventListener('scrollend', this.OBSERVER_CALLBACK);\n  }\n\n  private _createComponent() {\n    if (!this.sHelpPopover) {\n      return;\n    }\n    if (this.componentRef) {\n      this.destroy();\n    }\n    const componentRef = this.viewContainerRef.createComponent(HelpPopoverComponent);\n    this.componentRef = componentRef;\n    if (this.mutationObserverPopoverContent) {\n      this.mutationObserverPopoverContent.disconnect();\n    }\n    this.mutationObserverPopoverContent = new MutationObserver(this.OBSERVER_CALLBACK);\n    const element = this.getPopoverElement as HTMLElement;\n    this.mutationObserverPopoverContent.observe(element.querySelector('.popover-content') as HTMLElement, this.MUTATION_OBSERVER_CONFIG);\n    document.body.appendChild(componentRef.location.nativeElement);\n    setTimeout(() => {\n      document.addEventListener('click', this.listener);\n    })\n    const component = componentRef.instance;\n    component.popoverContent = this.sHelpPopover;\n    component.closeButton = this.closeButton;\n    component.icon = this.popoverIcon;\n    component.header = this.popoverHeader;\n    component.footer = this.popoverFooter;\n    component.button = this.popoverButtonText;\n    component.position = this.internalPosition;\n    component.arrowPosition = this.popoverArrowPosition;\n    component.buttonClicked = this.buttonClicked;\n    component.closed.pipe(takeUntil(this.onDestroy$)).subscribe(() => {\n      this.destroy();\n    })\n    this.applyPositionIntoElement();\n  }\n\n  private destroy() {\n    document.removeEventListener('click', this.listener);\n    if (this.componentRef) {\n      this.componentRef.destroy();\n      this.componentRef = null;\n    }\n\n    this.internalPosition = this.popoverPosition;\n\n    if (this.mutationObserverPopoverContent) {\n      this.mutationObserverPopoverContent.disconnect();\n    }\n  }\n\n  private applyPositionIntoElement() {\n    const popoverElementPosition = getElementPositionInfo(this.element.nativeElement);\n    const position = this.validPosition;\n    this.internalPosition = position;\n    this.popoverComponentInstance.position = this.internalPosition;\n    setTimeout(() => {\n      switch (this.internalPosition) {\n        case 'bottom': {\n          this.applyPopoverPositionBottom(popoverElementPosition);\n          break;\n        }\n        case 'top': {\n          this.applyPopoverPositionTop(popoverElementPosition);\n          break;\n        }\n        case 'left': {\n          this.applyPopoverPositionLeft(popoverElementPosition);\n          break;\n        }\n        case 'right': {\n          this.applyPopoverPositionRight(popoverElementPosition);\n          break;\n        }\n      }\n      this.popoverComponentInstance.visible = true;\n    })\n\n  }\n\n  private applyPopoverPositionBottom(popoverElementPosition: ElementPosition) {\n    const popoverElement = this.getPopoverElement;\n    const leftPopover = this.getHorizontalLeft(popoverElementPosition)\n    popoverElement.style.position = 'absolute';\n    popoverElement.style.left = `${leftPopover}px`;\n    popoverElement.style.top = `calc(${popoverElementPosition.top}px + ${popoverElementPosition.elementHeight}px)`\n  }\n\n  private applyPopoverPositionTop(popoverElementPosition: ElementPosition) {\n    const popoverElement = this.getPopoverElement;\n    const leftPopover = this.getHorizontalLeft(popoverElementPosition)\n    const popoverHeight = popoverElement.getBoundingClientRect().height;\n    popoverElement.style.position = 'absolute';\n    popoverElement.style.left = `${leftPopover}px`;\n    popoverElement.style.top = `calc(${popoverElementPosition.top}px - ${popoverHeight}px)`;\n  }\n\n  private applyPopoverPositionLeft(popoverElementPosition: ElementPosition) {\n    const popoverElement = this.getPopoverElement;\n    const popoverWidth = popoverElement.getBoundingClientRect().width;\n    popoverElement.style.position = 'absolute';\n    popoverElement.style.left = `calc(${popoverElementPosition.right}px - ${popoverWidth + popoverElementPosition.elementWidth}px)`;\n    popoverElement.style.top = this.getVerticalTop(popoverElementPosition);\n  }\n\n  private applyPopoverPositionRight(popoverElementPosition: ElementPosition) {\n    const popoverElement = this.getPopoverElement;\n    popoverElement.style.position = 'absolute';\n    popoverElement.style.left = `calc(${popoverElementPosition.right}px)`;\n    popoverElement.style.top = this.getVerticalTop(popoverElementPosition);\n  }\n\n  private getHorizontalLeft(popoverElementPosition: ElementPosition) {\n    const popoverElement = this.getPopoverElement;\n    const popoverWidth = popoverElement.getBoundingClientRect().width;\n    let _horizontalLeft = popoverElementPosition.left;\n    if (this.popoverArrowPosition === 'end') {\n      _horizontalLeft = popoverElementPosition.right - popoverWidth;\n    } else if (this.popoverArrowPosition === 'middle') {\n      _horizontalLeft = (popoverElementPosition.left + popoverElementPosition.elementWidth / 2) - (popoverWidth / 2);\n    }\n    return _horizontalLeft;\n  }\n\n  private getVerticalTop(popoverElementPosition: ElementPosition) {\n    const arrowElement = this.popoverComponentInstance.arrowElement?.nativeElement as HTMLElement;\n    const arrowElementPosition = getElementPositionInfo(arrowElement);\n    const popoverContentPosition = getElementPositionInfo(this.getPopoverElement);\n    const popoverElement = this.getPopoverElement;\n    const popoverHeight = popoverElement.getBoundingClientRect().height;\n    let top = `calc(${popoverElementPosition.top}px - ${popoverHeight / 2}px + ${popoverElementPosition.elementHeight / 2}px)`;\n\n    const arrowMiddle = arrowElementPosition.elementHeight / 2;\n    if (this.popoverArrowPosition === 'beginning') {\n      const distanceArrowFromStart = arrowElementPosition.top - popoverContentPosition.top;\n      top = `calc(${popoverElementPosition.top}px + ${popoverElementPosition.elementHeight / 2}px - ${distanceArrowFromStart + arrowMiddle}px)`;\n    } else if (this.popoverArrowPosition === 'end') {\n      const distanceArrowFromEnd = (popoverContentPosition.top + popoverContentPosition.elementHeight) - (arrowElementPosition.top + arrowElementPosition.elementHeight);\n      top = `calc(${popoverElementPosition.top}px - ${popoverContentPosition.elementHeight}px + ${popoverElementPosition.elementHeight / 2}px + ${distanceArrowFromEnd + arrowMiddle}px)`;\n    }\n    return top;\n  }\n\n  private getLeftoverContentAvailableForPopover(): ElementLeftoverPosition {\n    return getElementLeftoverContentAvailable(this.element.nativeElement);\n  }\n\n  private get getPopoverElement(): HTMLElement {\n    return this.componentRef?.location.nativeElement as HTMLElement;\n  }\n\n  private get popoverComponentInstance() {\n    return this.componentRef?.instance as HelpPopoverComponent;\n  }\n\n  /**\n * Given the current position of the popover and the available space around\n * the trigger element, this function will return the position that the popover\n * will be set at.\n *\n * If the popover will fit at the given position, it will return the same\n * position.\n *\n * If the popover will not fit at the given position, it will return the position\n * that has the most available space (top or bottom).\n *\n * If there is no position with available space, it will return the given\n * position.\n *\n * @returns The position that the popover will be set at.\n */\n  private get validPosition(): HelpPopoverPosition {\n    const { freeDistanceToBottom, freeDistanceToTop, freeDistanceToLeft, freeDistanceToRight } = this.getLeftoverContentAvailableForPopover();\n\n    const popoverElementPosition = getElementPositionInfo(this.getPopoverElement);\n    const popoverElementWidth = popoverElementPosition.elementWidth;\n    const popoverElementHeight = popoverElementPosition.elementHeight;\n\n    const remainingSpaceBottom = freeDistanceToBottom - popoverElementHeight;\n    const remainingSpaceTop = freeDistanceToTop - popoverElementHeight;\n    const remainingSpaceLeft = freeDistanceToLeft - popoverElementWidth;\n    const remainingSpaceRight = freeDistanceToRight - popoverElementWidth;\n\n    const canSetAtBottom = remainingSpaceBottom > 0;\n    const canSetAtTop = remainingSpaceTop > 0;\n    const canSetAtLeft = remainingSpaceLeft > 0;\n    const canSetAtRight = remainingSpaceRight > 0;\n\n    let validPosition: HelpPopoverPosition | undefined = undefined;\n    if (canSetAtBottom && this.popoverPosition === 'bottom') {\n      validPosition = 'bottom';\n    } else if (canSetAtTop && this.popoverPosition === 'top') {\n      validPosition = 'top';\n    } else if (canSetAtLeft && this.popoverPosition === 'left') {\n      validPosition = 'left';\n    } else if (canSetAtRight && this.popoverPosition === 'right') {\n      validPosition = 'right';\n    }\n\n    const needUseOtherPosition = !validPosition;\n    if (needUseOtherPosition) {\n      const freePositions: { position: HelpPopoverPosition, freeDistance: number }[] = [\n        {\n          position: 'bottom' as HelpPopoverPosition,\n          freeDistance: remainingSpaceBottom,\n        },\n        {\n          position: 'top' as HelpPopoverPosition,\n          freeDistance: remainingSpaceTop,\n        }\n      ].filter((x) => x.freeDistance > 0);\n\n      if (freePositions.length === 0) {\n        return this.popoverPosition;\n      }\n      const itemWithMaxFreeDistance = freePositions.sort((a, b) => b.freeDistance - a.freeDistance)[0];\n      return itemWithMaxFreeDistance.position;\n    } else {\n      return this.popoverPosition;\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { HelpPopoverDirective } from './help-popover.directive';\nimport { HelpPopoverComponent } from './help-popover/help-popover.component';\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\n@NgModule({\n  declarations: [HelpPopoverComponent, HelpPopoverDirective],\n  imports: [\n    CommonModule,\n    ButtonModule,\n  ],\n  exports: [HelpPopoverDirective]\n})\nexport class HelpPopoverModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;MASa,oBAAoB,CAAA;IACd,eAAe,GAA0B,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5E,qBAAqB,GAA+B,CAAC,WAAW,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC5F,SAAS,GAAwB,QAAQ,CAAC;IAClD,cAAc,GAAqC,IAAI,CAAC;IACxD,WAAW,GAAG,IAAI,CAAC;IACnB,IAAI,GAAG,EAAE,CAAC;IACV,MAAM,GAAG,EAAE,CAAC;IACZ,MAAM,GAAG,EAAE,CAAC;IACZ,MAAM,GAAG,EAAE,CAAC;IACZ,OAAO,GAAG,KAAK,CAAC;IAC+C,YAAY,GAAmC,IAAI,CAAC;AACnH,IAAA,IAAW,QAAQ,GAAA;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;KACvB;IACD,IAAW,QAAQ,CAAC,KAA0B,EAAA;QAC5C,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACzC,MAAM,IAAI,KAAK,CAAC,CAAqB,kBAAA,EAAA,KAAK,CAAsB,mBAAA,EAAA,IAAI,CAAC,eAAe,CAAE,CAAA,CAAC,CAAC;SACzF;AACD,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;KACxB;IAEO,cAAc,GAA6B,WAAW,CAAC;AAC/D,IAAA,IAAW,aAAa,GAAA;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC;KAC5B;IACD,IAAW,aAAa,CAAC,KAA+B,EAAA;QACtD,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC/C,MAAM,IAAI,KAAK,CAAC,CAA2B,wBAAA,EAAA,KAAK,CAA4B,yBAAA,EAAA,IAAI,CAAC,qBAAqB,CAAE,CAAA,CAAC,CAAC;SAC3G;AACD,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KAC7B;AAED,IAAA,aAAa,CAAsB;AAEnC,IAAA,MAAM,GAAG,IAAI,OAAO,EAAQ,CAAC;AAC7B,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,OAAO,OAAO,IAAI,CAAC,cAAc,KAAK,QAAQ,CAAC;KAChD;AAED,IAAA,IAAI,yBAAyB,GAAA;QAC3B,OAAO,IAAI,CAAC,cAAkC,CAAC;KAChD;AAED,IAAA,IAAI,kBAAkB,GAAA;AACpB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC;AACtC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;AAC7B,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;AACxC,QAAA,OAAO,UAAU,IAAI,OAAO,IAAI,cAAc,CAAC;KAChD;AAED,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CAAC;AAC1C,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5D,OAAO,cAAc,IAAI,aAAa,CAAC;KACxC;AAED,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;KAC9C;AAED,IAAA,IAAI,aAAa,GAAA;QACf,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;KAC9C;AAED,IAAA,IAAI,OAAO,GAAA;QACT,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;KAC1C;IAED,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACpB;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAc,CAAC,IAAI,EAAE,CAAC;KAC5B;IAGD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;KACxB;wGAhFU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAApB,oBAAoB,EAAA,QAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAWI,UAAU,EAAA,MAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB/C,wsGAyFA,EAAA,MAAA,EAAA,CAAA,0hHAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDhFa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,SAAS;+BACE,gBAAgB,EAAA,QAAA,EAAA,wsGAAA,EAAA,MAAA,EAAA,CAAA,0hHAAA,CAAA,EAAA,CAAA;8BAeqC,YAAY,EAAA,CAAA;sBAA1E,SAAS;uBAAC,cAAc,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MERlD,oBAAoB,CAAA;AACd,IAAA,wBAAwB,GAAyB,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACtG,iBAAiB,GAAG,MAAK;AACxC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,OAAO;SACR;QACD,IAAI,CAAC,wBAAwB,EAAE,CAAC;AAClC,KAAC,CAAA;IACgB,eAAe,GAAG,MAAK;AACtC,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACxB,KAAC,CAAA;IACQ,YAAY,GAAqC,IAAI,CAAC;IACtD,WAAW,GAAG,IAAI,CAAC;IACnB,WAAW,GAAG,EAAE,CAAC;IACjB,aAAa,GAAG,EAAE,CAAC;IACnB,aAAa,GAAG,EAAE,CAAC;IACnB,iBAAiB,GAAG,EAAE,CAAC;IACvB,oBAAoB,GAA6B,WAAW,CAAC;IAC9D,gBAAgB,GAAwB,QAAQ,CAAC;AACzD,IAAA,IAAW,eAAe,GAAA;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;KAC9B;IACD,IACW,eAAe,CAAC,KAA0B,EAAA;AACnD,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;KAC/B;AACS,IAAA,aAAa,GAAG,IAAI,YAAY,EAAQ,CAAC;AAE3C,IAAA,UAAU,GAAG,IAAI,OAAO,EAAQ,CAAC;IACjC,YAAY,GAA8C,IAAI,CAAA;IAC9D,8BAA8B,GAA4B,IAAI,CAAC;IAC/D,8BAA8B,GAA4B,IAAI,CAAC;IAC/D,gBAAgB,GAAwB,QAAQ,CAAC;AACjD,IAAA,SAAS,GAAG,IAAI,OAAO,EAAQ,CAAC;IAChC,aAAa,GAAG,KAAK,CAAC;AACtB,IAAA,QAAQ,GAAG,CAAC,KAAgC,KAAI;AACtD,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,OAAO;SACR;QACD,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,EAAE,CAAC;AACxE,QAAA,IAAI,+BAA+B,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE;YAC5D,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;AACH,KAAC,CAAA;AACgB,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAC5C,IAAA,OAAO,GAA4B,MAAM,CAAC,UAAU,CAAC,CAAC;IAEvE,QAAQ,GAAA;QACN,MAAM,sBAAsB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAC5E,QAAA,IAAI,CAAC,8BAA8B,GAAG,sBAAsB,CAAC;AAC7D,QAAA,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAC1F,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7D,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;KACrG;IAED,IAAI,GAAA;AACF,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAGD,OAAO,GAAA;AACL,QAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO;SACR;QACD,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC,OAAO,EAAE,CAAC;AACf,QAAA,IAAI,IAAI,CAAC,8BAA8B,EAAE;AACvC,YAAA,IAAI,CAAC,8BAA8B,CAAC,UAAU,EAAE,CAAC;SAClD;QACD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QAC3D,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACjE;IAEO,gBAAgB,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB,OAAO;SACR;AACD,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,OAAO,EAAE,CAAC;SAChB;QACD,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;AACjF,QAAA,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;AACjC,QAAA,IAAI,IAAI,CAAC,8BAA8B,EAAE;AACvC,YAAA,IAAI,CAAC,8BAA8B,CAAC,UAAU,EAAE,CAAC;SAClD;QACD,IAAI,CAAC,8BAA8B,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AACnF,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,iBAAgC,CAAC;AACtD,QAAA,IAAI,CAAC,8BAA8B,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,kBAAkB,CAAgB,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACrI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC/D,UAAU,CAAC,MAAK;YACd,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACpD,SAAC,CAAC,CAAA;AACF,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC;AACxC,QAAA,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC;AAC7C,QAAA,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;AACzC,QAAA,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;AAClC,QAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;AACtC,QAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;AACtC,QAAA,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAC1C,QAAA,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC;AAC3C,QAAA,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,oBAAoB,CAAC;AACpD,QAAA,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;AAC7C,QAAA,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,MAAK;YAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;AACjB,SAAC,CAAC,CAAA;QACF,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;IAEO,OAAO,GAAA;QACb,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;AACrD,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;AACrB,YAAA,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;AAC5B,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;SAC1B;AAED,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC;AAE7C,QAAA,IAAI,IAAI,CAAC,8BAA8B,EAAE;AACvC,YAAA,IAAI,CAAC,8BAA8B,CAAC,UAAU,EAAE,CAAC;SAClD;KACF;IAEO,wBAAwB,GAAA;QAC9B,MAAM,sBAAsB,GAAG,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;AAClF,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC;AACpC,QAAA,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC/D,UAAU,CAAC,MAAK;AACd,YAAA,QAAQ,IAAI,CAAC,gBAAgB;gBAC3B,KAAK,QAAQ,EAAE;AACb,oBAAA,IAAI,CAAC,0BAA0B,CAAC,sBAAsB,CAAC,CAAC;oBACxD,MAAM;iBACP;gBACD,KAAK,KAAK,EAAE;AACV,oBAAA,IAAI,CAAC,uBAAuB,CAAC,sBAAsB,CAAC,CAAC;oBACrD,MAAM;iBACP;gBACD,KAAK,MAAM,EAAE;AACX,oBAAA,IAAI,CAAC,wBAAwB,CAAC,sBAAsB,CAAC,CAAC;oBACtD,MAAM;iBACP;gBACD,KAAK,OAAO,EAAE;AACZ,oBAAA,IAAI,CAAC,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;oBACvD,MAAM;iBACP;aACF;AACD,YAAA,IAAI,CAAC,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;AAC/C,SAAC,CAAC,CAAA;KAEH;AAEO,IAAA,0BAA0B,CAAC,sBAAuC,EAAA;AACxE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;AAClE,QAAA,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3C,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,WAAW,IAAI,CAAC;AAC/C,QAAA,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAQ,KAAA,EAAA,sBAAsB,CAAC,GAAG,CAAQ,KAAA,EAAA,sBAAsB,CAAC,aAAa,KAAK,CAAA;KAC/G;AAEO,IAAA,uBAAuB,CAAC,sBAAuC,EAAA;AACrE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC9C,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAA;QAClE,MAAM,aAAa,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACpE,QAAA,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3C,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,WAAW,IAAI,CAAC;AAC/C,QAAA,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA,KAAA,EAAQ,sBAAsB,CAAC,GAAG,CAAA,KAAA,EAAQ,aAAa,CAAA,GAAA,CAAK,CAAC;KACzF;AAEO,IAAA,wBAAwB,CAAC,sBAAuC,EAAA;AACtE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC9C,MAAM,YAAY,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAClE,QAAA,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;AAC3C,QAAA,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,sBAAsB,CAAC,KAAK,CAAA,KAAA,EAAQ,YAAY,GAAG,sBAAsB,CAAC,YAAY,KAAK,CAAC;QAChI,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;KACxE;AAEO,IAAA,yBAAyB,CAAC,sBAAuC,EAAA;AACvE,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;AAC9C,QAAA,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3C,cAAc,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,sBAAsB,CAAC,KAAK,CAAA,GAAA,CAAK,CAAC;QACtE,cAAc,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;KACxE;AAEO,IAAA,iBAAiB,CAAC,sBAAuC,EAAA;AAC/D,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC9C,MAAM,YAAY,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAClE,QAAA,IAAI,eAAe,GAAG,sBAAsB,CAAC,IAAI,CAAC;AAClD,QAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,KAAK,EAAE;AACvC,YAAA,eAAe,GAAG,sBAAsB,CAAC,KAAK,GAAG,YAAY,CAAC;SAC/D;AAAM,aAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,QAAQ,EAAE;AACjD,YAAA,eAAe,GAAG,CAAC,sBAAsB,CAAC,IAAI,GAAG,sBAAsB,CAAC,YAAY,GAAG,CAAC,KAAK,YAAY,GAAG,CAAC,CAAC,CAAC;SAChH;AACD,QAAA,OAAO,eAAe,CAAC;KACxB;AAEO,IAAA,cAAc,CAAC,sBAAuC,EAAA;QAC5D,MAAM,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,YAAY,EAAE,aAA4B,CAAC;AAC9F,QAAA,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC;QAClE,MAAM,sBAAsB,GAAG,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAC9E,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC9C,MAAM,aAAa,GAAG,cAAc,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;AACpE,QAAA,IAAI,GAAG,GAAG,CAAA,KAAA,EAAQ,sBAAsB,CAAC,GAAG,CAAQ,KAAA,EAAA,aAAa,GAAG,CAAC,QAAQ,sBAAsB,CAAC,aAAa,GAAG,CAAC,KAAK,CAAC;AAE3H,QAAA,MAAM,WAAW,GAAG,oBAAoB,CAAC,aAAa,GAAG,CAAC,CAAC;AAC3D,QAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,WAAW,EAAE;YAC7C,MAAM,sBAAsB,GAAG,oBAAoB,CAAC,GAAG,GAAG,sBAAsB,CAAC,GAAG,CAAC;AACrF,YAAA,GAAG,GAAG,CAAQ,KAAA,EAAA,sBAAsB,CAAC,GAAG,QAAQ,sBAAsB,CAAC,aAAa,GAAG,CAAC,CAAQ,KAAA,EAAA,sBAAsB,GAAG,WAAW,KAAK,CAAC;SAC3I;AAAM,aAAA,IAAI,IAAI,CAAC,oBAAoB,KAAK,KAAK,EAAE;YAC9C,MAAM,oBAAoB,GAAG,CAAC,sBAAsB,CAAC,GAAG,GAAG,sBAAsB,CAAC,aAAa,KAAK,oBAAoB,CAAC,GAAG,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;YACnK,GAAG,GAAG,QAAQ,sBAAsB,CAAC,GAAG,CAAQ,KAAA,EAAA,sBAAsB,CAAC,aAAa,CAAA,KAAA,EAAQ,sBAAsB,CAAC,aAAa,GAAG,CAAC,CAAA,KAAA,EAAQ,oBAAoB,GAAG,WAAW,KAAK,CAAC;SACrL;AACD,QAAA,OAAO,GAAG,CAAC;KACZ;IAEO,qCAAqC,GAAA;QAC3C,OAAO,kCAAkC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;KACvE;AAED,IAAA,IAAY,iBAAiB,GAAA;AAC3B,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,aAA4B,CAAC;KACjE;AAED,IAAA,IAAY,wBAAwB,GAAA;AAClC,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,QAAgC,CAAC;KAC5D;AAED;;;;;;;;;;;;;;;AAeC;AACD,IAAA,IAAY,aAAa,GAAA;AACvB,QAAA,MAAM,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,qCAAqC,EAAE,CAAC;QAE1I,MAAM,sBAAsB,GAAG,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;AAC9E,QAAA,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,YAAY,CAAC;AAChE,QAAA,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,aAAa,CAAC;AAElE,QAAA,MAAM,oBAAoB,GAAG,oBAAoB,GAAG,oBAAoB,CAAC;AACzE,QAAA,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;AACnE,QAAA,MAAM,kBAAkB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AACpE,QAAA,MAAM,mBAAmB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAEtE,QAAA,MAAM,cAAc,GAAG,oBAAoB,GAAG,CAAC,CAAC;AAChD,QAAA,MAAM,WAAW,GAAG,iBAAiB,GAAG,CAAC,CAAC;AAC1C,QAAA,MAAM,YAAY,GAAG,kBAAkB,GAAG,CAAC,CAAC;AAC5C,QAAA,MAAM,aAAa,GAAG,mBAAmB,GAAG,CAAC,CAAC;QAE9C,IAAI,aAAa,GAAoC,SAAS,CAAC;QAC/D,IAAI,cAAc,IAAI,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;YACvD,aAAa,GAAG,QAAQ,CAAC;SAC1B;aAAM,IAAI,WAAW,IAAI,IAAI,CAAC,eAAe,KAAK,KAAK,EAAE;YACxD,aAAa,GAAG,KAAK,CAAC;SACvB;aAAM,IAAI,YAAY,IAAI,IAAI,CAAC,eAAe,KAAK,MAAM,EAAE;YAC1D,aAAa,GAAG,MAAM,CAAC;SACxB;aAAM,IAAI,aAAa,IAAI,IAAI,CAAC,eAAe,KAAK,OAAO,EAAE;YAC5D,aAAa,GAAG,OAAO,CAAC;SACzB;AAED,QAAA,MAAM,oBAAoB,GAAG,CAAC,aAAa,CAAC;QAC5C,IAAI,oBAAoB,EAAE;AACxB,YAAA,MAAM,aAAa,GAA8D;AAC/E,gBAAA;AACE,oBAAA,QAAQ,EAAE,QAA+B;AACzC,oBAAA,YAAY,EAAE,oBAAoB;AACnC,iBAAA;AACD,gBAAA;AACE,oBAAA,QAAQ,EAAE,KAA4B;AACtC,oBAAA,YAAY,EAAE,iBAAiB;AAChC,iBAAA;AACF,aAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;AAEpC,YAAA,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,OAAO,IAAI,CAAC,eAAe,CAAC;aAC7B;YACD,MAAM,uBAAuB,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;YACjG,OAAO,uBAAuB,CAAC,QAAQ,CAAC;SACzC;aAAM;YACL,OAAO,IAAI,CAAC,eAAe,CAAC;SAC7B;KACF;wGA3SU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAApB,oBAAoB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAJhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA,CAAA;8BAYU,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,oBAAoB,EAAA,CAAA;sBAA5B,KAAK;gBAMK,eAAe,EAAA,CAAA;sBADzB,KAAK;gBAKI,aAAa,EAAA,CAAA;sBAAtB,MAAM;gBAoCP,OAAO,EAAA,CAAA;sBADN,YAAY;uBAAC,OAAO,CAAA;;;MC7DV,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAPb,YAAA,EAAA,CAAA,oBAAoB,EAAE,oBAAoB,aAEvD,YAAY;AACZ,YAAA,YAAY,aAEJ,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAEnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAL1B,YAAY;YACZ,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIH,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAR7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;AAC1D,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;AACb,qBAAA;oBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,iBAAA,CAAA;;;ACZD;;AAEG;;;;"}