@seniorsistemas/angular-components 17.27.0 → 17.27.1-feature-sds-110-35ee9b4f

package/fesm2022/seniorsistemas-angular-components-tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-tooltip.mjs","sources":["../../projects/angular-components/tooltip/src/lib/tooltip/tooltip.component.ts","../../projects/angular-components/tooltip/src/lib/tooltip/tooltip.component.html","../../projects/angular-components/tooltip/src/lib/tooltip/tooltip.directive.ts","../../projects/angular-components/tooltip/src/lib/tooltip/tooltip.module.ts","../../projects/angular-components/tooltip/src/seniorsistemas-angular-components-tooltip.ts"],"sourcesContent":["import { Component, signal } from '@angular/core';\n\nimport { TooltipPositions } from './models/tooltip-position';\n\n@Component({\n    templateUrl: './tooltip.component.html',\n    styleUrls: ['./tooltip.component.scss'],\n})\nexport class TooltipComponent {\n    public tooltip = '';\n    public position: TooltipPositions = 'top';\n    public left = 0;\n    public top = 0;\n    public visible = false;\n    public escape = false;\n}\n","<div\n    id=\"tooltip\"\n    class=\"tooltip\"\n    [ngClass]=\"['tooltip--' + position]\"\n    [class.tooltip--visible]=\"visible\"\n    [ngStyle]=\"{\n        left: left + 'px',\n        top: top + 'px',\n    }\"\n>\n    @if (escape) {\n        <span class=\"tooltip__content\">\n            {{ tooltip }}\n        </span>\n    } @else {\n        <span\n            class=\"tooltip__content\"\n            [innerHTML]=\"tooltip\"\n        >\n        </span>\n    }\n</div>\n","import {\n    ApplicationRef,\n    ComponentRef,\n    Directive,\n    ElementRef,\n    EmbeddedViewRef,\n    HostListener,\n    Input,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    ViewContainerRef\n} from '@angular/core';\nimport { MobileBehavior } from './models/mobile-behavior';\nimport { TooltipEvent } from './models/tooltip-event';\nimport { TooltipPositions } from './models/tooltip-position';\nimport { TooltipComponent } from './tooltip.component';\nimport { DebounceUtils } from '@seniorsistemas/angular-components/common';\nimport { getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\n\n@Directive({\n    selector: '[sTooltip]',\n})\nexport class TooltipDirective implements OnInit, OnDestroy {\n    @Input('sTooltip')\n    public tooltip?: string;\n\n    @Input()\n    public tooltipPosition: TooltipPositions = 'top';\n\n    @Input()\n    public showDelay = 500;\n\n    @Input()\n    public displayTime?: number;\n\n    @Input()\n    public tooltipEvent: TooltipEvent = 'hover';\n\n    @Input()\n    public escape = false;\n\n    @Input()\n    public visible = true;\n\n    @Input()\n    public mobileBehavior: MobileBehavior = 'pressing';\n\n    @Input()\n    public focusedInputRef: HTMLInputElement | null = null;\n\n    private componentRef: ComponentRef<TooltipComponent> | null = null;\n    private showTimeout?: number;\n    private touchTimeout?: number;\n    private tooltipDivElement: HTMLElement | null = null;\n    private readonly debounceCreateTooltipFunction: () => void;\n    private tooltipCreatedByFocus = false;\n\n    constructor(\n        private readonly elementRef: ElementRef,\n        private readonly appRef: ApplicationRef,\n        private readonly debounceUtils: DebounceUtils,\n        private readonly renderer: Renderer2,\n        private readonly viewContainerRef: ViewContainerRef,\n    ) {\n        this.debounceCreateTooltipFunction = this.debounceUtils.debounceLeading(() => this._createTooltip(true, true));\n    }\n\n    public ngOnInit(): void {\n        this.validatePosition();\n        this.updateTooltipVisibilityWhenFocusOnInput();\n    }\n\n    public ngOnDestroy(): void {\n        this.destroy();\n    }\n\n    /**\n     * Manipula a visibilidade do tooltip quando houver uma referência de input.\n     */\n    private updateTooltipVisibilityWhenFocusOnInput() {\n        if (this.focusedInputRef) {\n            const inputFocus = this.focusedInputRef;\n            const icon = this.getIconFromFocusedInput();\n            this.renderer.listen(inputFocus, 'focus', () => {\n                if (icon) {\n                    this._createTooltip(false, false)\n                    this.tooltipCreatedByFocus = true;\n                }\n            });\n            this.renderer.listen(inputFocus, 'blur', () => {\n                if (icon) {\n                    this.removeTooltip(icon);\n                    this.destroy();\n                    this.tooltipCreatedByFocus = false;\n                }\n            });\n        }\n    }\n\n    /**\n     * Obtém o elemento do ícone associado ao label do input em focus.\n     * @returns O ícone do input em focus.\n     */\n    private getIconFromFocusedInput(): HTMLElement {\n        return this.elementRef.nativeElement;\n    }\n\n    /**\n     * Remove o tooltip associado ao ícone do input em focus.\n     * @param icon O ícone do input em focus.\n     */\n    private removeTooltip(icon: HTMLElement): void {\n        const tooltip = icon.querySelector('.tooltip') as HTMLElement;\n        if (tooltip) {\n            tooltip.remove();\n        }\n    }\n\n    // whenever the component with the tooltip is clicked I destroy the tooltip.\n    // whenever a key is pressed on the component with the tooltip I destroy the tooltip.\n    @HostListener('click')\n    @HostListener('keydown')\n    public onClick(): void {\n        if (this.tooltipEvent === 'hover' && !navigator.userAgent.match(/Android/i) && !navigator.userAgent.match(/iPhone/i)) {\n            this.destroy();\n        }\n    }\n\n    @HostListener('focus')\n    public onFocus(): void {\n        if (this.tooltipEvent === 'focus') {\n            this._createTooltip(true, true);\n        }\n    }\n\n    @HostListener('blur')\n    public onBlur(): void {\n        if (this.tooltipEvent === 'focus') {\n            this.destroy();\n        }\n    }\n\n    @HostListener(\"mouseenter\")\n    public onMouseEnter(): void {\n        if (this.tooltipEvent === 'hover' || this.focusedInputRef) {\n            this.debounceCreateTooltipFunction();\n        }\n    }\n\n    @HostListener(\"mouseleave\")\n    @HostListener(\"wheel\")\n    public onMouseLeave(): void {\n        if ((this.tooltipEvent === 'hover' || this.focusedInputRef) && !this.tooltipCreatedByFocus) {\n            this.destroy();\n        }\n    }\n\n    @HostListener('touchstart')\n    public onTouchStart(): void {\n        if (this.tooltipEvent === 'hover') {\n            window.clearTimeout(this.touchTimeout);\n            const _delay = this.mobileBehavior === 'pressing' ? this.showDelay : 0\n            this.touchTimeout = window.setTimeout(() => {\n                this._createTooltip(true, true);\n            }, _delay);\n        }\n    }\n\n    @HostListener('touchend')\n    public onTouchEnd(): void {\n        if (this.tooltipEvent === 'hover') {\n            if (this.mobileBehavior === 'pressing') {\n                window.clearTimeout(this.touchTimeout);\n                this.destroy();\n            }\n        }\n    }\n\n    private validatePosition() {\n        const containsPosition = ['top', 'right', 'bottom', 'left'].includes(this.tooltipPosition);\n\n        if (!containsPosition) {\n            this.tooltipPosition = 'top';\n            throw new Error(`Tooltip ${this.tooltipPosition} position is unexpected`);\n        }\n    }\n\n    private getDomElement(): HTMLElement {\n        this.componentRef = this.viewContainerRef.createComponent(TooltipComponent);\n        return this.componentRef.location.nativeElement;\n    }\n\n    private _createTooltip(useShowDelay = false, autoDestroy = true) {\n        const hasText = (this.tooltip || '').length > 0;\n        const hasComponentRef = this.componentRef !== null;\n        if (!hasText || hasComponentRef) {\n            return;\n        }\n        const domElement = this.getDomElement();\n        document.body.appendChild(domElement);\n        this.tooltipDivElement = domElement.querySelector(\".tooltip\");\n        this.setTooltipComponentProperties();\n        const _showDelay = useShowDelay ? this.showDelay : 0;\n        setTimeout(() => {\n            this.showTooltip()\n        }, _showDelay)\n\n\n\n        this.renderer.listen(window, \"scroll\", () => {\n            this.setTooltipPositionProperty();\n        });\n\n        if (autoDestroy && this.displayTime) {\n            setTimeout(() => {\n                this.destroy();\n            }, this.displayTime)\n        }\n\n    }\n\n    private showTooltip() {\n        if (this.componentRef) {\n            this.componentRef.instance.visible = this.visible;\n\n            this.setTooltipPositionProperty();\n        }\n    }\n\n    private setTooltipPositionProperty() {\n        if (!this.componentRef) {\n            return\n        }\n        const anchorSize = 5;\n        const { left, right } = this.elementRef.nativeElement.getBoundingClientRect();\n\n        const tooltipElementPosition = getElementPositionInfo(this.tooltipDivElement!);\n        const elementLeftover = getElementLeftoverContentAvailable(this.elementRef.nativeElement);\n        const elementTriggerPosition = getElementPositionInfo(this.elementRef.nativeElement);\n        const horizontalPositions: TooltipPositions[] = ['left', 'right'];\n        const isPositionHorizontal = horizontalPositions.includes(this.tooltipPosition);\n        const distanceToBorders = isPositionHorizontal ? tooltipElementPosition.elementWidth : tooltipElementPosition.elementHorizontalCenter;\n        const canSetAtTop = elementLeftover.freeDistanceToTop > tooltipElementPosition.elementHeight;\n        const canSetAtLeft = elementLeftover.freeDistanceToLeft > distanceToBorders;\n        const canSetAtRight = elementLeftover.freeDistanceToRight > distanceToBorders;\n        const canSetAtBottom = elementLeftover.freeDistanceToBottom > tooltipElementPosition.elementHeight;\n        const topVertical = elementTriggerPosition.top + elementTriggerPosition.elementVerticalCenter;\n        const checkTopPosition = () => {\n            return canSetAtTop && canSetAtLeft && canSetAtRight;\n        }\n        const checkBottomPosition = () => {\n            return canSetAtBottom && canSetAtLeft && canSetAtRight;\n        }\n        const checkLeftPosition = () => {\n            return canSetAtLeft && canSetAtTop && canSetAtBottom;\n        }\n\n        const checkRightPosition = () => {\n            return canSetAtRight && canSetAtTop && canSetAtBottom;\n        }\n\n        const setTopPosition = (): { left: number, top: number } => {\n            return {\n                left: left + (right - left) / 2,\n                top: elementTriggerPosition.top - anchorSize\n            }\n        }\n\n        const setBottomPosition = (): { left: number, top: number } => {\n            return {\n                left: left + (right - left) / 2,\n                top: elementTriggerPosition.top + elementTriggerPosition.elementHeight\n            };\n        }\n\n        const setLeftPosition = (): { left: number, top: number } => {\n            return {\n                left: left,\n                top: topVertical\n            };\n        }\n\n        const setRightPosition = (): { left: number, top: number } => {\n            return {\n                left: right,\n                top: topVertical\n            };\n        }\n\n        type Position = {\n            pos: TooltipPositions,\n            check: () => boolean,\n            set: () => { left: number, top: number }\n        }\n\n        const positions: Position[] = [\n            {\n                pos: 'top',\n                check: checkTopPosition,\n                set: setTopPosition\n            },\n            {\n                pos: 'bottom',\n                check: checkBottomPosition,\n                set: setBottomPosition\n            },\n            {\n                pos: 'left',\n                check: checkLeftPosition,\n                set: setLeftPosition\n            },\n            {\n                pos: 'right',\n                check: checkRightPosition,\n                set: setRightPosition\n\n            }\n        ];\n\n        const positionDefined = positions.find((position) => position.pos === this.tooltipPosition);\n        let validPosition: Position | undefined = positionDefined;\n        const canUseDefinedPosition = positionDefined?.check();\n        if (canUseDefinedPosition) {\n            validPosition = positionDefined;\n        } else if (!canUseDefinedPosition) {\n            const validAlternativePosition = positions.find((position) => position.check());\n            if (validAlternativePosition) {\n                validPosition = validAlternativePosition;\n            }\n        }\n        const _position = validPosition!.set();\n        const positionLeft = _position.left;\n        const positionTop = _position.top;\n        this.componentRef.instance.left = Math.round(positionLeft);\n        this.componentRef.instance.top = Math.round(positionTop);\n        this.componentRef.instance.position = validPosition!.pos;\n    }\n\n    private setTooltipComponentProperties() {\n        if (!this.componentRef) return;\n\n        this.componentRef.instance.tooltip = this.tooltip as string;\n        this.componentRef.instance.escape = this.escape;\n    }\n\n    private destroy(): void {\n        if (!isNullOrUndefined(this.componentRef)) {\n            window.clearTimeout(this.showTimeout);\n            this.appRef.detachView(this.componentRef.hostView);\n            this.componentRef.destroy();\n            this.componentRef = null;\n            this.tooltipDivElement = null;\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { TooltipComponent } from './tooltip.component';\nimport { TooltipDirective } from './tooltip.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [TooltipComponent, TooltipDirective],\n    exports: [TooltipDirective],\n})\nexport class TooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-utils.mjs

@@ -0,0 +1,59 @@
+const Breakpoints = {
+    SM_MIN: 0,
+    SM_MAX: 767,
+    MD_MIN: 768,
+    MD_MAX: 991,
+    LG_MIN: 992,
+    LG_MAX: 1199,
+    XL_MIN: 1200,
+    XL_MAX: Infinity,
+};
+
+const randomHash = (prefix = 'id') => {
+    return `${prefix}-${Math.random().toString(36).substring(2, 9)}-${Date.now().toString(36)}`;
+};
+const isNullOrUndefined = (value) => value === null || value === undefined;
+const isMousePositionOutsideOfElement = (event, elementArea) => {
+    const eventX = event.clientX;
+    const eventY = event.clientY;
+    return eventX < elementArea.left || eventX >= elementArea.right || eventY < elementArea.top || eventY >= elementArea.bottom;
+};
+const getElementPositionInfo = (element) => {
+    const rect = element.getBoundingClientRect();
+    const scrollTop = window.scrollY || document.documentElement.scrollTop;
+    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
+    const elementHeight = rect.height;
+    const elementWidth = rect.width;
+    const elementVerticalCenter = elementHeight / 2;
+    const elementHorizontalCenter = elementWidth / 2;
+    return {
+        top: rect.top + scrollTop,
+        left: rect.left + scrollLeft,
+        right: rect.left + scrollLeft + elementWidth,
+        elementHeight,
+        elementWidth,
+        elementVerticalCenter,
+        elementHorizontalCenter
+    };
+};
+const getElementLeftoverContentAvailable = (element) => {
+    const windowWidth = window.innerWidth;
+    const popoverElementTriggerRect = element.getBoundingClientRect();
+    const freeDistanceToBottom = window.innerHeight - popoverElementTriggerRect.bottom;
+    const freeDistanceToTop = popoverElementTriggerRect.top;
+    const freeDistanceToLeft = popoverElementTriggerRect.left;
+    const freeDistanceToRight = windowWidth - popoverElementTriggerRect.right;
+    return {
+        freeDistanceToBottom,
+        freeDistanceToTop,
+        freeDistanceToLeft,
+        freeDistanceToRight
+    };
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breakpoints, getElementLeftoverContentAvailable, getElementPositionInfo, isMousePositionOutsideOfElement, isNullOrUndefined, randomHash };
+//# sourceMappingURL=seniorsistemas-angular-components-utils.mjs.map

package/fesm2022/seniorsistemas-angular-components-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-utils.mjs","sources":["../../projects/angular-components/utils/src/lib/utils/breakpoints.ts","../../projects/angular-components/utils/src/lib/utils/utils.ts","../../projects/angular-components/utils/src/seniorsistemas-angular-components-utils.ts"],"sourcesContent":["export const Breakpoints = {\n    SM_MIN: 0,\n    SM_MAX: 767,\n    MD_MIN: 768,\n    MD_MAX: 991,\n    LG_MIN: 992,\n    LG_MAX: 1199,\n    XL_MIN: 1200,\n    XL_MAX: Infinity,\n};\n","export type ElementPosition = {\n    top: number;\n    left: number;\n    right: number;\n    elementHeight: number;\n    elementWidth: number;\n    elementVerticalCenter: number;\n    elementHorizontalCenter: number;\n}\n\nexport type ElementLeftoverPosition = {\n    freeDistanceToBottom: number;\n    freeDistanceToTop: number;\n    freeDistanceToLeft: number;\n    freeDistanceToRight: number;\n}\n\nexport const randomHash = (prefix = 'id') => {\n    return `${prefix}-${Math.random().toString(36).substring(2, 9)}-${Date.now().toString(36)}`;\n};\nexport const isNullOrUndefined = (value: unknown) => value === null || value === undefined;\nexport const isMousePositionOutsideOfElement = (event: MouseEvent | PointerEvent, elementArea: {\n    top: number;\n    right: number;\n    left: number;\n    bottom: number;\n}) => {\n    const eventX = event.clientX;\n    const eventY = event.clientY;\n    return eventX < elementArea.left || eventX >= elementArea.right || eventY < elementArea.top || eventY >= elementArea.bottom;\n}\n\nexport const getElementPositionInfo = (element: HTMLElement): ElementPosition => {\n    const rect = element.getBoundingClientRect();\n    const scrollTop = window.scrollY || document.documentElement.scrollTop;\n    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\n\n    const elementHeight = rect.height;\n    const elementWidth = rect.width;\n    const elementVerticalCenter = elementHeight / 2;\n    const elementHorizontalCenter = elementWidth / 2;\n\n    return {\n        top: rect.top + scrollTop,\n        left: rect.left + scrollLeft,\n        right: rect.left + scrollLeft + elementWidth,\n        elementHeight,\n        elementWidth,\n        elementVerticalCenter,\n        elementHorizontalCenter\n    };\n};\n\nexport const getElementLeftoverContentAvailable = (element: HTMLElement): ElementLeftoverPosition => {\n    const windowWidth = window.innerWidth;\n    const popoverElementTriggerRect = element.getBoundingClientRect();\n    const freeDistanceToBottom = window.innerHeight - popoverElementTriggerRect.bottom;\n    const freeDistanceToTop = popoverElementTriggerRect.top;\n    const freeDistanceToLeft = popoverElementTriggerRect.left;\n    const freeDistanceToRight = windowWidth - popoverElementTriggerRect.right;\n    return {\n        freeDistanceToBottom,\n        freeDistanceToTop,\n        freeDistanceToLeft,\n        freeDistanceToRight\n    }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAa,MAAA,WAAW,GAAG;AACvB,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,QAAQ;;;MCSP,UAAU,GAAG,CAAC,MAAM,GAAG,IAAI,KAAI;AACxC,IAAA,OAAO,CAAG,EAAA,MAAM,CAAI,CAAA,EAAA,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAI,CAAA,EAAA,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;AAChG,EAAE;AACW,MAAA,iBAAiB,GAAG,CAAC,KAAc,KAAK,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,UAAU;MAC9E,+BAA+B,GAAG,CAAC,KAAgC,EAAE,WAKjF,KAAI;AACD,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;AAC7B,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC;IAC7B,OAAO,MAAM,GAAG,WAAW,CAAC,IAAI,IAAI,MAAM,IAAI,WAAW,CAAC,KAAK,IAAI,MAAM,GAAG,WAAW,CAAC,GAAG,IAAI,MAAM,IAAI,WAAW,CAAC,MAAM,CAAC;AAChI,EAAC;AAEY,MAAA,sBAAsB,GAAG,CAAC,OAAoB,KAAqB;AAC5E,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC;IACvE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,UAAU,CAAC;AAEzE,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;AAClC,IAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC;AAChC,IAAA,MAAM,qBAAqB,GAAG,aAAa,GAAG,CAAC,CAAC;AAChD,IAAA,MAAM,uBAAuB,GAAG,YAAY,GAAG,CAAC,CAAC;IAEjD,OAAO;AACH,QAAA,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,SAAS;AACzB,QAAA,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,UAAU;AAC5B,QAAA,KAAK,EAAE,IAAI,CAAC,IAAI,GAAG,UAAU,GAAG,YAAY;QAC5C,aAAa;QACb,YAAY;QACZ,qBAAqB;QACrB,uBAAuB;KAC1B,CAAC;AACN,EAAE;AAEW,MAAA,kCAAkC,GAAG,CAAC,OAAoB,KAA6B;AAChG,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AACtC,IAAA,MAAM,yBAAyB,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAClE,MAAM,oBAAoB,GAAG,MAAM,CAAC,WAAW,GAAG,yBAAyB,CAAC,MAAM,CAAC;AACnF,IAAA,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,GAAG,CAAC;AACxD,IAAA,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,IAAI,CAAC;AAC1D,IAAA,MAAM,mBAAmB,GAAG,WAAW,GAAG,yBAAyB,CAAC,KAAK,CAAC;IAC1E,OAAO;QACH,oBAAoB;QACpB,iBAAiB;QACjB,kBAAkB;QAClB,mBAAmB;KACtB,CAAA;AACL;;AClEA;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-workspace-switch.mjs

@@ -0,0 +1,159 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ViewChildren, HostBinding, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class WorkspaceSwitchComponent {
+    eRef;
+    changeDetectorRef;
+    workspaces = [];
+    footerButtonLabel = 'Adicionar';
+    showFooterButton = true;
+    disabled = false;
+    footerButtonClicked = new EventEmitter();
+    selected = new EventEmitter();
+    listItems = null;
+    get open() {
+        return this._open;
+    }
+    set open(open) {
+        this._open = open;
+        this.changeDetectorRef.detectChanges();
+        if (open) {
+            this._calculateListMaxHeight();
+        }
+    }
+    height = 0;
+    selectedItemIndex = 0;
+    currentItemIndex = 0;
+    _open = false;
+    constructor(eRef, changeDetectorRef) {
+        this.eRef = eRef;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    tabindex = 0;
+    onClickout(event) {
+        if (!this.eRef.nativeElement.contains(event.target)) {
+            this.open = false;
+        }
+    }
+    onKeydown(event) {
+        if (event.key === 'Enter' || event.key === ' ') {
+            if (this.open) {
+                const workspace = this.workspaces[this.selectedItemIndex];
+                if (workspace.disabled) {
+                    return;
+                }
+                this.selectedItemIndex = this.currentItemIndex;
+                this.selected.emit(this.workspaces[this.selectedItemIndex]);
+            }
+            this.open = !this.open;
+        }
+        else if (event.key === 'Escape') {
+            this.open = false;
+        }
+        else if (event.key === 'ArrowDown') {
+            if (this.currentItemIndex < this.workspaces.length - 1) {
+                this.currentItemIndex++;
+                this._scrollToCurrentItem();
+            }
+        }
+        else if (event.key === 'ArrowUp') {
+            if (this.currentItemIndex > 0) {
+                this.currentItemIndex--;
+                this._scrollToCurrentItem();
+            }
+        }
+    }
+    ngOnInit() {
+        if (this.disabled) {
+            this.tabindex = -1;
+        }
+    }
+    validations() {
+        if (!this.workspaces.length) {
+            throw new Error('Workspaces list is empty.');
+        }
+    }
+    buttonOnBlur() {
+        this.open = false;
+        this.currentItemIndex = this.selectedItemIndex;
+    }
+    onSelectItem(workspace) {
+        if (workspace.disabled) {
+            return;
+        }
+        this.open = false;
+        this.selectedItemIndex = this.workspaces.indexOf(workspace);
+        this.currentItemIndex = this.selectedItemIndex;
+        this.selected.emit(workspace);
+    }
+    onFooterButtonClick() {
+        this.open = false;
+        this.footerButtonClicked.emit();
+    }
+    _calculateListMaxHeight() {
+        const workspaceListRef = this.eRef.nativeElement.querySelector('#workspace-list');
+        const { top } = workspaceListRef.getBoundingClientRect();
+        this.height = window.innerHeight - top - 20 - (this.showFooterButton ? 64 : 0);
+        this.changeDetectorRef.detectChanges();
+    }
+    _scrollToCurrentItem() {
+        const currentItem = this.listItems?.toArray()[this.currentItemIndex];
+        if (currentItem) {
+            currentItem.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: WorkspaceSwitchComponent, selector: "s-workspace-switch", inputs: { workspaces: "workspaces", footerButtonLabel: "footerButtonLabel", showFooterButton: "showFooterButton", disabled: "disabled" }, outputs: { footerButtonClicked: "footerButtonClicked", selected: "selected" }, host: { listeners: { "document:click": "onClickout($event)", "keydown": "onKeydown($event)" }, properties: { "attr.tabindex": "this.tabindex" } }, viewQueries: [{ propertyName: "listItems", predicate: ["listItem"], descendants: true }], ngImport: i0, template: "<div\n    class=\"workspace-switch\"\n    [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n    (blur)=\"buttonOnBlur()\"\n>\n    <div\n        class=\"button\"\n        (click)=\"open = !open\"\n    >\n        <div class=\"item\">\n            <span class=\"title\">{{ workspaces[selectedItemIndex].title }}</span>\n            <span class=\"subtitle\">{{ workspaces[selectedItemIndex].subtitle }}</span>\n        </div>\n        <div class=\"icons\">\n            <span class=\"fas fa-chevron-up\"></span>\n            <span class=\"fas fa-chevron-down\"></span>\n        </div>\n    </div>\n    <div\n        *ngIf=\"!disabled && open\"\n        class=\"drop-panel\"\n    >\n        <ul\n            id=\"workspace-list\"\n            class=\"workspace-list\"\n            [ngStyle]=\"{ 'max-height': height + 'px' }\"\n        >\n\n            @for(workspace of workspaces; track workspace.id; let i = $index) {\n               <li\n                   #listItem\n                   class=\"workspace\"\n                   [ngClass]=\"{\n                       'workspace--focused': i === currentItemIndex && !workspace.disabled,\n                       'workspace--disabled': workspace.disabled,\n                   }\"\n                   (click)=\"onSelectItem(workspace)\"\n               >\n                   <div class=\"item\">\n                       <span class=\"title\">{{ workspace.title }}</span>\n                       <span class=\"subtitle\">{{ workspace.subtitle }}</span>\n                   </div>\n\n                   @if (i === selectedItemIndex) {\n                      <span class=\"active-icon fas fa-check\"></span>\n                   }\n               </li>\n            }\n\n        </ul>\n        <div\n            *ngIf=\"showFooterButton\"\n            class=\"footer\"\n        >\n            <div\n                class=\"footer__button\"\n                (click)=\"onFooterButtonClick()\"\n            >\n                <span class=\"footer__button__icon fas fa-plus\"></span>\n                <span class=\"footer__button__title\">{{ footerButtonLabel }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".workspace-switch{border-radius:4px;border:1px solid transparent;width:324px}.workspace-switch .button{align-items:center;background-color:#fff;border:none;border-radius:3px;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.workspace-switch .button .icons{display:flex;flex-direction:column;justify-content:space-between;margin:0 12px}.workspace-switch .drop-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px #00000040;cursor:pointer;margin:20px 0;padding-top:4px;position:absolute;width:324px}.workspace-switch .drop-panel .workspace-list{list-style:none;overflow:auto;padding:0}.workspace-switch .drop-panel .workspace-list .workspace{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.workspace-switch .drop-panel .workspace-list .workspace .active-icon{color:#7892a1;font-size:12px;margin:0 12px}.workspace-switch .drop-panel .workspace-list .workspace--focused{background-color:#f1f7f8}.workspace-switch .drop-panel .workspace-list .workspace--disabled .item .title,.workspace-switch .drop-panel .workspace-list .workspace--disabled .item .subtitle{color:#c1c1cc}.workspace-switch .drop-panel .workspace-list .workspace:hover:not(.workspace--disabled){background-color:#f1f7f8}.workspace-switch .drop-panel .footer{border-top:1px solid #ccc;padding:12px}.workspace-switch .drop-panel .footer .footer__button{align-items:center;border:1px solid #d8d8d8;border-radius:4px;padding:8px 12px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.workspace-switch .drop-panel .footer .footer__button .footer__button__icon{color:#333;margin-right:8px}.workspace-switch .drop-panel .footer .footer__button:active{border:1px solid #428bca}.workspace-switch .item{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.workspace-switch .item .title{color:#333;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;line-height:150%;text-transform:uppercase}.workspace-switch .item .subtitle{color:#999;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:150%}.workspace-switch:focus{border:1px solid #428bca}.workspace-switch--disabled .button{cursor:default}.workspace-switch--disabled .button .icons,.workspace-switch--disabled .item .title,.workspace-switch--disabled .item .subtitle{color:#ccc}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-workspace-switch', template: "<div\n    class=\"workspace-switch\"\n    [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n    (blur)=\"buttonOnBlur()\"\n>\n    <div\n        class=\"button\"\n        (click)=\"open = !open\"\n    >\n        <div class=\"item\">\n            <span class=\"title\">{{ workspaces[selectedItemIndex].title }}</span>\n            <span class=\"subtitle\">{{ workspaces[selectedItemIndex].subtitle }}</span>\n        </div>\n        <div class=\"icons\">\n            <span class=\"fas fa-chevron-up\"></span>\n            <span class=\"fas fa-chevron-down\"></span>\n        </div>\n    </div>\n    <div\n        *ngIf=\"!disabled && open\"\n        class=\"drop-panel\"\n    >\n        <ul\n            id=\"workspace-list\"\n            class=\"workspace-list\"\n            [ngStyle]=\"{ 'max-height': height + 'px' }\"\n        >\n\n            @for(workspace of workspaces; track workspace.id; let i = $index) {\n               <li\n                   #listItem\n                   class=\"workspace\"\n                   [ngClass]=\"{\n                       'workspace--focused': i === currentItemIndex && !workspace.disabled,\n                       'workspace--disabled': workspace.disabled,\n                   }\"\n                   (click)=\"onSelectItem(workspace)\"\n               >\n                   <div class=\"item\">\n                       <span class=\"title\">{{ workspace.title }}</span>\n                       <span class=\"subtitle\">{{ workspace.subtitle }}</span>\n                   </div>\n\n                   @if (i === selectedItemIndex) {\n                      <span class=\"active-icon fas fa-check\"></span>\n                   }\n               </li>\n            }\n\n        </ul>\n        <div\n            *ngIf=\"showFooterButton\"\n            class=\"footer\"\n        >\n            <div\n                class=\"footer__button\"\n                (click)=\"onFooterButtonClick()\"\n            >\n                <span class=\"footer__button__icon fas fa-plus\"></span>\n                <span class=\"footer__button__title\">{{ footerButtonLabel }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".workspace-switch{border-radius:4px;border:1px solid transparent;width:324px}.workspace-switch .button{align-items:center;background-color:#fff;border:none;border-radius:3px;cursor:pointer;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;width:100%}.workspace-switch .button .icons{display:flex;flex-direction:column;justify-content:space-between;margin:0 12px}.workspace-switch .drop-panel{background-color:#fff;border-radius:4px;box-shadow:0 1px 5px #00000040;cursor:pointer;margin:20px 0;padding-top:4px;position:absolute;width:324px}.workspace-switch .drop-panel .workspace-list{list-style:none;overflow:auto;padding:0}.workspace-switch .drop-panel .workspace-list .workspace{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.workspace-switch .drop-panel .workspace-list .workspace .active-icon{color:#7892a1;font-size:12px;margin:0 12px}.workspace-switch .drop-panel .workspace-list .workspace--focused{background-color:#f1f7f8}.workspace-switch .drop-panel .workspace-list .workspace--disabled .item .title,.workspace-switch .drop-panel .workspace-list .workspace--disabled .item .subtitle{color:#c1c1cc}.workspace-switch .drop-panel .workspace-list .workspace:hover:not(.workspace--disabled){background-color:#f1f7f8}.workspace-switch .drop-panel .footer{border-top:1px solid #ccc;padding:12px}.workspace-switch .drop-panel .footer .footer__button{align-items:center;border:1px solid #d8d8d8;border-radius:4px;padding:8px 12px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center}.workspace-switch .drop-panel .footer .footer__button .footer__button__icon{color:#333;margin-right:8px}.workspace-switch .drop-panel .footer .footer__button:active{border:1px solid #428bca}.workspace-switch .item{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:12px}.workspace-switch .item .title{color:#333;font-family:Open Sans,sans-serif;font-size:14px;font-weight:700;line-height:150%;text-transform:uppercase}.workspace-switch .item .subtitle{color:#999;font-family:Open Sans,sans-serif;font-size:12px;font-weight:400;line-height:150%}.workspace-switch:focus{border:1px solid #428bca}.workspace-switch--disabled .button{cursor:default}.workspace-switch--disabled .button .icons,.workspace-switch--disabled .item .title,.workspace-switch--disabled .item .subtitle{color:#ccc}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { workspaces: [{
+                type: Input,
+                args: [{ required: true }]
+            }], footerButtonLabel: [{
+                type: Input
+            }], showFooterButton: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], footerButtonClicked: [{
+                type: Output
+            }], selected: [{
+                type: Output
+            }], listItems: [{
+                type: ViewChildren,
+                args: ['listItem']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], onClickout: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class WorkspaceSwitchModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchModule, declarations: [WorkspaceSwitchComponent], imports: [CommonModule], exports: [WorkspaceSwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WorkspaceSwitchModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [WorkspaceSwitchComponent],
+                    exports: [WorkspaceSwitchComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WorkspaceSwitchComponent, WorkspaceSwitchModule };
+//# sourceMappingURL=seniorsistemas-angular-components-workspace-switch.mjs.map

package/fesm2022/seniorsistemas-angular-components-workspace-switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-workspace-switch.mjs","sources":["../../projects/angular-components/workspace-switch/src/lib/workspace-switch/workspace-switch.component.ts","../../projects/angular-components/workspace-switch/src/lib/workspace-switch/workspace-switch.component.html","../../projects/angular-components/workspace-switch/src/lib/workspace-switch/workspace-switch.module.ts","../../projects/angular-components/workspace-switch/src/seniorsistemas-angular-components-workspace-switch.ts"],"sourcesContent":["import {\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    HostBinding,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    QueryList,\n    ViewChildren,\n} from '@angular/core';\n\nimport { Workspace } from './models/workspace';\n\n@Component({\n    selector: 's-workspace-switch',\n    templateUrl: './workspace-switch.component.html',\n    styleUrls: ['./workspace-switch.component.scss'],\n})\nexport class WorkspaceSwitchComponent implements OnInit {\n    @Input({ required: true })\n    public workspaces: Workspace[] = [];\n\n    @Input()\n    public footerButtonLabel = 'Adicionar';\n\n    @Input()\n    public showFooterButton = true;\n\n    @Input()\n    public disabled = false;\n\n    @Output()\n    public footerButtonClicked = new EventEmitter();\n\n    @Output()\n    public selected: EventEmitter<Workspace> = new EventEmitter();\n\n    @ViewChildren('listItem')\n    public listItems: QueryList<ElementRef> | null = null;\n\n    public get open() {\n        return this._open;\n    }\n\n    public set open(open: boolean) {\n        this._open = open;\n        this.changeDetectorRef.detectChanges();\n\n        if (open) {\n            this._calculateListMaxHeight();\n        }\n    }\n\n    public height = 0;\n    public selectedItemIndex = 0;\n    public currentItemIndex = 0;\n\n    private _open = false;\n\n    constructor(\n        private readonly eRef: ElementRef,\n        private readonly changeDetectorRef: ChangeDetectorRef,\n    ) {}\n\n    @HostBinding('attr.tabindex')\n    public tabindex = 0;\n\n    @HostListener('document:click', ['$event'])\n    public onClickout(event: MouseEvent): void {\n        if (!this.eRef.nativeElement.contains(event.target)) {\n            this.open = false;\n        }\n    }\n\n    @HostListener('keydown', ['$event'])\n    public onKeydown(event: KeyboardEvent): void {\n        if (event.key === 'Enter' || event.key === ' ') {\n            if (this.open) {\n                const workspace = this.workspaces[this.selectedItemIndex];\n\n                if (workspace.disabled) {\n                    return;\n                }\n\n                this.selectedItemIndex = this.currentItemIndex;\n                this.selected.emit(this.workspaces[this.selectedItemIndex]);\n            }\n            this.open = !this.open;\n        } else if (event.key === 'Escape') {\n            this.open = false;\n        } else if (event.key === 'ArrowDown') {\n            if (this.currentItemIndex < this.workspaces.length - 1) {\n                this.currentItemIndex++;\n                this._scrollToCurrentItem();\n            }\n        } else if (event.key === 'ArrowUp') {\n            if (this.currentItemIndex > 0) {\n                this.currentItemIndex--;\n                this._scrollToCurrentItem();\n            }\n        }\n    }\n\n    public ngOnInit(): void {\n        if (this.disabled) {\n            this.tabindex = -1;\n        }\n    }\n\n    public validations(): void {\n        if (!this.workspaces.length) {\n            throw new Error('Workspaces list is empty.');\n        }\n    }\n\n    public buttonOnBlur(): void {\n        this.open = false;\n        this.currentItemIndex = this.selectedItemIndex;\n    }\n\n    public onSelectItem(workspace: Workspace): void {\n        if (workspace.disabled) {\n            return;\n        }\n\n        this.open = false;\n        this.selectedItemIndex = this.workspaces.indexOf(workspace);\n        this.currentItemIndex = this.selectedItemIndex;\n        this.selected.emit(workspace);\n    }\n\n    public onFooterButtonClick(): void {\n        this.open = false;\n        this.footerButtonClicked.emit();\n    }\n\n    private _calculateListMaxHeight(): void {\n        const workspaceListRef = this.eRef.nativeElement.querySelector('#workspace-list');\n        const { top } = workspaceListRef.getBoundingClientRect();\n\n        this.height = window.innerHeight - top - 20 - (this.showFooterButton ? 64 : 0);\n        this.changeDetectorRef.detectChanges();\n    }\n\n    private _scrollToCurrentItem(): void {\n        const currentItem = this.listItems?.toArray()[this.currentItemIndex];\n        if (currentItem) {\n            currentItem.nativeElement.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n        }\n    }\n}\n","<div\n    class=\"workspace-switch\"\n    [ngClass]=\"{ 'workspace-switch--disabled': disabled }\"\n    (blur)=\"buttonOnBlur()\"\n>\n    <div\n        class=\"button\"\n        (click)=\"open = !open\"\n    >\n        <div class=\"item\">\n            <span class=\"title\">{{ workspaces[selectedItemIndex].title }}</span>\n            <span class=\"subtitle\">{{ workspaces[selectedItemIndex].subtitle }}</span>\n        </div>\n        <div class=\"icons\">\n            <span class=\"fas fa-chevron-up\"></span>\n            <span class=\"fas fa-chevron-down\"></span>\n        </div>\n    </div>\n    <div\n        *ngIf=\"!disabled && open\"\n        class=\"drop-panel\"\n    >\n        <ul\n            id=\"workspace-list\"\n            class=\"workspace-list\"\n            [ngStyle]=\"{ 'max-height': height + 'px' }\"\n        >\n\n            @for(workspace of workspaces; track workspace.id; let i = $index) {\n               <li\n                   #listItem\n                   class=\"workspace\"\n                   [ngClass]=\"{\n                       'workspace--focused': i === currentItemIndex && !workspace.disabled,\n                       'workspace--disabled': workspace.disabled,\n                   }\"\n                   (click)=\"onSelectItem(workspace)\"\n               >\n                   <div class=\"item\">\n                       <span class=\"title\">{{ workspace.title }}</span>\n                       <span class=\"subtitle\">{{ workspace.subtitle }}</span>\n                   </div>\n\n                   @if (i === selectedItemIndex) {\n                      <span class=\"active-icon fas fa-check\"></span>\n                   }\n               </li>\n            }\n\n        </ul>\n        <div\n            *ngIf=\"showFooterButton\"\n            class=\"footer\"\n        >\n            <div\n                class=\"footer__button\"\n                (click)=\"onFooterButtonClick()\"\n            >\n                <span class=\"footer__button__icon fas fa-plus\"></span>\n                <span class=\"footer__button__title\">{{ footerButtonLabel }}</span>\n            </div>\n        </div>\n    </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WorkspaceSwitchComponent } from './workspace-switch.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [WorkspaceSwitchComponent],\n    exports: [WorkspaceSwitchComponent],\n})\nexport class WorkspaceSwitchModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}