@kirbydesign/designsystem 11.11.3-dev-e7cb27f → 12.0.0-dev-67d5287

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 {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  DestroyRef,\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 } from '@kirbydesign/designsystem/item';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { IconComponent } 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 { StringSearchHelper, UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';\nimport { forwardAttributes, TranslationService } from '@kirbydesign/designsystem/shared';\nimport { componentOnReady } from '@ionic/core';\nimport { startWith } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'kirby-menu',\n  imports: [ButtonComponent, FloatingDirective, CardComponent, IconComponent],\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  private _attributesToForward = ['aria-label', 'aria-labelledby'];\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private elementRef: ElementRef<HTMLElement>,\n    private zone: NgZone,\n    private renderer: Renderer2,\n    public translations: TranslationService,\n    private destroyRef: DestroyRef\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 disposeIonScrollListener: 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  @HostListener('click')\n  _onClick() {\n    if (!this.floatingMenuIsShown) return;\n    this.focusedIndex = 0;\n    this.focusItem();\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 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 (StringSearchHelper.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 StringSearchHelper.getIndexByFirstMatchingStartString(\n      char,\n      this.kirbyItems.map((item) => item.nativeElement.innerText),\n      this.focusedIndex + 1\n    );\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 (firstInteractiveElementWithinItem) {\n      firstInteractiveElementWithinItem.focus();\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.disposeIonScrollListener = this.renderer.listen(document, 'ionScroll', () => {\n        this.floatingMenu.hide();\n      });\n    });\n    this.forwardAriaLabelToTriggerButton();\n  }\n\n  ngAfterContentInit(): void {\n    this.setUserProvidedButtonAriaAttributes();\n    this.kirbyItemComponents.changes\n      .pipe(startWith(null), takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.setRoleAttributeForAllItems();\n        this.ensureSelectableItems();\n      });\n  }\n\n  private forwardAriaLabelToTriggerButton() {\n    forwardAttributes(\n      this.elementRef.nativeElement,\n      this._attributesToForward,\n      this.renderer,\n      this.getTriggerButton()\n    );\n  }\n\n  ensureSelectableItems() {\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.setRoleOnNativeControl(item.nativeElement);\n    });\n  }\n\n  private async setRoleOnNativeControl(item: HTMLElement) {\n    const ionItem = item.querySelector<HTMLIonItemElement>('ion-item');\n    if (!ionItem) return;\n\n    await new Promise<void>((resolve) => componentOnReady(ionItem, resolve));\n\n    const checkableInput = ionItem\n      .querySelector('ion-toggle, ion-checkbox')\n      ?.shadowRoot?.querySelector('input');\n    const button = ionItem.shadowRoot?.querySelector('button');\n    const nativeControl = checkableInput ?? button;\n\n    if (!nativeControl) return;\n    this.renderer.setAttribute(\n      nativeControl,\n      'role',\n      checkableInput ? 'menuitemcheckbox' : 'menuitem'\n    );\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    if (!button.getAttribute('aria-label')) {\n      this.renderer.setAttribute(button, 'aria-label', this.translations.get('more'));\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.disposeIonScrollListener?.();\n  }\n}\n","<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  @if (!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      [attr.aria-label]=\"translations.get('more')\"\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  }\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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"}
+{"version":3,"file":"kirbydesign-designsystem-menu.mjs","names":[],"sources":["../../menu/src/menu.component.ts","../../menu/src/menu.component.html"],"sourcesContent":["import {\n  AfterContentInit,\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  DestroyRef,\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 } from '@kirbydesign/designsystem/item';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { IconComponent } 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 { StringSearchHelper, UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';\nimport { forwardAttributes, TranslationService } from '@kirbydesign/designsystem/shared';\nimport { componentOnReady } from '@ionic/core';\nimport { startWith } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'kirby-menu',\n  imports: [ButtonComponent, FloatingDirective, CardComponent, IconComponent],\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  private _attributesToForward = ['aria-label', 'aria-labelledby'];\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private elementRef: ElementRef<HTMLElement>,\n    private zone: NgZone,\n    private renderer: Renderer2,\n    public translations: TranslationService,\n    private destroyRef: DestroyRef\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 disposeIonScrollListener: 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  @HostListener('click')\n  _onClick() {\n    if (!this.floatingMenuIsShown) return;\n    this.focusedIndex = 0;\n    this.focusItem();\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 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 (StringSearchHelper.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 StringSearchHelper.getIndexByFirstMatchingStartString(\n      char,\n      this.kirbyItems.map((item) => item.nativeElement.innerText),\n      this.focusedIndex + 1\n    );\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 (firstInteractiveElementWithinItem) {\n      firstInteractiveElementWithinItem.focus();\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.disposeIonScrollListener = this.renderer.listen(document, 'ionScroll', () => {\n        this.floatingMenu.hide();\n      });\n    });\n    this.forwardAriaLabelToTriggerButton();\n  }\n\n  ngAfterContentInit(): void {\n    this.setUserProvidedButtonAriaAttributes();\n    this.kirbyItemComponents.changes\n      .pipe(startWith(null), takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.setRoleAttributeForAllItems();\n        this.ensureSelectableItems();\n      });\n  }\n\n  private forwardAriaLabelToTriggerButton() {\n    forwardAttributes(\n      this.elementRef.nativeElement,\n      this._attributesToForward,\n      this.renderer,\n      this.getTriggerButton()\n    );\n  }\n\n  ensureSelectableItems() {\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.setRoleOnNativeControl(item.nativeElement);\n    });\n  }\n\n  private async setRoleOnNativeControl(item: HTMLElement) {\n    const ionItem = item.querySelector<HTMLIonItemElement>('ion-item');\n    if (!ionItem) return;\n\n    await new Promise<void>((resolve) => componentOnReady(ionItem, resolve));\n\n    const checkableInput = ionItem\n      .querySelector('ion-toggle, ion-checkbox')\n      ?.shadowRoot?.querySelector('input');\n    const button = ionItem.shadowRoot?.querySelector('button');\n    const nativeControl = checkableInput ?? button;\n\n    if (!nativeControl) return;\n    this.renderer.setAttribute(\n      nativeControl,\n      'role',\n      checkableInput ? 'menuitemcheckbox' : 'menuitem'\n    );\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    if (!button.getAttribute('aria-label')) {\n      this.renderer.setAttribute(button, 'aria-label', this.translations.get('more'));\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.disposeIonScrollListener?.();\n  }\n}\n","<div class=\"button-container\" #buttonContainer>\n  <ng-content select=\"button[kirby-button]\"></ng-content>\n  @if (!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      [attr.aria-label]=\"translations.get('more')\"\n    >\n      <kirby-icon [name]=\"'more'\"></kirby-icon>\n    </button>\n  }\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"],"mappings":"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"}