@kirbydesign/designsystem 10.1.3 → 10.2.0

package/fesm2022/kirbydesign-designsystem-menu.mjs

@@ -1,21 +1,24 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ElementRef, Component, ChangeDetectionStrategy, Input, ViewChild, ContentChild } from '@angular/core';
-import { ItemModule } from '@kirbydesign/designsystem/item';
+import { ElementRef, Component, ChangeDetectionStrategy, Input, ViewChild, ContentChild, ContentChildren, HostListener } from '@angular/core';
+import { ItemComponent, ItemModule } from '@kirbydesign/designsystem/item';
 import * as i3 from '@kirbydesign/designsystem/card';
 import { CardModule } from '@kirbydesign/designsystem/card';
 import * as i2 from '@kirbydesign/designsystem/icon';
 import { IconModule } from '@kirbydesign/designsystem/icon';
 import { ButtonSize, ButtonComponent } from '@kirbydesign/designsystem/button';
 import { FloatingOffset, FloatingDirective } from '@kirbydesign/designsystem/shared/floating';
+import { UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';
 
 class MenuComponent {
-    constructor(cdf, elementRef, zone, renderer) {
-        this.cdf = cdf;
+    constructor(cdr, elementRef, zone, renderer) {
+        this.cdr = cdr;
         this.elementRef = elementRef;
         this.zone = zone;
         this.renderer = renderer;
+        this.menuId = UniqueIdGenerator.scopedTo('kirby-menu').next();
+        this.triggerButtonId = UniqueIdGenerator.scopedTo('kirby-menu-trigger-button').next();
         this.isDisabled = false;
         this.buttonSize = ButtonSize.MD;
         this.placement = 'bottom-start';
@@ -27,29 +30,220 @@ class MenuComponent {
         this.closeOnEscapeKey = true;
         this.closeOnBackdrop = true;
         this.shift = true;
+        this.floatingMenuIsShown = false;
         this.FloatingOffset = FloatingOffset;
+        this.focusedIndex = -1;
+    }
+    _onKeydown(event) {
+        if (this.kirbyItems.length === 0) {
+            console.warn('[Kirby] No items found within menu');
+            return;
+        }
+        if (this.floatingMenuIsShown) {
+            this.handleKeyDownForOpenedMenu(event);
+        }
+        else {
+            this.handleKeyDownForClosedMenu(event);
+        }
+    }
+    preventDefaultAndStopImmediatePropagation(event) {
+        event.stopImmediatePropagation();
+        event.preventDefault();
+    }
+    getFirstInteractiveElement(el) {
+        return el.querySelector('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled])');
+    }
+    handleKeyDownForClosedMenu(event) {
+        const key = event.key;
+        switch (key) {
+            case ' ':
+            case 'Enter':
+            case 'ArrowDown':
+                this.preventDefaultAndStopImmediatePropagation(event);
+                this.focusedIndex = 0;
+                this.floatingMenu.show();
+                this.focusItem();
+                break;
+            case 'ArrowUp':
+                this.preventDefaultAndStopImmediatePropagation(event);
+                this.focusedIndex = this.kirbyItems.length - 1;
+                this.floatingMenu.show();
+                this.focusItem();
+                break;
+        }
+    }
+    isPrintableCharacter(key) {
+        return key.length === 1 && key.match(/\S/);
+    }
+    handleKeyDownForOpenedMenu(event) {
+        const key = event.key;
+        switch (key) {
+            case 'ArrowDown':
+                this.preventDefaultAndStopImmediatePropagation(event);
+                if (this.focusedIndex === this.kirbyItems.length - 1) {
+                    this.focusedIndex = 0;
+                }
+                else {
+                    this.focusedIndex++;
+                }
+                this.focusItem();
+                break;
+            case 'ArrowUp':
+                this.preventDefaultAndStopImmediatePropagation(event);
+                if (this.focusedIndex === 0) {
+                    this.focusedIndex = this.kirbyItems.length - 1;
+                }
+                else {
+                    this.focusedIndex--;
+                }
+                this.focusItem();
+                break;
+            case 'Home': {
+                this.preventDefaultAndStopImmediatePropagation(event);
+                if (this.focusedIndex > 0) {
+                    this.focusedIndex = 0;
+                    this.focusItem();
+                }
+                break;
+            }
+            case 'End': {
+                this.preventDefaultAndStopImmediatePropagation(event);
+                if (this.focusedIndex < this.kirbyItems.length - 1) {
+                    this.focusedIndex = this.kirbyItems.length - 1;
+                    this.focusItem();
+                }
+                break;
+            }
+            case 'Escape':
+                this.preventDefaultAndStopImmediatePropagation(event);
+                if (this.closeOnEscapeKey) {
+                    this.floatingMenu.hide();
+                }
+                break;
+            case 'Tab':
+                this.floatingMenu.hide();
+                break;
+            default: {
+                if (this.isPrintableCharacter(key)) {
+                    this.preventDefaultAndStopImmediatePropagation(event);
+                    const foundItemIndex = this.getIndexOfItemByFirstCharacter(key);
+                    if (foundItemIndex > -1) {
+                        this.focusedIndex = foundItemIndex;
+                        this.focusItem();
+                    }
+                }
+            }
+        }
+    }
+    getIndexOfItemByFirstCharacter(char) {
+        return this.getIndexByFirstMatchingStartString(char, this.kirbyItems.map((item) => item.nativeElement.innerText), this.focusedIndex + 1);
+    }
+    getIndexByFirstMatchingStartString(searchString, words, startIndex) {
+        searchString = searchString.toLowerCase();
+        const wordsStartingWithMatchString = words
+            .map((word, index) => {
+            return { word: word.toLowerCase(), index };
+        })
+            .filter((match) => match.word.startsWith(searchString));
+        if (wordsStartingWithMatchString.length === 0) {
+            return -1;
+        }
+        const firstWordStartingWithChar = wordsStartingWithMatchString[0];
+        const nextWordStartingWithChar = wordsStartingWithMatchString.find((wordAndIndex) => wordAndIndex.index >= startIndex);
+        return nextWordStartingWithChar?.index ?? firstWordStartingWithChar.index;
+    }
+    focusItem() {
+        const itemToBeFocused = this.kirbyItems.get(this.focusedIndex);
+        const ionItem = itemToBeFocused.nativeElement.querySelector('ion-item');
+        // Look for interactive element within ion-item like toggle or checkbox and set focus if found
+        const firstInteractiveElementWithinItem = this.getFirstInteractiveElement(ionItem);
+        if (typeof firstInteractiveElementWithinItem?.['setFocus'] === 'function') {
+            firstInteractiveElementWithinItem['setFocus']();
+        }
+        else {
+            this.focusSelectableItem(ionItem);
+        }
+    }
+    focusSelectableItem(ionItem) {
+        const nativeButton = ionItem.shadowRoot.querySelector('button:not([disabled])');
+        nativeButton?.focus();
+    }
+    getTriggerButton() {
+        return (this.userProvidedButton ?? this.defaultButtonElement).nativeElement;
     }
     ngAfterViewInit() {
-        this.cdf.detectChanges(); // Sets the updated reference for kirby-floating
+        this.cdr.detectChanges(); // Sets the updated reference for kirby-floating
         this.zone.runOutsideAngular(() => {
             /*
              * Listen for ionScroll outside of Angular's change detection to
              * avoid a change detection cycle for every scroll-event fired
              */
             this.scrollListenerDisposeFn = this.renderer.listen(document, 'ionScroll', () => {
-                this.floatingDirective.hide();
+                this.floatingMenu.hide();
             });
         });
     }
+    ngAfterContentInit() {
+        this.setRoleAttributeForAllItems();
+        this.setUserProvidedButtonAriaAttributes();
+        this.ensureSelectableOnItems();
+    }
+    ensureSelectableOnItems() {
+        this.kirbyItemComponents.forEach((itemComponent) => {
+            if (itemComponent.selectable === undefined) {
+                itemComponent.selectable = true;
+            }
+        });
+    }
+    setRoleAttributeForAllItems() {
+        this.kirbyItems.forEach((item) => {
+            this.setRoleAttributeForItem(item.nativeElement);
+        });
+    }
+    setRoleAttributeForItem(item) {
+        let menuItemRole = 'menuitem';
+        if (item.matches(':has(kirby-toggle, kirby-checkbox)')) {
+            menuItemRole = 'menuitemcheckbox';
+        }
+        else if (item.matches(':has(kirby-radio)')) {
+            menuItemRole = 'menuitemradio';
+        }
+        this.renderer.setAttribute(item, 'role', menuItemRole);
+    }
+    menuVisibilityChanged(menuIsShown) {
+        this.floatingMenuIsShown = menuIsShown;
+        this.renderer.setAttribute(this.getTriggerButton(), 'aria-expanded', menuIsShown.toString());
+        if (!menuIsShown) {
+            this.focusedIndex = -1;
+            this.getTriggerButton().focus();
+        }
+    }
+    setUserProvidedButtonAriaAttributes() {
+        if (!this.userProvidedButton)
+            return;
+        const button = this.userProvidedButton.nativeElement;
+        if (button.id) {
+            this.triggerButtonId = button.id;
+        }
+        else {
+            this.renderer.setAttribute(button, 'id', this.triggerButtonId);
+        }
+        if (!button.getAttribute('aria-controls')) {
+            this.renderer.setAttribute(button, 'aria-controls', this.menuId);
+        }
+        if (!button.getAttribute('aria-haspopup')) {
+            this.renderer.setAttribute(button, 'aria-haspopup', 'true');
+        }
+    }
     ngOnDestroy() {
         this.scrollListenerDisposeFn?.();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: MenuComponent, isStandalone: true, selector: "kirby-menu", inputs: { isDisabled: "isDisabled", buttonSize: "buttonSize", placement: "placement", attentionLevel: "attentionLevel", triggers: "triggers", DOMPortalOutlet: "DOMPortalOutlet", portalOutletConfig: "portalOutletConfig", autoPlacement: "autoPlacement", closeOnSelect: "closeOnSelect", closeOnEscapeKey: "closeOnEscapeKey", closeOnBackdrop: "closeOnBackdrop", shift: "shift", minWidth: "minWidth" }, queries: [{ propertyName: "userProvidedButton", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "buttonContainerElement", first: true, predicate: ["buttonContainer"], descendants: true, read: ElementRef }, { propertyName: "defaultButtonElement", first: true, predicate: ["defaultButton"], descendants: true, read: ElementRef }, { propertyName: "floatingDirective", first: true, predicate: FloatingDirective, descendants: true }], ngImport: i0, template: "<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      #defaultButton\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [ngStyle]=\"{\n    minWidth: minWidth ? minWidth + 'px' : null\n  }\"\n  class=\"menu-popover\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n", styles: [":host{position:relative}.button-container{display:inline-block}kirby-card{max-height:352px;overflow-y:auto;box-shadow:0 0 5px #1c1c1c0a,0 10px 15px -10px #1c1c1c26;min-width:240px;max-width:460px}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button],a[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: FloatingDirective, selector: "[kirbyFloating]", inputs: ["reference", "placement", "strategy", "triggers", "DOMPortalOutlet", "portalOutletConfig", "isDisabled", "offset", "shift", "autoPlacement", "closeOnSelect", "closeOnEscapeKey", "closeOnBackdrop"], outputs: ["displayChanged"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i3.CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "ngmodule", type: ItemModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuComponent, isStandalone: true, selector: "kirby-menu", inputs: { isDisabled: "isDisabled", buttonSize: "buttonSize", placement: "placement", attentionLevel: "attentionLevel", triggers: "triggers", DOMPortalOutlet: "DOMPortalOutlet", portalOutletConfig: "portalOutletConfig", autoPlacement: "autoPlacement", closeOnSelect: "closeOnSelect", closeOnEscapeKey: "closeOnEscapeKey", closeOnBackdrop: "closeOnBackdrop", shift: "shift", minWidth: "minWidth" }, host: { listeners: { "keydown": "_onKeydown($event)" } }, queries: [{ propertyName: "userProvidedButton", first: true, predicate: ButtonComponent, descendants: true, read: ElementRef }, { propertyName: "kirbyItems", predicate: ItemComponent, read: ElementRef }, { propertyName: "kirbyItemComponents", predicate: ItemComponent }], viewQueries: [{ propertyName: "buttonContainerElement", first: true, predicate: ["buttonContainer"], descendants: true, read: ElementRef }, { propertyName: "defaultButtonElement", first: true, predicate: ["defaultButton"], descendants: true, read: ElementRef }, { propertyName: "floatingMenu", first: true, predicate: FloatingDirective, descendants: true }], ngImport: i0, template: "<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      #defaultButton\n      [id]=\"triggerButtonId\"\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      aria-haspopup=\"true\"\n      [attr.aria-controls]=\"menuId\"\n      aria-expanded=\"false\"\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  [id]=\"menuId\"\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [style.minWidth]=\"minWidth ? minWidth + 'px' : null\"\n  class=\"menu-popover\"\n  (keydown)=\"_onKeydown($event)\"\n  (displayChanged)=\"menuVisibilityChanged($event)\"\n  role=\"menu\"\n  [attr.aria-labelledby]=\"triggerButtonId\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n", styles: [":host{position:relative}.button-container{display:inline-block}kirby-card{max-height:352px;overflow-y:auto;box-shadow:0 0 5px #1c1c1c0a,0 10px 15px -10px #1c1c1c26;min-width:240px;max-width:460px}\n"], dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kirby-button],Button[kirby-button],a[kirby-button]", inputs: ["attentionLevel", "noDecoration", "themeColor", "expand", "isFloating", "size", "showIconOnly"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: FloatingDirective, selector: "[kirbyFloating]", inputs: ["reference", "placement", "strategy", "triggers", "DOMPortalOutlet", "portalOutletConfig", "isDisabled", "offset", "shift", "autoPlacement", "closeOnSelect", "closeOnEscapeKey", "closeOnBackdrop"], outputs: ["displayChanged"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i2.IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }, { kind: "ngmodule", type: CardModule }, { kind: "component", type: i3.CardComponent, selector: "kirby-card", inputs: ["title", "subtitle", "backgroundImageUrl", "hasPadding", "sizes", "variant"] }, { kind: "ngmodule", type: ItemModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: MenuComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kirby-menu', standalone: true, imports: [ButtonComponent, CommonModule, FloatingDirective, IconModule, CardModule, ItemModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      #defaultButton\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [ngStyle]=\"{\n    minWidth: minWidth ? minWidth + 'px' : null\n  }\"\n  class=\"menu-popover\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n", styles: [":host{position:relative}.button-container{display:inline-block}kirby-card{max-height:352px;overflow-y:auto;box-shadow:0 0 5px #1c1c1c0a,0 10px 15px -10px #1c1c1c26;min-width:240px;max-width:460px}\n"] }]
+            args: [{ selector: 'kirby-menu', standalone: true, imports: [ButtonComponent, CommonModule, FloatingDirective, IconModule, CardModule, ItemModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      #defaultButton\n      [id]=\"triggerButtonId\"\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      aria-haspopup=\"true\"\n      [attr.aria-controls]=\"menuId\"\n      aria-expanded=\"false\"\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  [id]=\"menuId\"\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [style.minWidth]=\"minWidth ? minWidth + 'px' : null\"\n  class=\"menu-popover\"\n  (keydown)=\"_onKeydown($event)\"\n  (displayChanged)=\"menuVisibilityChanged($event)\"\n  role=\"menu\"\n  [attr.aria-labelledby]=\"triggerButtonId\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n", styles: [":host{position:relative}.button-container{display:inline-block}kirby-card{max-height:352px;overflow-y:auto;box-shadow:0 0 5px #1c1c1c0a,0 10px 15px -10px #1c1c1c26;min-width:240px;max-width:460px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { isDisabled: [{
                 type: Input
             }], buttonSize: [{
@@ -85,9 +279,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             }], userProvidedButton: [{
                 type: ContentChild,
                 args: [ButtonComponent, { read: ElementRef }]
-            }], floatingDirective: [{
+            }], floatingMenu: [{
                 type: ViewChild,
                 args: [FloatingDirective]
+            }], kirbyItems: [{
+                type: ContentChildren,
+                args: [ItemComponent, { read: ElementRef }]
+            }], kirbyItemComponents: [{
+                type: ContentChildren,
+                args: [ItemComponent]
+            }], _onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
             }] } });
 
 /**

package/fesm2022/kirbydesign-designsystem-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-menu.mjs","sources":["../../menu/src/menu.component.ts","../../menu/src/menu.component.html","../../menu/src/kirbydesign-designsystem-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ElementRef,\n  Input,\n  NgZone,\n  OnDestroy,\n  Renderer2,\n  ViewChild,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\n\nimport { ItemModule } from '@kirbydesign/designsystem/item';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { AttentionLevel, ButtonComponent, ButtonSize } from '@kirbydesign/designsystem/button';\nimport {\n  FloatingDirective,\n  FloatingOffset,\n  PortalOutletConfig,\n  TriggerEvent,\n} from '@kirbydesign/designsystem/shared/floating';\nimport { EventListenerDisposeFn } from '@kirbydesign/designsystem/types';\n\n@Component({\n  selector: 'kirby-menu',\n  standalone: true,\n  imports: [ButtonComponent, CommonModule, FloatingDirective, IconModule, CardModule, ItemModule],\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements AfterViewInit, OnDestroy {\n  constructor(\n    private cdf: ChangeDetectorRef,\n    private elementRef: ElementRef<HTMLElement>,\n    private zone: NgZone,\n    private renderer: Renderer2\n  ) {}\n\n  @Input() public isDisabled: boolean = false;\n\n  @Input() public buttonSize: ButtonSize = ButtonSize.MD;\n\n  @Input() public placement: Placement = 'bottom-start';\n\n  @Input() public attentionLevel: AttentionLevel = '3';\n\n  @Input() public triggers: Array<TriggerEvent> = ['click'];\n\n  @Input() public DOMPortalOutlet: HTMLElement = this.elementRef.nativeElement.ownerDocument.body;\n\n  @Input() public portalOutletConfig: PortalOutletConfig | undefined;\n\n  @Input() public autoPlacement: boolean = false;\n\n  @Input() public closeOnSelect: boolean = true;\n\n  @Input() public closeOnEscapeKey: boolean = true;\n\n  @Input() public closeOnBackdrop: boolean = true;\n\n  @Input() public shift: boolean = true;\n\n  /**\n   * The minimum width of the menu. If not set, the default width is 240px\n   */\n  @Input() public minWidth: number;\n\n  @ViewChild('buttonContainer', { read: ElementRef })\n  public buttonContainerElement: ElementRef<HTMLElement> | undefined;\n\n  @ViewChild('defaultButton', { read: ElementRef })\n  public defaultButtonElement: ElementRef<HTMLElement> | undefined;\n\n  @ContentChild(ButtonComponent, { read: ElementRef }) public userProvidedButton:\n    | ElementRef<HTMLElement>\n    | undefined;\n\n  @ViewChild(FloatingDirective)\n  private floatingDirective: FloatingDirective;\n\n  public FloatingOffset: typeof FloatingOffset = FloatingOffset;\n\n  private scrollListenerDisposeFn: EventListenerDisposeFn;\n\n  public ngAfterViewInit(): void {\n    this.cdf.detectChanges(); // Sets the updated reference for kirby-floating\n\n    this.zone.runOutsideAngular(() => {\n      /*\n       * Listen for ionScroll outside of Angular's change detection to\n       * avoid a change detection cycle for every scroll-event fired\n       */\n      this.scrollListenerDisposeFn = this.renderer.listen(document, 'ionScroll', () => {\n        this.floatingDirective.hide();\n      });\n    });\n  }\n\n  ngOnDestroy(): void {\n    this.scrollListenerDisposeFn?.();\n  }\n}\n","<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      #defaultButton\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [ngStyle]=\"{\n    minWidth: minWidth ? minWidth + 'px' : null\n  }\"\n  class=\"menu-popover\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-menu.mjs","sources":["../../menu/src/menu.component.ts","../../menu/src/menu.component.html","../../menu/src/kirbydesign-designsystem-menu.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  HostListener,\n  Input,\n  NgZone,\n  OnDestroy,\n  QueryList,\n  Renderer2,\n  ViewChild,\n} from '@angular/core';\nimport { Placement } from '@floating-ui/dom';\n\nimport { ItemComponent, ItemModule } from '@kirbydesign/designsystem/item';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { AttentionLevel, ButtonComponent, ButtonSize } from '@kirbydesign/designsystem/button';\nimport {\n  FloatingDirective,\n  FloatingOffset,\n  PortalOutletConfig,\n  TriggerEvent,\n} from '@kirbydesign/designsystem/shared/floating';\nimport { EventListenerDisposeFn } from '@kirbydesign/designsystem/types';\nimport { UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';\n\n@Component({\n  selector: 'kirby-menu',\n  standalone: true,\n  imports: [ButtonComponent, CommonModule, FloatingDirective, IconModule, CardModule, ItemModule],\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuComponent implements AfterViewInit, AfterContentInit, OnDestroy {\n  readonly menuId: string = UniqueIdGenerator.scopedTo('kirby-menu').next();\n  triggerButtonId: string = UniqueIdGenerator.scopedTo('kirby-menu-trigger-button').next();\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private elementRef: ElementRef<HTMLElement>,\n    private zone: NgZone,\n    private renderer: Renderer2\n  ) {}\n\n  @Input() public isDisabled: boolean = false;\n\n  @Input() public buttonSize: ButtonSize = ButtonSize.MD;\n\n  @Input() public placement: Placement = 'bottom-start';\n\n  @Input() public attentionLevel: AttentionLevel = '3';\n\n  @Input() public triggers: Array<TriggerEvent> = ['click'];\n\n  @Input() public DOMPortalOutlet: HTMLElement = this.elementRef.nativeElement.ownerDocument.body;\n\n  @Input() public portalOutletConfig: PortalOutletConfig | undefined;\n\n  @Input() public autoPlacement: boolean = false;\n\n  @Input() public closeOnSelect: boolean = true;\n\n  @Input() public closeOnEscapeKey: boolean = true;\n\n  @Input() public closeOnBackdrop: boolean = true;\n\n  @Input() public shift: boolean = true;\n\n  /**\n   * The minimum width of the menu. If not set, the default width is 240px\n   */\n  @Input() public minWidth: number;\n\n  @ViewChild('buttonContainer', { read: ElementRef })\n  public buttonContainerElement: ElementRef<HTMLElement> | undefined;\n\n  @ViewChild('defaultButton', { read: ElementRef })\n  public defaultButtonElement: ElementRef<HTMLButtonElement> | undefined;\n\n  @ContentChild(ButtonComponent, { read: ElementRef }) public userProvidedButton:\n    | ElementRef<HTMLButtonElement>\n    | undefined;\n\n  @ViewChild(FloatingDirective)\n  private floatingMenu: FloatingDirective;\n\n  @ContentChildren(ItemComponent, { read: ElementRef }) public kirbyItems: QueryList<\n    ElementRef<HTMLElement>\n  >;\n\n  @ContentChildren(ItemComponent) public kirbyItemComponents: QueryList<ItemComponent>;\n\n  public floatingMenuIsShown: boolean = false;\n  public FloatingOffset: typeof FloatingOffset = FloatingOffset;\n  private scrollListenerDisposeFn: EventListenerDisposeFn;\n  private focusedIndex = -1;\n\n  @HostListener('keydown', ['$event'])\n  _onKeydown(event: KeyboardEvent) {\n    if (this.kirbyItems.length === 0) {\n      console.warn('[Kirby] No items found within menu');\n      return;\n    }\n    if (this.floatingMenuIsShown) {\n      this.handleKeyDownForOpenedMenu(event);\n    } else {\n      this.handleKeyDownForClosedMenu(event);\n    }\n  }\n\n  private preventDefaultAndStopImmediatePropagation(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n\n  private getFirstInteractiveElement(el: HTMLIonItemElement) {\n    return el.querySelector<HTMLIonToggleElement | HTMLIonRadioElement | HTMLIonCheckboxElement>(\n      'ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled])'\n    );\n  }\n\n  private handleKeyDownForClosedMenu(event: KeyboardEvent) {\n    const key = event.key;\n    switch (key) {\n      case ' ':\n      case 'Enter':\n      case 'ArrowDown':\n        this.preventDefaultAndStopImmediatePropagation(event);\n        this.focusedIndex = 0;\n        this.floatingMenu.show();\n        this.focusItem();\n        break;\n      case 'ArrowUp':\n        this.preventDefaultAndStopImmediatePropagation(event);\n        this.focusedIndex = this.kirbyItems.length - 1;\n        this.floatingMenu.show();\n        this.focusItem();\n        break;\n    }\n  }\n\n  private isPrintableCharacter(key: string) {\n    return key.length === 1 && key.match(/\\S/);\n  }\n\n  private handleKeyDownForOpenedMenu(event: KeyboardEvent) {\n    const key = event.key;\n\n    switch (key) {\n      case 'ArrowDown':\n        this.preventDefaultAndStopImmediatePropagation(event);\n        if (this.focusedIndex === this.kirbyItems.length - 1) {\n          this.focusedIndex = 0;\n        } else {\n          this.focusedIndex++;\n        }\n        this.focusItem();\n        break;\n      case 'ArrowUp':\n        this.preventDefaultAndStopImmediatePropagation(event);\n        if (this.focusedIndex === 0) {\n          this.focusedIndex = this.kirbyItems.length - 1;\n        } else {\n          this.focusedIndex--;\n        }\n        this.focusItem();\n        break;\n      case 'Home': {\n        this.preventDefaultAndStopImmediatePropagation(event);\n        if (this.focusedIndex > 0) {\n          this.focusedIndex = 0;\n          this.focusItem();\n        }\n        break;\n      }\n      case 'End': {\n        this.preventDefaultAndStopImmediatePropagation(event);\n        if (this.focusedIndex < this.kirbyItems.length - 1) {\n          this.focusedIndex = this.kirbyItems.length - 1;\n          this.focusItem();\n        }\n        break;\n      }\n      case 'Escape':\n        this.preventDefaultAndStopImmediatePropagation(event);\n        if (this.closeOnEscapeKey) {\n          this.floatingMenu.hide();\n        }\n        break;\n      case 'Tab':\n        this.floatingMenu.hide();\n        break;\n      default: {\n        if (this.isPrintableCharacter(key)) {\n          this.preventDefaultAndStopImmediatePropagation(event);\n          const foundItemIndex = this.getIndexOfItemByFirstCharacter(key);\n          if (foundItemIndex > -1) {\n            this.focusedIndex = foundItemIndex;\n            this.focusItem();\n          }\n        }\n      }\n    }\n  }\n\n  private getIndexOfItemByFirstCharacter(char: string) {\n    return this.getIndexByFirstMatchingStartString(\n      char,\n      this.kirbyItems.map((item) => item.nativeElement.innerText),\n      this.focusedIndex + 1\n    );\n  }\n\n  private getIndexByFirstMatchingStartString(\n    searchString: string,\n    words: string[],\n    startIndex: number\n  ): number {\n    searchString = searchString.toLowerCase();\n\n    const wordsStartingWithMatchString = words\n      .map((word, index) => {\n        return { word: word.toLowerCase(), index };\n      })\n      .filter((match) => match.word.startsWith(searchString));\n\n    if (wordsStartingWithMatchString.length === 0) {\n      return -1;\n    }\n\n    const firstWordStartingWithChar = wordsStartingWithMatchString[0];\n    const nextWordStartingWithChar = wordsStartingWithMatchString.find(\n      (wordAndIndex) => wordAndIndex.index >= startIndex\n    );\n\n    return nextWordStartingWithChar?.index ?? firstWordStartingWithChar.index;\n  }\n\n  focusItem() {\n    const itemToBeFocused = this.kirbyItems.get(this.focusedIndex);\n    const ionItem = itemToBeFocused.nativeElement.querySelector('ion-item');\n\n    // Look for interactive element within ion-item like toggle or checkbox and set focus if found\n    const firstInteractiveElementWithinItem = this.getFirstInteractiveElement(ionItem);\n    if (typeof firstInteractiveElementWithinItem?.['setFocus'] === 'function') {\n      firstInteractiveElementWithinItem['setFocus']();\n    } else {\n      this.focusSelectableItem(ionItem);\n    }\n  }\n\n  private focusSelectableItem(ionItem: HTMLIonItemElement) {\n    const nativeButton: HTMLButtonElement =\n      ionItem.shadowRoot.querySelector('button:not([disabled])');\n    nativeButton?.focus();\n  }\n\n  getTriggerButton(): HTMLButtonElement {\n    return (this.userProvidedButton ?? this.defaultButtonElement).nativeElement;\n  }\n\n  public ngAfterViewInit(): void {\n    this.cdr.detectChanges(); // Sets the updated reference for kirby-floating\n\n    this.zone.runOutsideAngular(() => {\n      /*\n       * Listen for ionScroll outside of Angular's change detection to\n       * avoid a change detection cycle for every scroll-event fired\n       */\n      this.scrollListenerDisposeFn = this.renderer.listen(document, 'ionScroll', () => {\n        this.floatingMenu.hide();\n      });\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this.setRoleAttributeForAllItems();\n    this.setUserProvidedButtonAriaAttributes();\n    this.ensureSelectableOnItems();\n  }\n\n  ensureSelectableOnItems() {\n    this.kirbyItemComponents.forEach((itemComponent) => {\n      if (itemComponent.selectable === undefined) {\n        itemComponent.selectable = true;\n      }\n    });\n  }\n\n  private setRoleAttributeForAllItems() {\n    this.kirbyItems.forEach((item) => {\n      this.setRoleAttributeForItem(item.nativeElement);\n    });\n  }\n\n  private setRoleAttributeForItem(item: HTMLElement) {\n    let menuItemRole = 'menuitem';\n    if (item.matches(':has(kirby-toggle, kirby-checkbox)')) {\n      menuItemRole = 'menuitemcheckbox';\n    } else if (item.matches(':has(kirby-radio)')) {\n      menuItemRole = 'menuitemradio';\n    }\n    this.renderer.setAttribute(item, 'role', menuItemRole);\n  }\n\n  menuVisibilityChanged(menuIsShown: boolean) {\n    this.floatingMenuIsShown = menuIsShown;\n    this.renderer.setAttribute(this.getTriggerButton(), 'aria-expanded', menuIsShown.toString());\n    if (!menuIsShown) {\n      this.focusedIndex = -1;\n      this.getTriggerButton().focus();\n    }\n  }\n\n  private setUserProvidedButtonAriaAttributes() {\n    if (!this.userProvidedButton) return;\n\n    const button = this.userProvidedButton.nativeElement;\n    if (button.id) {\n      this.triggerButtonId = button.id;\n    } else {\n      this.renderer.setAttribute(button, 'id', this.triggerButtonId);\n    }\n    if (!button.getAttribute('aria-controls')) {\n      this.renderer.setAttribute(button, 'aria-controls', this.menuId);\n    }\n    if (!button.getAttribute('aria-haspopup')) {\n      this.renderer.setAttribute(button, 'aria-haspopup', 'true');\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.scrollListenerDisposeFn?.();\n  }\n}\n","<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  <ng-container *ngIf=\"!userProvidedButton\">\n    <button\n      #defaultButton\n      [id]=\"triggerButtonId\"\n      kirby-button\n      [size]=\"buttonSize\"\n      [disabled]=\"isDisabled\"\n      type=\"button\"\n      [attentionLevel]=\"attentionLevel\"\n      aria-haspopup=\"true\"\n      [attr.aria-controls]=\"menuId\"\n      aria-expanded=\"false\"\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  </ng-container>\n</div>\n<kirby-card\n  [id]=\"menuId\"\n  kirbyFloating\n  [strategy]=\"'fixed'\"\n  [reference]=\"buttonContainerElement\"\n  [isDisabled]=\"isDisabled\"\n  [triggers]=\"triggers\"\n  [placement]=\"placement\"\n  [DOMPortalOutlet]=\"DOMPortalOutlet\"\n  [portalOutletConfig]=\"portalOutletConfig\"\n  [closeOnBackdrop]=\"closeOnBackdrop\"\n  [closeOnEscapeKey]=\"closeOnEscapeKey\"\n  [closeOnSelect]=\"closeOnSelect\"\n  [autoPlacement]=\"autoPlacement\"\n  [shift]=\"shift\"\n  [style.minWidth]=\"minWidth ? minWidth + 'px' : null\"\n  class=\"menu-popover\"\n  (keydown)=\"_onKeydown($event)\"\n  (displayChanged)=\"menuVisibilityChanged($event)\"\n  role=\"menu\"\n  [attr.aria-labelledby]=\"triggerButtonId\"\n>\n  <ng-content select=\"kirby-item\"></ng-content>\n</kirby-card>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}