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

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

@@ -0,0 +1,121 @@
+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,
+    };
+};
+const enableScroll = () => {
+    document.body.style.overflow = 'auto';
+};
+const disableScroll = () => {
+    document.body.style.overflow = 'hidden';
+};
+function deepClone(value, weakMap = new WeakMap()) {
+    if (value !== null && typeof value === 'object') {
+        if (weakMap.has(value))
+            return weakMap.get(value);
+    }
+    if (value === null || typeof value !== 'object' || value instanceof Function) {
+        return value;
+    }
+    if (value instanceof Date) {
+        return new Date(value.getTime());
+    }
+    if (Array.isArray(value)) {
+        const arr = [];
+        weakMap.set(value, arr);
+        value.forEach((item, i) => {
+            arr[i] = deepClone(item, weakMap);
+        });
+        return arr;
+    }
+    if (value instanceof Map) {
+        const result = new Map();
+        weakMap.set(value, result);
+        value.forEach((v, k) => {
+            result.set(deepClone(k, weakMap), deepClone(v, weakMap));
+        });
+        return result;
+    }
+    if (value instanceof Set) {
+        const result = new Set();
+        weakMap.set(value, result);
+        value.forEach((v) => {
+            result.add(deepClone(v, weakMap));
+        });
+        return result;
+    }
+    if (ArrayBuffer.isView(value)) {
+        return new value.constructor(value);
+    }
+    if (value instanceof ArrayBuffer) {
+        return value.slice(0);
+    }
+    const obj = Object.create(Object.getPrototypeOf(value));
+    weakMap.set(value, obj);
+    const keys = Reflect.ownKeys(value);
+    keys.forEach((key) => {
+        const desc = Object.getOwnPropertyDescriptor(value, key);
+        if ('value' in desc) {
+            desc.value = deepClone(value[key], weakMap);
+        }
+        Object.defineProperty(obj, key, desc);
+    });
+    return obj;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Breakpoints, deepClone, disableScroll, enableScroll, 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 as const,\n    SM_MAX: 767 as const,\n    MD_MIN: 768 as const,\n    MD_MAX: 991 as const,\n    LG_MIN: 992 as const,\n    LG_MAX: 1199 as const,\n    XL_MIN: 1200 as const,\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 = (\n    event: MouseEvent | PointerEvent,\n    elementArea: {\n        top: number;\n        right: number;\n        left: number;\n        bottom: number;\n    },\n) => {\n    const eventX = event.clientX;\n    const eventY = event.clientY;\n    return (\n        eventX < elementArea.left ||\n        eventX >= elementArea.right ||\n        eventY < elementArea.top ||\n        eventY >= elementArea.bottom\n    );\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\nexport const enableScroll = (): void => {\n    document.body.style.overflow = 'auto';\n};\n\nexport const disableScroll = (): void => {\n    document.body.style.overflow = 'hidden';\n};\n\nexport function deepClone<T>(value: T, weakMap = new WeakMap()): T {\n    if (value !== null && typeof value === 'object') {\n        if (weakMap.has(value)) return weakMap.get(value);\n    }\n\n    if (value === null || typeof value !== 'object' || value instanceof Function) {\n        return value;\n    }\n\n    if (value instanceof Date) {\n        return new Date(value.getTime()) as any;\n    }\n\n    if (Array.isArray(value)) {\n        const arr: any[] = [];\n        weakMap.set(value, arr);\n        value.forEach((item, i) => {\n            arr[i] = deepClone(item, weakMap);\n        });\n        return arr as any;\n    }\n\n    if (value instanceof Map) {\n        const result = new Map();\n        weakMap.set(value, result);\n        value.forEach((v, k) => {\n            result.set(deepClone(k, weakMap), deepClone(v, weakMap));\n        });\n        return result as any;\n    }\n\n    if (value instanceof Set) {\n        const result = new Set();\n        weakMap.set(value, result);\n        value.forEach((v) => {\n            result.add(deepClone(v, weakMap));\n        });\n        return result as any;\n    }\n\n    if (ArrayBuffer.isView(value)) {\n        return new (value.constructor as any)(value) as any;\n    }\n    if (value instanceof ArrayBuffer) {\n        return value.slice(0) as any;\n    }\n\n    const obj = Object.create(Object.getPrototypeOf(value));\n    weakMap.set(value, obj);\n\n    const keys = Reflect.ownKeys(value);\n\n    keys.forEach((key) => {\n        const desc = Object.getOwnPropertyDescriptor(value, key)!;\n\n        if ('value' in desc) {\n            desc.value = deepClone((value as any)[key], weakMap);\n        }\n\n        Object.defineProperty(obj, key, desc);\n    });\n\n    return obj;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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.14", 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.14", 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.14", 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.14", ngImport: i0, type: WorkspaceSwitchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: WorkspaceSwitchModule, declarations: [WorkspaceSwitchComponent], imports: [CommonModule], exports: [WorkspaceSwitchComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: WorkspaceSwitchModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", 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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"}