@agorapulse/ui-components 18.1.2 → 18.1.3

package/fesm2022/agorapulse-ui-components-popover-menu.mjs

@@ -1,270 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, output, HostListener, Directive, ViewContainerRef, viewChild, contentChild, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BadgeComponent } from '@agorapulse/ui-components/badge';
-import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
-import { SymbolComponent, withSymbols, apInfo, apFeatureLock } from '@agorapulse/ui-symbol';
-import { Overlay, OverlayPositionBuilder } from '@angular/cdk/overlay';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { CommonModule } from '@angular/common';
-import { take } from 'rxjs/operators';
-
-class PopoverMenuTriggerDirective {
-    elementRef = inject((ElementRef));
-    apPopoverMenuTrigger = input.required();
-    popoverMenuItems = input([]);
-    disabled = input(false);
-    menuItemClick = output();
-    opened = output();
-    closed = output();
-    onClick(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (this.disabled()) {
-            return;
-        }
-        const popoverMenu = this.apPopoverMenuTrigger();
-        if (popoverMenu) {
-            popoverMenu.toggle(this.elementRef.nativeElement);
-        }
-    }
-    onKeyDown(event) {
-        if (this.disabled()) {
-            return;
-        }
-        const popoverMenu = this.apPopoverMenuTrigger();
-        if (popoverMenu) {
-            switch (event.key) {
-                case 'Enter':
-                case ' ':
-                case 'ArrowDown':
-                    event.preventDefault();
-                    popoverMenu.open(this.elementRef.nativeElement);
-                    break;
-                case 'Escape':
-                    event.preventDefault();
-                    popoverMenu.close();
-                    break;
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PopoverMenuTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.9", type: PopoverMenuTriggerDirective, isStandalone: true, selector: "[apPopoverMenuTrigger]", inputs: { apPopoverMenuTrigger: { classPropertyName: "apPopoverMenuTrigger", publicName: "apPopoverMenuTrigger", isSignal: true, isRequired: true, transformFunction: null }, popoverMenuItems: { classPropertyName: "popoverMenuItems", publicName: "popoverMenuItems", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuItemClick: "menuItemClick", opened: "opened", closed: "closed" }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PopoverMenuTriggerDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[apPopoverMenuTrigger]',
-                    standalone: true,
-                }]
-        }], propDecorators: { onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], onKeyDown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-class PopoverMenuComponent {
-    elementRef = inject(ElementRef);
-    overlay = inject(Overlay);
-    positionBuilder = inject(OverlayPositionBuilder);
-    viewContainerRef = inject(ViewContainerRef);
-    menuTemplate = viewChild('menuTemplate');
-    trigger = contentChild('trigger');
-    items = input([]);
-    disabled = input(false);
-    largeMenuEnabled = input(false);
-    showBackdrop = input(true);
-    customWidth = input(null);
-    menuItemClick = output();
-    opened = output();
-    closed = output();
-    overlayRef = null;
-    portal = null;
-    isOpen = signal(false);
-    focusedIndex = signal(-1);
-    menuItems = computed(() => this.items().filter(item => !item.divider));
-    constructor() {
-        effect(() => {
-            if (this.isOpen()) {
-                this.setupKeyboardNavigation();
-            }
-        });
-    }
-    open(triggerElement) {
-        const menuTemplate = this.menuTemplate();
-        if (this.disabled() || this.isOpen() || !menuTemplate) {
-            return;
-        }
-        const target = triggerElement || this.elementRef.nativeElement;
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-        }
-        const positionStrategy = this.createPositionStrategy(target);
-        this.overlayRef = this.overlay.create({
-            positionStrategy,
-            hasBackdrop: this.showBackdrop(),
-            backdropClass: '',
-            panelClass: '',
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-        });
-        this.portal = new TemplatePortal(menuTemplate, this.viewContainerRef);
-        this.overlayRef.attach(this.portal);
-        this.isOpen.set(true);
-        this.focusedIndex.set(-1);
-        this.opened.emit();
-        this.overlayRef
-            .backdropClick()
-            .pipe(take(1))
-            .subscribe(() => {
-            this.close();
-        });
-        this.overlayRef
-            .keydownEvents()
-            .pipe(take(1))
-            .subscribe((event) => {
-            if (event.key === 'Escape') {
-                this.close();
-            }
-        });
-    }
-    close() {
-        if (!this.isOpen()) {
-            return;
-        }
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-        this.portal = null;
-        this.isOpen.set(false);
-        this.focusedIndex.set(-1);
-        this.closed.emit();
-    }
-    toggle(triggerElement) {
-        if (this.isOpen()) {
-            this.close();
-        }
-        else {
-            this.open(triggerElement);
-        }
-    }
-    onMenuItemClick(item) {
-        if (item.disabled) {
-            return;
-        }
-        this.menuItemClick.emit(item);
-        this.close();
-    }
-    onKeyDown(event) {
-        const items = this.menuItems();
-        const currentIndex = this.focusedIndex();
-        let nextIndex;
-        let prevIndex;
-        switch (event.key) {
-            case 'ArrowDown':
-                event.preventDefault();
-                nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
-                this.focusedIndex.set(nextIndex);
-                break;
-            case 'ArrowUp':
-                event.preventDefault();
-                prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
-                this.focusedIndex.set(prevIndex);
-                break;
-            case 'Enter':
-            case ' ':
-                event.preventDefault();
-                if (currentIndex >= 0 && currentIndex < items.length) {
-                    this.onMenuItemClick(items[currentIndex]);
-                }
-                break;
-            case 'Escape':
-                event.preventDefault();
-                this.close();
-                break;
-            case 'Tab':
-                event.preventDefault();
-                if (event.shiftKey) {
-                    // Shift+Tab - move to previous item
-                    prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;
-                    this.focusedIndex.set(prevIndex);
-                }
-                else {
-                    // Tab - move to next item
-                    nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;
-                    this.focusedIndex.set(nextIndex);
-                }
-                break;
-        }
-    }
-    createPositionStrategy(target) {
-        const positions = [
-            // Bottom-right (default) - left border aligns with left side of trigger
-            {
-                originX: 'start',
-                originY: 'bottom',
-                overlayX: 'start',
-                overlayY: 'top',
-                offsetX: 0,
-                offsetY: 4,
-            },
-            // Bottom-left (if not enough space on right) - right border aligns with right side of trigger
-            {
-                originX: 'end',
-                originY: 'bottom',
-                overlayX: 'end',
-                overlayY: 'top',
-                offsetX: 0,
-                offsetY: 4,
-            },
-            // Top-right (if not enough space below) - left border aligns with left side of trigger
-            {
-                originX: 'start',
-                originY: 'top',
-                overlayX: 'start',
-                overlayY: 'bottom',
-                offsetX: 0,
-                offsetY: -4,
-            },
-            // Top-left (if not enough space below and on right) - right border aligns with right side of trigger
-            {
-                originX: 'end',
-                originY: 'top',
-                overlayX: 'end',
-                overlayY: 'bottom',
-                offsetX: 0,
-                offsetY: -4,
-            },
-        ];
-        return this.positionBuilder
-            .flexibleConnectedTo(target)
-            .withPositions(positions)
-            .withFlexibleDimensions(true)
-            .withPush(true)
-            .withGrowAfterOpen(true)
-            .withViewportMargin(8);
-    }
-    setupKeyboardNavigation() {
-        if (!this.overlayRef) {
-            return;
-        }
-        const keydownEvents = this.overlayRef.keydownEvents();
-        keydownEvents.subscribe((event) => {
-            this.onKeyDown(event);
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PopoverMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: PopoverMenuComponent, isStandalone: true, selector: "ap-popover-menu", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, largeMenuEnabled: { classPropertyName: "largeMenuEnabled", publicName: "largeMenuEnabled", isSignal: true, isRequired: false, transformFunction: null }, showBackdrop: { classPropertyName: "showBackdrop", publicName: "showBackdrop", isSignal: true, isRequired: false, transformFunction: null }, customWidth: { classPropertyName: "customWidth", publicName: "customWidth", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { menuItemClick: "menuItemClick", opened: "opened", closed: "closed" }, providers: [withSymbols(apInfo, apFeatureLock)], queries: [{ propertyName: "trigger", first: true, predicate: ["trigger"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "menuTemplate", first: true, predicate: ["menuTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #menuTemplate>\n    <!-- Menu -->\n    <div\n        class=\"ap-popover-menu__content\"\n        role=\"menu\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'Menu'\"\n        [class.ap-popover-menu__content--default]=\"!largeMenuEnabled() && !customWidth()\"\n        [class.ap-popover-menu__content--large]=\"largeMenuEnabled()\"\n        [style.width]=\"customWidth() ? customWidth() + 'px' : undefined\"\n        (keydown)=\"onKeyDown($event)\">\n        <!-- Menu items -->\n        @for (item of items(); track item.label) {\n            <!-- Divider -->\n            @if (item.divider) {\n                <div\n                    class=\"ap-popover-menu__divider\"\n                    role=\"separator\"></div>\n            } @else {\n                <!-- Menu item -->\n                <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    class=\"ap-popover-menu__item\"\n                    [class.ap-popover-menu__item--has-description]=\"item.description\"\n                    [class.ap-popover-menu__item--disabled]=\"item.disabled\"\n                    [class.ap-popover-menu__item--focused]=\"focusedIndex() === $index\"\n                    [class.ap-popover-menu__item--red-mode]=\"item.redModeEnabled\"\n                    [class.ap-popover-menu__item--feature-lock]=\"item.featureLockEnabled\"\n                    [attr.aria-disabled]=\"item.disabled\"\n                    [disabled]=\"item.disabled\"\n                    [apTooltip]=\"item.itemTooltipText\"\n                    (click)=\"onMenuItemClick(item)\">\n                    <!-- Start icon -->\n                    @if (item.startSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-start-icon\"\n                            size=\"sm\"\n                            [color]=\"item.symbolColor ? item.symbolColor : item.redModeEnabled ? 'red' : 'basic-grey'\"\n                            [symbolId]=\"item.startSymbolId\"\n                            [apTooltip]=\"item.startSymbolTooltipText\" />\n                    }\n                    <!-- Label -->\n                    <div class=\"ap-popover-menu__item-text-container\">\n                        <div class=\"ap-popover-menu__item-label-container\">\n                            <div\n                                class=\"ap-popover-menu__item-label\"\n                                [class.ap-popover-menu__item-label--bold]=\"item.description\">\n                                {{ item.label }}\n                            </div>\n                            <!-- Badge -->\n                            @if (item.badgeLabel) {\n                                <ap-badge color=\"blue\">\n                                    {{ item.badgeLabel }}\n                                </ap-badge>\n                            }\n                        </div>\n                        <!-- Description -->\n                        <div class=\"ap-popover-menu__item-description\">{{ item.description }}</div>\n                    </div>\n                    <!-- End icon -->\n                    @if (item.endSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"#858FA1\"\n                            [symbolId]=\"item.endSymbolId\"\n                            [apTooltip]=\"item.endSymbolTooltipText\" />\n                    }\n                    <!-- Feature lock icon -->\n                    @if (item.featureLockEnabled) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"purple\"\n                            symbolId=\"feature-lock\" />\n                    }\n                </button>\n            }\n        }\n    </div>\n</ng-template>\n", styles: [".ap-popover-menu__content{background-color:var(--comp-popover-menu-background-color);border:1px solid var(--comp-popover-menu-border-color);border-radius:var(--comp-popover-menu-border-radius);box-shadow:var(--comp-popover-menu-box-shadow);padding:var(--comp-popover-menu-padding);outline:none;overflow:hidden;z-index:1000}.ap-popover-menu__content.ap-popover-menu__content--default{width:250px}.ap-popover-menu__content.ap-popover-menu__content--large{width:340px}.ap-popover-menu__content:focus{outline:2px solid var(--comp-popover-menu-item-background-color-focused);outline-offset:2px}.ap-popover-menu__item{display:flex;align-items:center;width:100%;height:40px;padding:var(--comp-popover-menu-item-padding);border:none;background:transparent;color:var(--comp-popover-menu-item-text-color);cursor:pointer;font-family:Averta;font-size:var(--comp-popover-menu-item-text-size);line-height:var(--comp-popover-menu-item-text-line-height);text-align:left;transition:background-color .2s ease,color .2s ease}.ap-popover-menu__item:hover{background-color:var(--comp-popover-menu-item-background-color-hover)}.ap-popover-menu__item:focus{outline:none;background-color:var(--comp-popover-menu-item-background-color-focused)}.ap-popover-menu__item.ap-popover-menu__item--has-description{height:auto;min-height:50px}.ap-popover-menu__item.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-focused)}.ap-popover-menu__item.ap-popover-menu__item--disabled{cursor:not-allowed;opacity:.4}.ap-popover-menu__item.ap-popover-menu__item--red-mode{color:var(--comp-popover-menu-item-text-color-red-mode)}.ap-popover-menu__item.ap-popover-menu__item--red-mode:hover{background-color:var(--comp-popover-menu-item-background-color-red-mode-hover)}.ap-popover-menu__item.ap-popover-menu__item--red-mode:focus{background-color:var(--comp-popover-menu-item-background-color-red-mode-focused)}.ap-popover-menu__item.ap-popover-menu__item--red-mode.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-red-mode-focused)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock:hover{background-color:var(--comp-popover-menu-item-background-color-feature-lock-hover)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock:focus{background-color:var(--comp-popover-menu-item-background-color-feature-lock-focused)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-feature-lock-focused)}.ap-popover-menu__item.ap-popover-menu__item--disabled:hover{background-color:transparent}.ap-popover-menu__item .ap-popover-menu__item-start-icon{margin-right:var(--comp-popover-menu-item-icon-spacing)}.ap-popover-menu__item .ap-popover-menu__item-end-icon{margin-left:var(--comp-popover-menu-item-icon-spacing)}.ap-popover-menu__item .ap-popover-menu__item-text-container{display:flex;flex-direction:column;flex:1;min-width:0}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container{display:flex;align-items:center;gap:var(--comp-popover-menu-item-label-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container .ap-popover-menu__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container .ap-popover-menu__item-label.ap-popover-menu__item-label--bold{font-weight:var(--ref-font-weight-bold)}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-description{color:var(--ref-color-grey-80);font-size:var(--ref-font-size-xs);line-height:var(--ref-font-line-height-xs)}.ap-popover-menu__divider{height:1px;background-color:var(--comp-popover-menu-divider-color);margin:var(--comp-popover-menu-divider-margin)}\n"], dependencies: [{ kind: "component", type: BadgeComponent, selector: "ap-badge", inputs: ["color"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltip", "apTooltipPosition", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTruncatedTextOnly", "apTooltipTemplateContext", "apTooltipVirtualScrollElement"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: PopoverMenuComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-popover-menu', standalone: true, imports: [BadgeComponent, CommonModule, SymbolComponent, TooltipDirective], providers: [withSymbols(apInfo, apFeatureLock)], template: "<ng-template #menuTemplate>\n    <!-- Menu -->\n    <div\n        class=\"ap-popover-menu__content\"\n        role=\"menu\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'Menu'\"\n        [class.ap-popover-menu__content--default]=\"!largeMenuEnabled() && !customWidth()\"\n        [class.ap-popover-menu__content--large]=\"largeMenuEnabled()\"\n        [style.width]=\"customWidth() ? customWidth() + 'px' : undefined\"\n        (keydown)=\"onKeyDown($event)\">\n        <!-- Menu items -->\n        @for (item of items(); track item.label) {\n            <!-- Divider -->\n            @if (item.divider) {\n                <div\n                    class=\"ap-popover-menu__divider\"\n                    role=\"separator\"></div>\n            } @else {\n                <!-- Menu item -->\n                <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    class=\"ap-popover-menu__item\"\n                    [class.ap-popover-menu__item--has-description]=\"item.description\"\n                    [class.ap-popover-menu__item--disabled]=\"item.disabled\"\n                    [class.ap-popover-menu__item--focused]=\"focusedIndex() === $index\"\n                    [class.ap-popover-menu__item--red-mode]=\"item.redModeEnabled\"\n                    [class.ap-popover-menu__item--feature-lock]=\"item.featureLockEnabled\"\n                    [attr.aria-disabled]=\"item.disabled\"\n                    [disabled]=\"item.disabled\"\n                    [apTooltip]=\"item.itemTooltipText\"\n                    (click)=\"onMenuItemClick(item)\">\n                    <!-- Start icon -->\n                    @if (item.startSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-start-icon\"\n                            size=\"sm\"\n                            [color]=\"item.symbolColor ? item.symbolColor : item.redModeEnabled ? 'red' : 'basic-grey'\"\n                            [symbolId]=\"item.startSymbolId\"\n                            [apTooltip]=\"item.startSymbolTooltipText\" />\n                    }\n                    <!-- Label -->\n                    <div class=\"ap-popover-menu__item-text-container\">\n                        <div class=\"ap-popover-menu__item-label-container\">\n                            <div\n                                class=\"ap-popover-menu__item-label\"\n                                [class.ap-popover-menu__item-label--bold]=\"item.description\">\n                                {{ item.label }}\n                            </div>\n                            <!-- Badge -->\n                            @if (item.badgeLabel) {\n                                <ap-badge color=\"blue\">\n                                    {{ item.badgeLabel }}\n                                </ap-badge>\n                            }\n                        </div>\n                        <!-- Description -->\n                        <div class=\"ap-popover-menu__item-description\">{{ item.description }}</div>\n                    </div>\n                    <!-- End icon -->\n                    @if (item.endSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"#858FA1\"\n                            [symbolId]=\"item.endSymbolId\"\n                            [apTooltip]=\"item.endSymbolTooltipText\" />\n                    }\n                    <!-- Feature lock icon -->\n                    @if (item.featureLockEnabled) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"purple\"\n                            symbolId=\"feature-lock\" />\n                    }\n                </button>\n            }\n        }\n    </div>\n</ng-template>\n", styles: [".ap-popover-menu__content{background-color:var(--comp-popover-menu-background-color);border:1px solid var(--comp-popover-menu-border-color);border-radius:var(--comp-popover-menu-border-radius);box-shadow:var(--comp-popover-menu-box-shadow);padding:var(--comp-popover-menu-padding);outline:none;overflow:hidden;z-index:1000}.ap-popover-menu__content.ap-popover-menu__content--default{width:250px}.ap-popover-menu__content.ap-popover-menu__content--large{width:340px}.ap-popover-menu__content:focus{outline:2px solid var(--comp-popover-menu-item-background-color-focused);outline-offset:2px}.ap-popover-menu__item{display:flex;align-items:center;width:100%;height:40px;padding:var(--comp-popover-menu-item-padding);border:none;background:transparent;color:var(--comp-popover-menu-item-text-color);cursor:pointer;font-family:Averta;font-size:var(--comp-popover-menu-item-text-size);line-height:var(--comp-popover-menu-item-text-line-height);text-align:left;transition:background-color .2s ease,color .2s ease}.ap-popover-menu__item:hover{background-color:var(--comp-popover-menu-item-background-color-hover)}.ap-popover-menu__item:focus{outline:none;background-color:var(--comp-popover-menu-item-background-color-focused)}.ap-popover-menu__item.ap-popover-menu__item--has-description{height:auto;min-height:50px}.ap-popover-menu__item.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-focused)}.ap-popover-menu__item.ap-popover-menu__item--disabled{cursor:not-allowed;opacity:.4}.ap-popover-menu__item.ap-popover-menu__item--red-mode{color:var(--comp-popover-menu-item-text-color-red-mode)}.ap-popover-menu__item.ap-popover-menu__item--red-mode:hover{background-color:var(--comp-popover-menu-item-background-color-red-mode-hover)}.ap-popover-menu__item.ap-popover-menu__item--red-mode:focus{background-color:var(--comp-popover-menu-item-background-color-red-mode-focused)}.ap-popover-menu__item.ap-popover-menu__item--red-mode.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-red-mode-focused)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock:hover{background-color:var(--comp-popover-menu-item-background-color-feature-lock-hover)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock:focus{background-color:var(--comp-popover-menu-item-background-color-feature-lock-focused)}.ap-popover-menu__item.ap-popover-menu__item--feature-lock.ap-popover-menu__item--focused{background-color:var(--comp-popover-menu-item-background-color-feature-lock-focused)}.ap-popover-menu__item.ap-popover-menu__item--disabled:hover{background-color:transparent}.ap-popover-menu__item .ap-popover-menu__item-start-icon{margin-right:var(--comp-popover-menu-item-icon-spacing)}.ap-popover-menu__item .ap-popover-menu__item-end-icon{margin-left:var(--comp-popover-menu-item-icon-spacing)}.ap-popover-menu__item .ap-popover-menu__item-text-container{display:flex;flex-direction:column;flex:1;min-width:0}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container{display:flex;align-items:center;gap:var(--comp-popover-menu-item-label-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container .ap-popover-menu__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-label-container .ap-popover-menu__item-label.ap-popover-menu__item-label--bold{font-weight:var(--ref-font-weight-bold)}.ap-popover-menu__item .ap-popover-menu__item-text-container .ap-popover-menu__item-description{color:var(--ref-color-grey-80);font-size:var(--ref-font-size-xs);line-height:var(--ref-font-line-height-xs)}.ap-popover-menu__divider{height:1px;background-color:var(--comp-popover-menu-divider-color);margin:var(--comp-popover-menu-divider-margin)}\n"] }]
-        }], ctorParameters: () => [] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PopoverMenuComponent, PopoverMenuTriggerDirective };
-//# sourceMappingURL=agorapulse-ui-components-popover-menu.mjs.map

package/fesm2022/agorapulse-ui-components-popover-menu.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agorapulse-ui-components-popover-menu.mjs","sources":["../../../libs/ui-components/popover-menu/src/popover-menu-trigger.directive.ts","../../../libs/ui-components/popover-menu/src/popover-menu.component.ts","../../../libs/ui-components/popover-menu/src/popover-menu.component.html","../../../libs/ui-components/popover-menu/src/agorapulse-ui-components-popover-menu.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, inject, input, output } from '@angular/core';\nimport { PopoverMenuComponent, PopoverMenuItem } from './popover-menu.component';\n\n@Directive({\n    selector: '[apPopoverMenuTrigger]',\n    standalone: true,\n})\nexport class PopoverMenuTriggerDirective {\n    private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n    apPopoverMenuTrigger = input.required<PopoverMenuComponent>();\n    popoverMenuItems = input<PopoverMenuItem[]>([]);\n    disabled = input(false);\n\n    menuItemClick = output<PopoverMenuItem>();\n    opened = output<void>();\n    closed = output<void>();\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        if (this.disabled()) {\n            return;\n        }\n\n        const popoverMenu = this.apPopoverMenuTrigger();\n        if (popoverMenu) {\n            popoverMenu.toggle(this.elementRef.nativeElement);\n        }\n    }\n\n    @HostListener('keydown', ['$event'])\n    onKeyDown(event: KeyboardEvent): void {\n        if (this.disabled()) {\n            return;\n        }\n\n        const popoverMenu = this.apPopoverMenuTrigger();\n        if (popoverMenu) {\n            switch (event.key) {\n                case 'Enter':\n                case ' ':\n                case 'ArrowDown':\n                    event.preventDefault();\n                    popoverMenu.open(this.elementRef.nativeElement);\n                    break;\n\n                case 'Escape':\n                    event.preventDefault();\n                    popoverMenu.close();\n                    break;\n            }\n        }\n    }\n}\n","import { BadgeComponent } from '@agorapulse/ui-components/badge';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { agorapulseSymbol, apFeatureLock, apInfo, SymbolColor, SymbolComponent, withSymbols } from '@agorapulse/ui-symbol';\nimport { ConnectedPosition, FlexibleConnectedPositionStrategy, Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    contentChild,\n    effect,\n    ElementRef,\n    inject,\n    input,\n    output,\n    signal,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport { take } from 'rxjs/operators';\n\nexport interface PopoverMenuItem {\n    label?: string;\n    description?: string;\n    badgeLabel?: string;\n    symbolId?: agorapulseSymbol;\n    symbolColor?: SymbolColor;\n    featureLockEnabled?: boolean;\n    redModeEnabled?: boolean;\n    itemTooltipText?: string;\n    startSymbolId?: agorapulseSymbol;\n    startSymbolTooltipText?: string;\n    endSymbolId?: agorapulseSymbol;\n    endSymbolTooltipText?: string;\n    disabled?: boolean;\n    divider?: boolean;\n}\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-popover-menu',\n    templateUrl: './popover-menu.component.html',\n    styleUrls: ['./popover-menu.component.scss'],\n    standalone: true,\n    imports: [BadgeComponent, CommonModule, SymbolComponent, TooltipDirective],\n    providers: [withSymbols(apInfo, apFeatureLock)],\n})\nexport class PopoverMenuComponent {\n    private readonly elementRef = inject(ElementRef);\n    private readonly overlay = inject(Overlay);\n    private readonly positionBuilder = inject(OverlayPositionBuilder);\n    private readonly viewContainerRef = inject(ViewContainerRef);\n\n    menuTemplate = viewChild<TemplateRef<unknown>>('menuTemplate');\n    trigger = contentChild<TemplateRef<unknown>>('trigger');\n\n    items = input<PopoverMenuItem[]>([]);\n    disabled = input(false);\n    largeMenuEnabled = input(false);\n    showBackdrop = input(true);\n    customWidth = input<number | null>(null);\n\n    menuItemClick = output<PopoverMenuItem>();\n    opened = output<void>();\n    closed = output<void>();\n\n    private overlayRef: OverlayRef | null = null;\n    private portal: TemplatePortal<unknown> | null = null;\n\n    protected readonly isOpen = signal(false);\n    protected readonly focusedIndex = signal(-1);\n    protected readonly menuItems = computed(() => this.items().filter(item => !item.divider));\n\n    constructor() {\n        effect(() => {\n            if (this.isOpen()) {\n                this.setupKeyboardNavigation();\n            }\n        });\n    }\n\n    open(triggerElement?: HTMLElement): void {\n        const menuTemplate = this.menuTemplate();\n\n        if (this.disabled() || this.isOpen() || !menuTemplate) {\n            return;\n        }\n\n        const target = triggerElement || this.elementRef.nativeElement;\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n        }\n\n        const positionStrategy = this.createPositionStrategy(target);\n\n        this.overlayRef = this.overlay.create({\n            positionStrategy,\n            hasBackdrop: this.showBackdrop(),\n            backdropClass: '',\n            panelClass: '',\n            scrollStrategy: this.overlay.scrollStrategies.reposition(),\n        });\n\n        this.portal = new TemplatePortal(menuTemplate, this.viewContainerRef);\n        this.overlayRef.attach(this.portal);\n\n        this.isOpen.set(true);\n        this.focusedIndex.set(-1);\n        this.opened.emit();\n\n        this.overlayRef\n            .backdropClick()\n            .pipe(take(1))\n            .subscribe(() => {\n                this.close();\n            });\n\n        this.overlayRef\n            .keydownEvents()\n            .pipe(take(1))\n            .subscribe((event: KeyboardEvent) => {\n                if (event.key === 'Escape') {\n                    this.close();\n                }\n            });\n    }\n\n    close(): void {\n        if (!this.isOpen()) {\n            return;\n        }\n\n        if (this.overlayRef) {\n            this.overlayRef.dispose();\n            this.overlayRef = null;\n        }\n\n        this.portal = null;\n        this.isOpen.set(false);\n        this.focusedIndex.set(-1);\n        this.closed.emit();\n    }\n\n    toggle(triggerElement?: HTMLElement): void {\n        if (this.isOpen()) {\n            this.close();\n        } else {\n            this.open(triggerElement);\n        }\n    }\n\n    onMenuItemClick(item: PopoverMenuItem): void {\n        if (item.disabled) {\n            return;\n        }\n\n        this.menuItemClick.emit(item);\n\n        this.close();\n    }\n\n    onKeyDown(event: KeyboardEvent): void {\n        const items = this.menuItems();\n        const currentIndex = this.focusedIndex();\n        let nextIndex: number;\n        let prevIndex: number;\n\n        switch (event.key) {\n            case 'ArrowDown':\n                event.preventDefault();\n                nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n                this.focusedIndex.set(nextIndex);\n                break;\n\n            case 'ArrowUp':\n                event.preventDefault();\n                prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n                this.focusedIndex.set(prevIndex);\n                break;\n\n            case 'Enter':\n            case ' ':\n                event.preventDefault();\n                if (currentIndex >= 0 && currentIndex < items.length) {\n                    this.onMenuItemClick(items[currentIndex]);\n                }\n                break;\n\n            case 'Escape':\n                event.preventDefault();\n                this.close();\n                break;\n\n            case 'Tab':\n                event.preventDefault();\n                if (event.shiftKey) {\n                    // Shift+Tab - move to previous item\n                    prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n                    this.focusedIndex.set(prevIndex);\n                } else {\n                    // Tab - move to next item\n                    nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n                    this.focusedIndex.set(nextIndex);\n                }\n                break;\n        }\n    }\n\n    private createPositionStrategy(target: HTMLElement): FlexibleConnectedPositionStrategy {\n        const positions: ConnectedPosition[] = [\n            // Bottom-right (default) - left border aligns with left side of trigger\n            {\n                originX: 'start',\n                originY: 'bottom',\n                overlayX: 'start',\n                overlayY: 'top',\n                offsetX: 0,\n                offsetY: 4,\n            },\n            // Bottom-left (if not enough space on right) - right border aligns with right side of trigger\n            {\n                originX: 'end',\n                originY: 'bottom',\n                overlayX: 'end',\n                overlayY: 'top',\n                offsetX: 0,\n                offsetY: 4,\n            },\n            // Top-right (if not enough space below) - left border aligns with left side of trigger\n            {\n                originX: 'start',\n                originY: 'top',\n                overlayX: 'start',\n                overlayY: 'bottom',\n                offsetX: 0,\n                offsetY: -4,\n            },\n            // Top-left (if not enough space below and on right) - right border aligns with right side of trigger\n            {\n                originX: 'end',\n                originY: 'top',\n                overlayX: 'end',\n                overlayY: 'bottom',\n                offsetX: 0,\n                offsetY: -4,\n            },\n        ];\n\n        return this.positionBuilder\n            .flexibleConnectedTo(target)\n            .withPositions(positions)\n            .withFlexibleDimensions(true)\n            .withPush(true)\n            .withGrowAfterOpen(true)\n            .withViewportMargin(8);\n    }\n\n    private setupKeyboardNavigation(): void {\n        if (!this.overlayRef) {\n            return;\n        }\n\n        const keydownEvents = this.overlayRef.keydownEvents();\n\n        keydownEvents.subscribe((event: KeyboardEvent) => {\n            this.onKeyDown(event);\n        });\n    }\n}\n","<ng-template #menuTemplate>\n    <!-- Menu -->\n    <div\n        class=\"ap-popover-menu__content\"\n        role=\"menu\"\n        tabindex=\"-1\"\n        [attr.aria-label]=\"'Menu'\"\n        [class.ap-popover-menu__content--default]=\"!largeMenuEnabled() && !customWidth()\"\n        [class.ap-popover-menu__content--large]=\"largeMenuEnabled()\"\n        [style.width]=\"customWidth() ? customWidth() + 'px' : undefined\"\n        (keydown)=\"onKeyDown($event)\">\n        <!-- Menu items -->\n        @for (item of items(); track item.label) {\n            <!-- Divider -->\n            @if (item.divider) {\n                <div\n                    class=\"ap-popover-menu__divider\"\n                    role=\"separator\"></div>\n            } @else {\n                <!-- Menu item -->\n                <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    class=\"ap-popover-menu__item\"\n                    [class.ap-popover-menu__item--has-description]=\"item.description\"\n                    [class.ap-popover-menu__item--disabled]=\"item.disabled\"\n                    [class.ap-popover-menu__item--focused]=\"focusedIndex() === $index\"\n                    [class.ap-popover-menu__item--red-mode]=\"item.redModeEnabled\"\n                    [class.ap-popover-menu__item--feature-lock]=\"item.featureLockEnabled\"\n                    [attr.aria-disabled]=\"item.disabled\"\n                    [disabled]=\"item.disabled\"\n                    [apTooltip]=\"item.itemTooltipText\"\n                    (click)=\"onMenuItemClick(item)\">\n                    <!-- Start icon -->\n                    @if (item.startSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-start-icon\"\n                            size=\"sm\"\n                            [color]=\"item.symbolColor ? item.symbolColor : item.redModeEnabled ? 'red' : 'basic-grey'\"\n                            [symbolId]=\"item.startSymbolId\"\n                            [apTooltip]=\"item.startSymbolTooltipText\" />\n                    }\n                    <!-- Label -->\n                    <div class=\"ap-popover-menu__item-text-container\">\n                        <div class=\"ap-popover-menu__item-label-container\">\n                            <div\n                                class=\"ap-popover-menu__item-label\"\n                                [class.ap-popover-menu__item-label--bold]=\"item.description\">\n                                {{ item.label }}\n                            </div>\n                            <!-- Badge -->\n                            @if (item.badgeLabel) {\n                                <ap-badge color=\"blue\">\n                                    {{ item.badgeLabel }}\n                                </ap-badge>\n                            }\n                        </div>\n                        <!-- Description -->\n                        <div class=\"ap-popover-menu__item-description\">{{ item.description }}</div>\n                    </div>\n                    <!-- End icon -->\n                    @if (item.endSymbolId) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"#858FA1\"\n                            [symbolId]=\"item.endSymbolId\"\n                            [apTooltip]=\"item.endSymbolTooltipText\" />\n                    }\n                    <!-- Feature lock icon -->\n                    @if (item.featureLockEnabled) {\n                        <ap-symbol\n                            class=\"ap-popover-menu__item-end-icon\"\n                            size=\"sm\"\n                            color=\"purple\"\n                            symbolId=\"feature-lock\" />\n                    }\n                </button>\n            }\n        }\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/nav-selector/nav-selector-leaf-action/nav-selector-leaf-action.component.d.ts

@@ -1,7 +0,0 @@
-import { InternalNavSelectorLeafAction } from '../nav-selector';
-import * as i0 from "@angular/core";
-export declare class NavSelectorLeafActionComponent {
-    action: import("@angular/core").InputSignal<InternalNavSelectorLeafAction>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NavSelectorLeafActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavSelectorLeafActionComponent, "ap-nav-selector-leaf-action", never, { "action": { "alias": "action"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/popover-menu/popover-menu-trigger.directive.d.ts

@@ -1,15 +0,0 @@
-import { PopoverMenuComponent, PopoverMenuItem } from './popover-menu.component';
-import * as i0 from "@angular/core";
-export declare class PopoverMenuTriggerDirective {
-    private readonly elementRef;
-    apPopoverMenuTrigger: import("@angular/core").InputSignal<PopoverMenuComponent>;
-    popoverMenuItems: import("@angular/core").InputSignal<PopoverMenuItem[]>;
-    disabled: import("@angular/core").InputSignal<boolean>;
-    menuItemClick: import("@angular/core").OutputEmitterRef<PopoverMenuItem>;
-    opened: import("@angular/core").OutputEmitterRef<void>;
-    closed: import("@angular/core").OutputEmitterRef<void>;
-    onClick(event: MouseEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverMenuTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverMenuTriggerDirective, "[apPopoverMenuTrigger]", never, { "apPopoverMenuTrigger": { "alias": "apPopoverMenuTrigger"; "required": true; "isSignal": true; }; "popoverMenuItems": { "alias": "popoverMenuItems"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
-}

package/popover-menu/popover-menu.component.d.ts

@@ -1,50 +0,0 @@
-import { agorapulseSymbol, SymbolColor } from '@agorapulse/ui-symbol';
-import { TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export interface PopoverMenuItem {
-    label?: string;
-    description?: string;
-    badgeLabel?: string;
-    symbolId?: agorapulseSymbol;
-    symbolColor?: SymbolColor;
-    featureLockEnabled?: boolean;
-    redModeEnabled?: boolean;
-    itemTooltipText?: string;
-    startSymbolId?: agorapulseSymbol;
-    startSymbolTooltipText?: string;
-    endSymbolId?: agorapulseSymbol;
-    endSymbolTooltipText?: string;
-    disabled?: boolean;
-    divider?: boolean;
-}
-export declare class PopoverMenuComponent {
-    private readonly elementRef;
-    private readonly overlay;
-    private readonly positionBuilder;
-    private readonly viewContainerRef;
-    menuTemplate: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
-    trigger: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
-    items: import("@angular/core").InputSignal<PopoverMenuItem[]>;
-    disabled: import("@angular/core").InputSignal<boolean>;
-    largeMenuEnabled: import("@angular/core").InputSignal<boolean>;
-    showBackdrop: import("@angular/core").InputSignal<boolean>;
-    customWidth: import("@angular/core").InputSignal<number | null>;
-    menuItemClick: import("@angular/core").OutputEmitterRef<PopoverMenuItem>;
-    opened: import("@angular/core").OutputEmitterRef<void>;
-    closed: import("@angular/core").OutputEmitterRef<void>;
-    private overlayRef;
-    private portal;
-    protected readonly isOpen: import("@angular/core").WritableSignal<boolean>;
-    protected readonly focusedIndex: import("@angular/core").WritableSignal<number>;
-    protected readonly menuItems: import("@angular/core").Signal<PopoverMenuItem[]>;
-    constructor();
-    open(triggerElement?: HTMLElement): void;
-    close(): void;
-    toggle(triggerElement?: HTMLElement): void;
-    onMenuItemClick(item: PopoverMenuItem): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private createPositionStrategy;
-    private setupKeyboardNavigation;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverMenuComponent, "ap-popover-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "largeMenuEnabled": { "alias": "largeMenuEnabled"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; "customWidth": { "alias": "customWidth"; "required": false; "isSignal": true; }; }, { "menuItemClick": "menuItemClick"; "opened": "opened"; "closed": "closed"; }, ["trigger"], never, true, never>;
-}

package/popover-menu/public_api.d.ts

@@ -1,2 +0,0 @@
-export { PopoverMenuTriggerDirective } from './popover-menu-trigger.directive';
-export { PopoverMenuComponent, PopoverMenuItem } from './popover-menu.component';