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

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

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-dropdown.mjs","sources":["../../dropdown/src/dropdown.types.ts","../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.component.html","../../dropdown/src/dropdown.module.ts","../../dropdown/src/kirbydesign-designsystem-dropdown.ts"],"sourcesContent":["export enum OpenState {\n  closed,\n  opening,\n  open,\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class KeyboardHandlerService {\n  handle(event: KeyboardEvent, selectedIndex: number, maxIndex: number, cyclicIndex = false) {\n    let newIndex = -1;\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        if (selectedIndex === 0 && cyclicIndex) {\n          newIndex = maxIndex;\n        } else {\n          // Select previous item:\n          newIndex = selectedIndex - 1;\n        }\n        break;\n      case 'ArrowDown':\n      case 'ArrowRight':\n        if (selectedIndex === undefined || (selectedIndex === maxIndex && cyclicIndex)) {\n          // None selected, select first item:\n          newIndex = 0;\n        } else if (selectedIndex < maxIndex) {\n          // Select next item:\n          newIndex = selectedIndex + 1;\n        }\n        break;\n      case 'Home':\n        // Select first item:\n        newIndex = 0;\n        break;\n      case 'End':\n        // Select last item:\n        newIndex = maxIndex;\n        break;\n      default:\n        break;\n    }\n    return newIndex;\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  Renderer2,\n  RendererStyleFlags2,\n  TemplateRef,\n  ViewChild,\n  ViewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { StringSearchHelper, UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';\nimport { ItemComponent } from '@kirbydesign/designsystem/item';\nimport { ListItemTemplateDirective } from '@kirbydesign/designsystem/list';\nimport { HorizontalDirection, PopoverComponent } from '@kirbydesign/designsystem/popover';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport {\n  EventListenerDisposeFn,\n  FORM_FIELD_CONTROL,\n  FormFieldControl,\n} from '@kirbydesign/designsystem/types';\nimport { forwardAttributes, ResizeObserverService } from '@kirbydesign/designsystem/shared';\n\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OpenState } from './dropdown.types';\nimport { KeyboardHandlerService } from './keyboard-handler.service';\n\n@Component({\n  selector: 'kirby-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DropdownComponent),\n      multi: true,\n    },\n    { provide: FORM_FIELD_CONTROL, useExisting: forwardRef(() => DropdownComponent) },\n  ],\n  imports: [\n    ButtonComponent,\n    NgTemplateOutlet,\n    PopoverComponent,\n    CardComponent,\n    ItemComponent,\n    IconComponent,\n  ],\n})\nexport class DropdownComponent\n  implements AfterViewInit, OnDestroy, ControlValueAccessor, FormFieldControl\n{\n  static readonly OPEN_DELAY_IN_MS = 100;\n  private state = OpenState.closed;\n  private _popout: HorizontalDirection | `${HorizontalDirection}` = HorizontalDirection.right;\n  private _attributesToForward = ['aria-label', 'aria-labelledby'];\n\n  _listboxId = UniqueIdGenerator.scopedTo('kirby-dropdown').next();\n  _comboboxId = UniqueIdGenerator.scopedTo('kirby-button').next();\n\n  private _items: string[] | any[] = [];\n\n  get items(): string[] | any[] {\n    return this._items;\n  }\n\n  @Input() set items(value: string[] | any[]) {\n    this._items = value;\n    this._value = this.items[this.selectedIndex] || null;\n  }\n\n  private _selectedIndex: number = -1;\n  get selectedIndex(): number {\n    return this._selectedIndex;\n  }\n\n  @Input() set selectedIndex(value: number) {\n    if (value !== undefined && this._selectedIndex != value) {\n      this._selectedIndex = value;\n      this.focusedIndex = this._selectedIndex;\n      this._value = this.items[this.selectedIndex] || null;\n    }\n  }\n\n  // _focusedIndex keeps track of which element has focus and will be selected\n  // if it is activated (by pressing ENTER or SPACE key)\n  private _focusedIndex: number = 0;\n  get focusedIndex(): number {\n    return this._focusedIndex;\n  }\n\n  @Input() set focusedIndex(value: number) {\n    if (this._focusedIndex !== value) {\n      this._focusedIndex = value;\n      this.scrollItemIntoView(this._focusedIndex);\n    }\n  }\n\n  @Input()\n  itemTextProperty = 'text';\n\n  @Input()\n  placeholder = 'Please select:';\n\n  @Input() set popout(direction: HorizontalDirection | `${HorizontalDirection}`) {\n    this._popout = direction || HorizontalDirection.right;\n  }\n\n  get popout() {\n    return this._popout;\n  }\n\n  @Input()\n  attentionLevel: '1' | '2' | '3' = '3';\n\n  @Input()\n  expand?: 'block';\n\n  @Input()\n  disabled = false;\n\n  @HostBinding('attr.disabled')\n  get _isDisabled() {\n    return this.disabled ? 'disabled' : null;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  private _hasError: boolean;\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @Input()\n  size: 'sm' | 'md' = 'md';\n\n  // Tabindex defaults to 0 instead of no value to align tabbing behavior in Safari\n  // with other browsers and the default select behavior: https://mayank.co/blog/safari-focus/\n  @Input()\n  tabindex = 0;\n\n  /**\n   * @deprecated This input is no longer needed. The dropdown now always uses popover positioning.\n   * This input will be removed in a future major version.\n   */\n  @Input() set usePopover(_value: boolean) {\n    console.warn(\n      `[Kirby Dropdown] The 'usePopover' input is deprecated and no longer has any effect.\n        The dropdown now always uses popover positioning. This input will be removed in a future major version.`\n    );\n  }\n\n  get _tabindex() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n\n  // Prevent Ionic blur on scroll\n  @HostBinding('attr.no-blur')\n  get _noBlurOnScroll() {\n    return true;\n  }\n\n  /**\n   * Emitted when an item is selected (tap on mobile, click/keypress on web)\n   */\n  @Output() change: EventEmitter<string | any> = new EventEmitter<string | any>();\n\n  private _value: string | any = null;\n  get value(): string | any {\n    return this._value;\n  }\n\n  get selectedText(): string {\n    return this.getTextFromItem(this.value);\n  }\n\n  @HostBinding('class.expand')\n  get _isBlockLevel() {\n    return this.expand === 'block';\n  }\n\n  @HostBinding('class.is-opening')\n  get _isOpening(): boolean {\n    return this.state === OpenState.opening;\n  }\n\n  @HostBinding('class.is-open')\n  get isOpen(): boolean {\n    return this.state === OpenState.open;\n  }\n\n  /* The 'clicked' class is applied through Hostbinding to prevent the dropdown from getting a focus ring on click.\n    There is a bug that causes the dropdown to get a focus ring on click, if it is the first element that is interacted with\n    after the page is loaded. If the user interacts with any other element before, then the dropdown won't get a focus ring.\n    See issue: https://github.com/kirbydesign/designsystem/issues/2477.\n\n    This solution can potentially be refactored, when popover is not experimental anymore. Then it could be possible\n    to close the dropdown when the popover backdrop is clicked, instead of relying on the blur event, which is utilized\n    by this line below: this.elementRef.nativeElement.focus(). Right now this forces the blur event to be triggered, when\n    clicking outside of the dropdown.\n    */\n  @HostBinding('class.clicked')\n  clicked = false;\n\n  @ContentChild(ListItemTemplateDirective, { static: true, read: TemplateRef })\n  itemTemplate: TemplateRef<any>;\n  @ContentChildren(ListItemTemplateDirective, { read: ElementRef })\n  slottedItems: QueryList<ElementRef<HTMLElement>>;\n  @ViewChild(CardComponent, { read: ElementRef })\n  cardElement: ElementRef<HTMLElement>;\n  @ViewChild(PopoverComponent)\n  popover: PopoverComponent;\n  @ViewChild(ButtonComponent, { static: true, read: ElementRef })\n  buttonElement: ElementRef<HTMLElement>;\n\n  get interactiveElement(): HTMLElement {\n    return this.buttonElement.nativeElement;\n  }\n\n  private forwardAriaLabelToDropdownButton() {\n    forwardAttributes(\n      this.elementRef.nativeElement,\n      this._attributesToForward,\n      this.renderer,\n      this.buttonElement.nativeElement\n    );\n  }\n  @ViewChildren(ItemComponent, { read: ElementRef })\n  kirbyItemsDefault: QueryList<ElementRef<HTMLElement>>;\n\n  _kirbyItemsSlotted: QueryList<ElementRef<HTMLElement>>;\n  @ContentChildren(ItemComponent, { read: ElementRef })\n  set kirbyItemsSlotted(kirbyItems: QueryList<ElementRef<HTMLElement>>) {\n    const hasSlottedItems = this.disposeItemClickListeners?.length > 0;\n    if (hasSlottedItems) {\n      this.unlistenAllSlottedItems();\n    }\n\n    // Setup a click listener for each new slotted items\n    kirbyItems.forEach((kirbyItem) => {\n      this.renderer.setAttribute(kirbyItem.nativeElement, 'role', 'option');\n      const disposeClickListener: EventListenerDisposeFn = this.renderer.listen(\n        kirbyItem.nativeElement,\n        'click',\n        () => {\n          this.onItemSelect(this.domIndexOf(kirbyItem));\n        }\n      );\n\n      this.disposeItemClickListeners.push(disposeClickListener);\n    });\n\n    this._kirbyItemsSlotted = kirbyItems;\n  }\n\n  get kirbyItemsSlotted(): QueryList<ElementRef<HTMLElement>> {\n    return this._kirbyItemsSlotted;\n  }\n\n  private disposeItemClickListeners: EventListenerDisposeFn[] = [];\n  private searchBuffer: string = '';\n  private searchBufferTimeout: ReturnType<typeof setTimeout>;\n  private SEARCH_BUFFER_DELAY = 500; // ms\n\n  constructor(\n    private renderer: Renderer2,\n    private elementRef: ElementRef<HTMLElement>,\n    private cdr: ChangeDetectorRef,\n    private keyboardHandlerService: KeyboardHandlerService,\n    private resizeObserverService: ResizeObserverService\n  ) {}\n\n  onToggle(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.clicked = true;\n\n    this.toggle();\n  }\n\n  toggle() {\n    if (this.disabled) {\n      return;\n    }\n    this.isOpen ? this.close() : this.open();\n  }\n\n  /* Utility that makes it easier to set styles on card element */\n  private setPopoverCardStyle(style: string, value: string) {\n    this.renderer.setStyle(\n      this.cardElement.nativeElement,\n      style,\n      value,\n      RendererStyleFlags2.DashCase\n    );\n  }\n\n  ngAfterViewInit() {\n    if (this.expand === 'block') {\n      const { width: initialWidth } = this.elementRef.nativeElement.getBoundingClientRect();\n      this.setPopoverCardStyle('max-width', 'initial');\n      this.setPopoverCardStyle('min-width', 'initial');\n      // Ensure initial width is set even if the resize observer callback also fires initially:\n      this.setPopoverCardStyle('--kirby-card-width', `${initialWidth}px`);\n\n      this.resizeObserverService.observe(this.elementRef, (entry) => {\n        const newWidth = entry.contentRect.width;\n        if (newWidth > 0) {\n          this.setPopoverCardStyle('--kirby-card-width', `${newWidth}px`);\n        }\n      });\n    }\n    this.forwardAriaLabelToDropdownButton();\n  }\n\n  open() {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      this.state = OpenState.opening;\n      // ensures that the dropdown is opened in case the IntersectionObserverCallback isn't invoked\n      setTimeout(() => this.showDropdown(), DropdownComponent.OPEN_DELAY_IN_MS);\n\n      // Move focus to selected item (if any) or first item\n      this.focusedIndex = this.selectedIndex > -1 ? this.selectedIndex : 0;\n    }\n  }\n\n  private showDropdown() {\n    if (this.state === OpenState.opening) {\n      this.state = OpenState.open;\n      this.popover?.show();\n      this.scrollItemIntoView(this.focusedIndex);\n      this.cdr.markForCheck();\n    }\n  }\n\n  close() {\n    if (this.disabled) {\n      return;\n    }\n    if (this.isOpen) {\n      this.state = OpenState.closed;\n      this.popover?.hide();\n    }\n  }\n\n  onItemSelect(index: number) {\n    this.selectItem(index);\n    this.close();\n  }\n\n  private _onChange: (value: any) => void = () => {};\n  private _onTouched = () => {};\n\n  /**\n   * Sets the select's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param value New value to be written to the model.\n   */\n  writeValue(value: any): void {\n    this._selectItemByValue(value);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select's value\n   * changes from user input. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the value changes.\n   */\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select is blurred\n   * by the user. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the component has been touched.\n   */\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  /**\n   * Disables the select. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param isDisabled Sets whether the component is disabled.\n   */\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  private selectItem(index: number) {\n    if (index != this.selectedIndex) {\n      this.selectedIndex = index;\n      this.focusedIndex = index;\n      this.change.emit(this.value);\n      this._onChange(this.value);\n    }\n  }\n\n  private _selectItemByValue(value: string | any) {\n    this.selectedIndex = this.items.indexOf(value);\n  }\n\n  getTextFromItem(item: string | any) {\n    if (!item) {\n      return null;\n    }\n    return typeof item === 'string' ? item : item[this.itemTextProperty];\n  }\n\n  scrollItemIntoView(index: number) {\n    const kirbyItems =\n      this.kirbyItemsSlotted && this.kirbyItemsSlotted.length\n        ? this.kirbyItemsSlotted\n        : this.kirbyItemsDefault;\n    if (kirbyItems && kirbyItems.length) {\n      const selectedKirbyItem = kirbyItems.toArray()[index];\n      if (selectedKirbyItem && selectedKirbyItem.nativeElement) {\n        const itemElement = selectedKirbyItem.nativeElement;\n        itemElement.scrollIntoView({ block: 'nearest' });\n      }\n    }\n  }\n\n  @HostListener('keydown.tab')\n  @HostListener('keydown.shift.tab')\n  _onTab() {\n    if (this.isOpen) {\n      this.selectItem(this.focusedIndex);\n      this.close();\n    }\n\n    if (this.clicked) {\n      // Remove the 'clicked' class (Hostbinding) if the user has previously opened the dropdown by clicking,\n      // since the class prevents the focus ring from showing,\n      // which is expected to happen, when using the tab key\n      this.clicked = false;\n    }\n  }\n\n  private preventDefaultAndStopImmediatePropagation(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n\n  private addToSearchBuffer(char: string) {\n    clearTimeout(this.searchBufferTimeout);\n    this.searchBuffer += char;\n    this.searchBufferTimeout = setTimeout(() => {\n      this.resetSearchBuffer();\n    }, this.SEARCH_BUFFER_DELAY);\n  }\n  private resetSearchBuffer() {\n    this.searchBuffer = '';\n  }\n\n  @HostListener('keydown', ['$event'])\n  _onKeydown(event: KeyboardEvent) {\n    const key = event.key;\n\n    if (this.items.length === 0) {\n      console.warn('[Kirby] No items found within dropdown');\n      return;\n    }\n\n    if (this.disabled) return;\n\n    if (StringSearchHelper.isPrintableCharacter(key)) {\n      this.handlePrintableCharacterKey(event, this.isOpen);\n    }\n\n    // ALT + ArrowDown: Open dropdown\n    if (key === 'ArrowDown' && event.altKey) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n        this.focusedIndex = this.selectedIndex > -1 ? this.selectedIndex : 0;\n      }\n      return;\n    }\n\n    // ALT + ArrowUp: Select focused item and close dropdown\n    if (key === 'ArrowUp' && event.altKey) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (this.focusedIndex > -1) {\n        this.selectItem(this.focusedIndex);\n        this.close();\n      }\n    }\n    // PageUp: Jump up 10 options or to first\n    if (key === 'PageUp') {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n      }\n      this.focusedIndex = Math.max(0, this.focusedIndex - 10);\n      return;\n    }\n\n    // PageDown: Jump down 10 options or to last\n    if (key === 'PageDown') {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n      }\n      this.focusedIndex = Math.min(this.items.length - 1, this.focusedIndex + 10);\n      return;\n    }\n  }\n\n  private handlePrintableCharacterKey(event: KeyboardEvent, isOpen: boolean) {\n    const key = event.key;\n\n    if (isOpen) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n    } else {\n      this.open();\n    }\n\n    // If the same character is typed twice, the search buffer should only contain that character once\n    if (\n      this.searchBuffer.length === 1 &&\n      this.searchBuffer[0].toLowerCase() === key.toLowerCase()\n    ) {\n      this.searchBuffer = key;\n    } else {\n      this.addToSearchBuffer(key);\n    }\n\n    const isMultiCharSearch = this.searchBuffer.length > 1;\n    let startIndex = 0;\n\n    if (!isMultiCharSearch && this.isOpen) {\n      startIndex = this.focusedIndex + 1;\n    }\n\n    let foundItemIndex = this.getIndexOfItemByFirstCharacter(this.searchBuffer, startIndex);\n\n    if (foundItemIndex === -1 && isMultiCharSearch) {\n      foundItemIndex = this.getIndexOfItemByFirstCharacter(key, startIndex);\n    }\n\n    if (foundItemIndex === -1 && !isMultiCharSearch && this.isOpen) {\n      foundItemIndex = this.getIndexOfItemByFirstCharacter(this.searchBuffer, 0);\n    }\n\n    if (foundItemIndex > -1) {\n      this.focusedIndex = foundItemIndex;\n    }\n  }\n\n  private getIndexOfItemByFirstCharacter(char: string, startIndex: number = 0) {\n    let itemTexts: string[];\n    // Prefer slotted/projected items if present\n    if (this.kirbyItemsSlotted && this.kirbyItemsSlotted.length) {\n      itemTexts = this.kirbyItemsSlotted\n        .toArray()\n        .map((ref) => ref.nativeElement.textContent?.trim() ?? '');\n    } else {\n      itemTexts = this.items.map((item) => this.getTextFromItem(item) ?? '');\n    }\n\n    return StringSearchHelper.getIndexByFirstMatchingStartString(char, itemTexts, startIndex);\n  }\n\n  @HostListener('mousedown', ['$event'])\n  _onMouseDown(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @HostListener('touchstart', ['$event'])\n  _onTouchStart(event: TouchEvent) {\n    if (this.isOpen) {\n      event.stopPropagation();\n    }\n  }\n\n  _onPopoverWillHide() {\n    this.state = OpenState.closed;\n    this.buttonElement.nativeElement.focus();\n    this._onTouched();\n  }\n\n  @HostListener('focusout')\n  _onFocusOut() {\n    if (!this.isOpen) {\n      this._onTouched();\n    }\n  }\n\n  @HostListener('keydown.enter')\n  @HostListener('keydown.escape')\n  _onEnterOrEscape() {\n    this.close();\n  }\n\n  _onPopoverClick() {\n    this.close();\n  }\n\n  @HostListener('keydown.enter', ['$event'])\n  @HostListener('keydown.space', ['$event'])\n  _onEnterOrSpace(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.isOpen) {\n      this.selectItem(this.focusedIndex);\n    }\n    this.toggle();\n  }\n\n  @HostListener('keydown.arrowup', ['$event'])\n  @HostListener('keydown.arrowdown', ['$event'])\n  @HostListener('keydown.arrowleft', ['$event'])\n  @HostListener('keydown.arrowright', ['$event'])\n  _onArrowKeys(event: KeyboardEvent) {\n    if (this.disabled) return false;\n\n    // Mirror default HTML5 select behaviour - prevent left/right arrows when open:\n    if (this.isOpen && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n      return false;\n    }\n\n    if (!this.isOpen) {\n      // Avoid page scroll\n      event.preventDefault();\n      this.open();\n\n      // If no selected item then focus first or last item\n      if (!event.altKey && this.selectedIndex < 0) {\n        switch (event.key) {\n          case 'ArrowUp':\n            this.focusedIndex = 0;\n            break;\n          case 'ArrowDown':\n            this.focusedIndex = this.items.length - 1;\n            break;\n          default:\n            break;\n        }\n      }\n      return false;\n    }\n\n    const newFocusedIndex = this.keyboardHandlerService.handle(\n      event,\n      this.focusedIndex,\n      this.items.length - 1\n    );\n    if (newFocusedIndex > -1) {\n      this.focusedIndex = newFocusedIndex;\n    }\n    return false;\n  }\n\n  @HostListener('keydown.home', ['$event'])\n  @HostListener('keydown.end', ['$event'])\n  _onHomeEndKeys(event: KeyboardEvent) {\n    if (this.disabled) return;\n    if (!this.isOpen) {\n      event.preventDefault();\n      this.open();\n    }\n    const newFocusedIndex = this.keyboardHandlerService.handle(\n      event,\n      this.focusedIndex,\n      this.items.length - 1\n    );\n    if (newFocusedIndex > -1) {\n      this.focusedIndex = newFocusedIndex;\n    }\n    return false;\n  }\n\n  private domIndexOf(kirbyItem: ElementRef<HTMLElement>): number {\n    return this.kirbyItemsSlotted\n      .toArray()\n      .filter(\n        (item) =>\n          item.nativeElement.compareDocumentPosition(kirbyItem.nativeElement) &\n          Node.DOCUMENT_POSITION_FOLLOWING\n      ).length;\n  }\n\n  private unlistenAllSlottedItems() {\n    let disposeClickListener: EventListenerDisposeFn;\n    while ((disposeClickListener = this.disposeItemClickListeners.pop()) !== undefined) {\n      disposeClickListener();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.unlistenAllSlottedItems();\n    this.resizeObserverService.unobserve(this.elementRef);\n  }\n}\n","<button\n  kirby-button\n  type=\"button\"\n  [attr.id]=\"_comboboxId\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-controls]=\"_listboxId\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-activedescendant]=\"isOpen ? _listboxId + '-item-' + focusedIndex : null\"\n  [attr.aria-invalid]=\"hasError\"\n  [size]=\"size\"\n  [attentionLevel]=\"attentionLevel\"\n  (click)=\"onToggle($event)\"\n  [disabled]=\"disabled\"\n  [tabindex]=\"_tabindex\"\n>\n  <span class=\"text\">{{ selectedText || placeholder }}</span>\n  <kirby-icon [name]=\"isOpen ? 'arrow-up' : 'arrow-down'\"></kirby-icon>\n</button>\n\n<kirby-popover\n  [target]=\"buttonElement\"\n  [popout]=\"popout\"\n  (click)=\"_onPopoverClick()\"\n  (willHide)=\"_onPopoverWillHide()\"\n>\n  <kirby-card role=\"listbox\" [attr.id]=\"_listboxId\" [attr.aria-labelledby]=\"_comboboxId\">\n    @for (item of items; track item; let i = $index) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          itemTemplate || defaultItemTemplate;\n          context: {\n            $implicit: item,\n            selected: i === selectedIndex,\n            focused: i === focusedIndex,\n            index: i,\n          }\n        \"\n      ></ng-container>\n    }\n  </kirby-card>\n</kirby-popover>\n\n<ng-template\n  #defaultItemTemplate\n  let-item\n  let-selected=\"selected\"\n  let-index=\"index\"\n  let-focused=\"focused\"\n>\n  <kirby-item\n    [selectable]=\"true\"\n    [selected]=\"selected\"\n    (click)=\"onItemSelect(index)\"\n    [class.focused]=\"focused\"\n    [class.keyboard-focused]=\"focused && !clicked\"\n    role=\"option\"\n    [attr.id]=\"_listboxId + '-item-' + index\"\n    [attr.aria-selected]=\"selected\"\n  >\n    <p class=\"kirby-item-title\">{{ getTextFromItem(item) }}</p>\n    @if (selected) {\n      <kirby-icon name=\"checkmark-selected\" slot=\"end\"></kirby-icon>\n    }\n  </kirby-item>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { ItemModule } from '@kirbydesign/designsystem/item';\nimport { PopoverComponent } from '@kirbydesign/designsystem/popover';\n\nimport { ListItemTemplateDirective, ListModule } from '@kirbydesign/designsystem/list';\nimport { DropdownComponent } from './dropdown.component';\nimport { KeyboardHandlerService } from './keyboard-handler.service';\n\n@NgModule({\n  imports: [\n    CardModule,\n    IconModule,\n    ItemModule,\n    PopoverComponent,\n    ButtonComponent,\n    CommonModule,\n    ListModule,\n    DropdownComponent,\n  ],\n  exports: [DropdownComponent, ListItemTemplateDirective],\n  providers: [KeyboardHandlerService],\n})\nexport class DropdownModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1.KeyboardHandlerService"],"mappings":"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"}
+{"version":3,"file":"kirbydesign-designsystem-dropdown.mjs","names":[],"sources":["../../dropdown/src/dropdown.types.ts","../../dropdown/src/keyboard-handler.service.ts","../../dropdown/src/dropdown.component.ts","../../dropdown/src/dropdown.component.html","../../dropdown/src/dropdown.module.ts"],"sourcesContent":["export enum OpenState {\n  closed,\n  opening,\n  open,\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class KeyboardHandlerService {\n  handle(event: KeyboardEvent, selectedIndex: number, maxIndex: number, cyclicIndex = false) {\n    let newIndex = -1;\n    switch (event.key) {\n      case 'ArrowUp':\n      case 'ArrowLeft':\n        if (selectedIndex === 0 && cyclicIndex) {\n          newIndex = maxIndex;\n        } else {\n          // Select previous item:\n          newIndex = selectedIndex - 1;\n        }\n        break;\n      case 'ArrowDown':\n      case 'ArrowRight':\n        if (selectedIndex === undefined || (selectedIndex === maxIndex && cyclicIndex)) {\n          // None selected, select first item:\n          newIndex = 0;\n        } else if (selectedIndex < maxIndex) {\n          // Select next item:\n          newIndex = selectedIndex + 1;\n        }\n        break;\n      case 'Home':\n        // Select first item:\n        newIndex = 0;\n        break;\n      case 'End':\n        // Select last item:\n        newIndex = maxIndex;\n        break;\n      default:\n        break;\n    }\n    return newIndex;\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChild,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  HostListener,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  Renderer2,\n  RendererStyleFlags2,\n  TemplateRef,\n  ViewChild,\n  ViewChildren,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CardComponent } from '@kirbydesign/designsystem/card';\nimport { StringSearchHelper, UniqueIdGenerator } from '@kirbydesign/designsystem/helpers';\nimport { ItemComponent } from '@kirbydesign/designsystem/item';\nimport { ListItemTemplateDirective } from '@kirbydesign/designsystem/list';\nimport { HorizontalDirection, PopoverComponent } from '@kirbydesign/designsystem/popover';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport {\n  EventListenerDisposeFn,\n  FORM_FIELD_CONTROL,\n  FormFieldControl,\n} from '@kirbydesign/designsystem/types';\nimport { forwardAttributes, ResizeObserverService } from '@kirbydesign/designsystem/shared';\n\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { OpenState } from './dropdown.types';\nimport { KeyboardHandlerService } from './keyboard-handler.service';\n\n@Component({\n  selector: 'kirby-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DropdownComponent),\n      multi: true,\n    },\n    { provide: FORM_FIELD_CONTROL, useExisting: forwardRef(() => DropdownComponent) },\n  ],\n  imports: [\n    ButtonComponent,\n    NgTemplateOutlet,\n    PopoverComponent,\n    CardComponent,\n    ItemComponent,\n    IconComponent,\n  ],\n  changeDetection: ChangeDetectionStrategy.Eager,\n})\nexport class DropdownComponent\n  implements AfterViewInit, OnDestroy, ControlValueAccessor, FormFieldControl\n{\n  static readonly OPEN_DELAY_IN_MS = 100;\n  private state = OpenState.closed;\n  private _popout: HorizontalDirection | `${HorizontalDirection}` = HorizontalDirection.right;\n  private _attributesToForward = ['aria-label', 'aria-labelledby'];\n\n  _listboxId = UniqueIdGenerator.scopedTo('kirby-dropdown').next();\n  _comboboxId = UniqueIdGenerator.scopedTo('kirby-button').next();\n\n  private _items: string[] | any[] = [];\n\n  get items(): string[] | any[] {\n    return this._items;\n  }\n\n  @Input() set items(value: string[] | any[]) {\n    this._items = value;\n    this._value = this.items[this.selectedIndex] || null;\n  }\n\n  private _selectedIndex: number = -1;\n  get selectedIndex(): number {\n    return this._selectedIndex;\n  }\n\n  @Input() set selectedIndex(value: number) {\n    if (value !== undefined && this._selectedIndex != value) {\n      this._selectedIndex = value;\n      this.focusedIndex = this._selectedIndex;\n      this._value = this.items[this.selectedIndex] || null;\n    }\n  }\n\n  // _focusedIndex keeps track of which element has focus and will be selected\n  // if it is activated (by pressing ENTER or SPACE key)\n  private _focusedIndex: number = 0;\n  get focusedIndex(): number {\n    return this._focusedIndex;\n  }\n\n  @Input() set focusedIndex(value: number) {\n    if (this._focusedIndex !== value) {\n      this._focusedIndex = value;\n      this.scrollItemIntoView(this._focusedIndex);\n    }\n  }\n\n  @Input()\n  itemTextProperty = 'text';\n\n  @Input()\n  placeholder = 'Please select:';\n\n  @Input() set popout(direction: HorizontalDirection | `${HorizontalDirection}`) {\n    this._popout = direction || HorizontalDirection.right;\n  }\n\n  get popout() {\n    return this._popout;\n  }\n\n  @Input()\n  attentionLevel: '1' | '2' | '3' = '3';\n\n  @Input()\n  expand?: 'block';\n\n  @Input()\n  disabled = false;\n\n  @HostBinding('attr.disabled')\n  get _isDisabled() {\n    return this.disabled ? 'disabled' : null;\n  }\n\n  @Output() hasErrorChange = new EventEmitter<boolean>();\n\n  private _hasError: boolean;\n  @HostBinding('class.error')\n  @Input()\n  get hasError(): boolean {\n    return this._hasError;\n  }\n\n  set hasError(value: boolean) {\n    if (this._hasError !== value) {\n      this._hasError = value;\n      this.hasErrorChange.emit(this._hasError);\n    }\n  }\n\n  @Input()\n  size: 'sm' | 'md' = 'md';\n\n  // Tabindex defaults to 0 instead of no value to align tabbing behavior in Safari\n  // with other browsers and the default select behavior: https://mayank.co/blog/safari-focus/\n  @Input()\n  tabindex = 0;\n\n  /**\n   * @deprecated This input is no longer needed. The dropdown now always uses popover positioning.\n   * This input will be removed in a future major version.\n   */\n  @Input() set usePopover(_value: boolean) {\n    console.warn(\n      `[Kirby Dropdown] The 'usePopover' input is deprecated and no longer has any effect.\n        The dropdown now always uses popover positioning. This input will be removed in a future major version.`\n    );\n  }\n\n  get _tabindex() {\n    return this.disabled ? -1 : this.tabindex;\n  }\n\n  // Prevent Ionic blur on scroll\n  @HostBinding('attr.no-blur')\n  get _noBlurOnScroll() {\n    return true;\n  }\n\n  /**\n   * Emitted when an item is selected (tap on mobile, click/keypress on web)\n   */\n  @Output() change: EventEmitter<string | any> = new EventEmitter<string | any>();\n\n  private _value: string | any = null;\n  get value(): string | any {\n    return this._value;\n  }\n\n  get selectedText(): string {\n    return this.getTextFromItem(this.value);\n  }\n\n  @HostBinding('class.expand')\n  get _isBlockLevel() {\n    return this.expand === 'block';\n  }\n\n  @HostBinding('class.is-opening')\n  get _isOpening(): boolean {\n    return this.state === OpenState.opening;\n  }\n\n  @HostBinding('class.is-open')\n  get isOpen(): boolean {\n    return this.state === OpenState.open;\n  }\n\n  /* The 'clicked' class is applied through Hostbinding to prevent the dropdown from getting a focus ring on click.\n    There is a bug that causes the dropdown to get a focus ring on click, if it is the first element that is interacted with\n    after the page is loaded. If the user interacts with any other element before, then the dropdown won't get a focus ring.\n    See issue: https://github.com/kirbydesign/designsystem/issues/2477.\n\n    This solution can potentially be refactored, when popover is not experimental anymore. Then it could be possible\n    to close the dropdown when the popover backdrop is clicked, instead of relying on the blur event, which is utilized\n    by this line below: this.elementRef.nativeElement.focus(). Right now this forces the blur event to be triggered, when\n    clicking outside of the dropdown.\n    */\n  @HostBinding('class.clicked')\n  clicked = false;\n\n  @ContentChild(ListItemTemplateDirective, { static: true, read: TemplateRef })\n  itemTemplate: TemplateRef<any>;\n  @ContentChildren(ListItemTemplateDirective, { read: ElementRef })\n  slottedItems: QueryList<ElementRef<HTMLElement>>;\n  @ViewChild(CardComponent, { read: ElementRef })\n  cardElement: ElementRef<HTMLElement>;\n  @ViewChild(PopoverComponent)\n  popover: PopoverComponent;\n  @ViewChild(ButtonComponent, { static: true, read: ElementRef })\n  buttonElement: ElementRef<HTMLElement>;\n\n  get interactiveElement(): HTMLElement {\n    return this.buttonElement.nativeElement;\n  }\n\n  private forwardAriaLabelToDropdownButton() {\n    forwardAttributes(\n      this.elementRef.nativeElement,\n      this._attributesToForward,\n      this.renderer,\n      this.buttonElement.nativeElement\n    );\n  }\n  @ViewChildren(ItemComponent, { read: ElementRef })\n  kirbyItemsDefault: QueryList<ElementRef<HTMLElement>>;\n\n  _kirbyItemsSlotted: QueryList<ElementRef<HTMLElement>>;\n  @ContentChildren(ItemComponent, { read: ElementRef })\n  set kirbyItemsSlotted(kirbyItems: QueryList<ElementRef<HTMLElement>>) {\n    const hasSlottedItems = this.disposeItemClickListeners?.length > 0;\n    if (hasSlottedItems) {\n      this.unlistenAllSlottedItems();\n    }\n\n    // Setup a click listener for each new slotted items\n    kirbyItems.forEach((kirbyItem) => {\n      this.renderer.setAttribute(kirbyItem.nativeElement, 'role', 'option');\n      const disposeClickListener: EventListenerDisposeFn = this.renderer.listen(\n        kirbyItem.nativeElement,\n        'click',\n        () => {\n          this.onItemSelect(this.domIndexOf(kirbyItem));\n        }\n      );\n\n      this.disposeItemClickListeners.push(disposeClickListener);\n    });\n\n    this._kirbyItemsSlotted = kirbyItems;\n  }\n\n  get kirbyItemsSlotted(): QueryList<ElementRef<HTMLElement>> {\n    return this._kirbyItemsSlotted;\n  }\n\n  private disposeItemClickListeners: EventListenerDisposeFn[] = [];\n  private searchBuffer: string = '';\n  private searchBufferTimeout: ReturnType<typeof setTimeout>;\n  private SEARCH_BUFFER_DELAY = 500; // ms\n\n  constructor(\n    private renderer: Renderer2,\n    private elementRef: ElementRef<HTMLElement>,\n    private cdr: ChangeDetectorRef,\n    private keyboardHandlerService: KeyboardHandlerService,\n    private resizeObserverService: ResizeObserverService\n  ) {}\n\n  onToggle(event: MouseEvent) {\n    event.stopPropagation();\n\n    this.clicked = true;\n\n    this.toggle();\n  }\n\n  toggle() {\n    if (this.disabled) {\n      return;\n    }\n    this.isOpen ? this.close() : this.open();\n  }\n\n  /* Utility that makes it easier to set styles on card element */\n  private setPopoverCardStyle(style: string, value: string) {\n    this.renderer.setStyle(\n      this.cardElement.nativeElement,\n      style,\n      value,\n      RendererStyleFlags2.DashCase\n    );\n  }\n\n  ngAfterViewInit() {\n    if (this.expand === 'block') {\n      const { width: initialWidth } = this.elementRef.nativeElement.getBoundingClientRect();\n      this.setPopoverCardStyle('max-width', 'initial');\n      this.setPopoverCardStyle('min-width', 'initial');\n      // Ensure initial width is set even if the resize observer callback also fires initially:\n      this.setPopoverCardStyle('--kirby-card-width', `${initialWidth}px`);\n\n      this.resizeObserverService.observe(this.elementRef, (entry) => {\n        const newWidth = entry.contentRect.width;\n        if (newWidth > 0) {\n          this.setPopoverCardStyle('--kirby-card-width', `${newWidth}px`);\n        }\n      });\n    }\n    this.forwardAriaLabelToDropdownButton();\n  }\n\n  open() {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!this.isOpen) {\n      this.state = OpenState.opening;\n      // ensures that the dropdown is opened in case the IntersectionObserverCallback isn't invoked\n      setTimeout(() => this.showDropdown(), DropdownComponent.OPEN_DELAY_IN_MS);\n\n      // Move focus to selected item (if any) or first item\n      this.focusedIndex = this.selectedIndex > -1 ? this.selectedIndex : 0;\n    }\n  }\n\n  private showDropdown() {\n    if (this.state === OpenState.opening) {\n      this.state = OpenState.open;\n      this.popover?.show();\n      this.scrollItemIntoView(this.focusedIndex);\n      this.cdr.markForCheck();\n    }\n  }\n\n  close() {\n    if (this.disabled) {\n      return;\n    }\n    if (this.isOpen) {\n      this.state = OpenState.closed;\n      this.popover?.hide();\n    }\n  }\n\n  onItemSelect(index: number) {\n    this.selectItem(index);\n    this.close();\n  }\n\n  private _onChange: (value: any) => void = () => {};\n  private _onTouched = () => {};\n\n  /**\n   * Sets the select's value. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param value New value to be written to the model.\n   */\n  writeValue(value: any): void {\n    this._selectItemByValue(value);\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select's value\n   * changes from user input. Part of the ControlValueAccessor interface\n   * required to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the value changes.\n   */\n  registerOnChange(fn: any): void {\n    this._onChange = fn;\n  }\n\n  /**\n   * Saves a callback function to be invoked when the select is blurred\n   * by the user. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param fn Callback to be triggered when the component has been touched.\n   */\n  registerOnTouched(fn: any): void {\n    this._onTouched = fn;\n  }\n\n  /**\n   * Disables the select. Part of the ControlValueAccessor interface required\n   * to integrate with Angular's core forms API.\n   *\n   * @param isDisabled Sets whether the component is disabled.\n   */\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.cdr.markForCheck();\n  }\n\n  private selectItem(index: number) {\n    if (index != this.selectedIndex) {\n      this.selectedIndex = index;\n      this.focusedIndex = index;\n      this.change.emit(this.value);\n      this._onChange(this.value);\n    }\n  }\n\n  private _selectItemByValue(value: string | any) {\n    this.selectedIndex = this.items.indexOf(value);\n  }\n\n  getTextFromItem(item: string | any) {\n    if (!item) {\n      return null;\n    }\n    return typeof item === 'string' ? item : item[this.itemTextProperty];\n  }\n\n  scrollItemIntoView(index: number) {\n    const kirbyItems =\n      this.kirbyItemsSlotted && this.kirbyItemsSlotted.length\n        ? this.kirbyItemsSlotted\n        : this.kirbyItemsDefault;\n    if (kirbyItems && kirbyItems.length) {\n      const selectedKirbyItem = kirbyItems.toArray()[index];\n      if (selectedKirbyItem && selectedKirbyItem.nativeElement) {\n        const itemElement = selectedKirbyItem.nativeElement;\n        itemElement.scrollIntoView({ block: 'nearest' });\n      }\n    }\n  }\n\n  @HostListener('keydown.tab')\n  @HostListener('keydown.shift.tab')\n  _onTab() {\n    if (this.isOpen) {\n      this.selectItem(this.focusedIndex);\n      this.close();\n    }\n\n    if (this.clicked) {\n      // Remove the 'clicked' class (Hostbinding) if the user has previously opened the dropdown by clicking,\n      // since the class prevents the focus ring from showing,\n      // which is expected to happen, when using the tab key\n      this.clicked = false;\n    }\n  }\n\n  private preventDefaultAndStopImmediatePropagation(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n  }\n\n  private addToSearchBuffer(char: string) {\n    clearTimeout(this.searchBufferTimeout);\n    this.searchBuffer += char;\n    this.searchBufferTimeout = setTimeout(() => {\n      this.resetSearchBuffer();\n    }, this.SEARCH_BUFFER_DELAY);\n  }\n  private resetSearchBuffer() {\n    this.searchBuffer = '';\n  }\n\n  @HostListener('keydown', ['$event'])\n  _onKeydown(event: KeyboardEvent) {\n    const key = event.key;\n\n    if (this.items.length === 0) {\n      console.warn('[Kirby] No items found within dropdown');\n      return;\n    }\n\n    if (this.disabled) return;\n\n    if (StringSearchHelper.isPrintableCharacter(key)) {\n      this.handlePrintableCharacterKey(event, this.isOpen);\n    }\n\n    // ALT + ArrowDown: Open dropdown\n    if (key === 'ArrowDown' && event.altKey) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n        this.focusedIndex = this.selectedIndex > -1 ? this.selectedIndex : 0;\n      }\n      return;\n    }\n\n    // ALT + ArrowUp: Select focused item and close dropdown\n    if (key === 'ArrowUp' && event.altKey) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (this.focusedIndex > -1) {\n        this.selectItem(this.focusedIndex);\n        this.close();\n      }\n    }\n    // PageUp: Jump up 10 options or to first\n    if (key === 'PageUp') {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n      }\n      this.focusedIndex = Math.max(0, this.focusedIndex - 10);\n      return;\n    }\n\n    // PageDown: Jump down 10 options or to last\n    if (key === 'PageDown') {\n      this.preventDefaultAndStopImmediatePropagation(event);\n      if (!this.isOpen) {\n        this.open();\n      }\n      this.focusedIndex = Math.min(this.items.length - 1, this.focusedIndex + 10);\n      return;\n    }\n  }\n\n  private handlePrintableCharacterKey(event: KeyboardEvent, isOpen: boolean) {\n    const key = event.key;\n\n    if (isOpen) {\n      this.preventDefaultAndStopImmediatePropagation(event);\n    } else {\n      this.open();\n    }\n\n    // If the same character is typed twice, the search buffer should only contain that character once\n    if (\n      this.searchBuffer.length === 1 &&\n      this.searchBuffer[0].toLowerCase() === key.toLowerCase()\n    ) {\n      this.searchBuffer = key;\n    } else {\n      this.addToSearchBuffer(key);\n    }\n\n    const isMultiCharSearch = this.searchBuffer.length > 1;\n    let startIndex = 0;\n\n    if (!isMultiCharSearch && this.isOpen) {\n      startIndex = this.focusedIndex + 1;\n    }\n\n    let foundItemIndex = this.getIndexOfItemByFirstCharacter(this.searchBuffer, startIndex);\n\n    if (foundItemIndex === -1 && isMultiCharSearch) {\n      foundItemIndex = this.getIndexOfItemByFirstCharacter(key, startIndex);\n    }\n\n    if (foundItemIndex === -1 && !isMultiCharSearch && this.isOpen) {\n      foundItemIndex = this.getIndexOfItemByFirstCharacter(this.searchBuffer, 0);\n    }\n\n    if (foundItemIndex > -1) {\n      this.focusedIndex = foundItemIndex;\n    }\n  }\n\n  private getIndexOfItemByFirstCharacter(char: string, startIndex: number = 0) {\n    let itemTexts: string[];\n    // Prefer slotted/projected items if present\n    if (this.kirbyItemsSlotted && this.kirbyItemsSlotted.length) {\n      itemTexts = this.kirbyItemsSlotted\n        .toArray()\n        .map((ref) => ref.nativeElement.textContent?.trim() ?? '');\n    } else {\n      itemTexts = this.items.map((item) => this.getTextFromItem(item) ?? '');\n    }\n\n    return StringSearchHelper.getIndexByFirstMatchingStartString(char, itemTexts, startIndex);\n  }\n\n  @HostListener('mousedown', ['$event'])\n  _onMouseDown(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @HostListener('touchstart', ['$event'])\n  _onTouchStart(event: TouchEvent) {\n    if (this.isOpen) {\n      event.stopPropagation();\n    }\n  }\n\n  _onPopoverWillHide() {\n    this.state = OpenState.closed;\n    this.buttonElement.nativeElement.focus();\n    this._onTouched();\n  }\n\n  @HostListener('focusout')\n  _onFocusOut() {\n    if (!this.isOpen) {\n      this._onTouched();\n    }\n  }\n\n  @HostListener('keydown.enter')\n  @HostListener('keydown.escape')\n  _onEnterOrEscape() {\n    this.close();\n  }\n\n  _onPopoverClick() {\n    this.close();\n  }\n\n  @HostListener('keydown.enter', ['$event'])\n  @HostListener('keydown.space', ['$event'])\n  _onEnterOrSpace(event: KeyboardEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (this.isOpen) {\n      this.selectItem(this.focusedIndex);\n    }\n    this.toggle();\n  }\n\n  @HostListener('keydown.arrowup', ['$event'])\n  @HostListener('keydown.arrowdown', ['$event'])\n  @HostListener('keydown.arrowleft', ['$event'])\n  @HostListener('keydown.arrowright', ['$event'])\n  _onArrowKeys(event: KeyboardEvent) {\n    if (this.disabled) return false;\n\n    // Mirror default HTML5 select behaviour - prevent left/right arrows when open:\n    if (this.isOpen && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n      return false;\n    }\n\n    if (!this.isOpen) {\n      // Avoid page scroll\n      event.preventDefault();\n      this.open();\n\n      // If no selected item then focus first or last item\n      if (!event.altKey && this.selectedIndex < 0) {\n        switch (event.key) {\n          case 'ArrowUp':\n            this.focusedIndex = 0;\n            break;\n          case 'ArrowDown':\n            this.focusedIndex = this.items.length - 1;\n            break;\n          default:\n            break;\n        }\n      }\n      return false;\n    }\n\n    const newFocusedIndex = this.keyboardHandlerService.handle(\n      event,\n      this.focusedIndex,\n      this.items.length - 1\n    );\n    if (newFocusedIndex > -1) {\n      this.focusedIndex = newFocusedIndex;\n    }\n    return false;\n  }\n\n  @HostListener('keydown.home', ['$event'])\n  @HostListener('keydown.end', ['$event'])\n  _onHomeEndKeys(event: KeyboardEvent) {\n    if (this.disabled) return;\n    if (!this.isOpen) {\n      event.preventDefault();\n      this.open();\n    }\n    const newFocusedIndex = this.keyboardHandlerService.handle(\n      event,\n      this.focusedIndex,\n      this.items.length - 1\n    );\n    if (newFocusedIndex > -1) {\n      this.focusedIndex = newFocusedIndex;\n    }\n    return false;\n  }\n\n  private domIndexOf(kirbyItem: ElementRef<HTMLElement>): number {\n    return this.kirbyItemsSlotted\n      .toArray()\n      .filter(\n        (item) =>\n          item.nativeElement.compareDocumentPosition(kirbyItem.nativeElement) &\n          Node.DOCUMENT_POSITION_FOLLOWING\n      ).length;\n  }\n\n  private unlistenAllSlottedItems() {\n    let disposeClickListener: EventListenerDisposeFn;\n    while ((disposeClickListener = this.disposeItemClickListeners.pop()) !== undefined) {\n      disposeClickListener();\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.unlistenAllSlottedItems();\n    this.resizeObserverService.unobserve(this.elementRef);\n  }\n}\n","<button\n  kirby-button\n  type=\"button\"\n  [attr.id]=\"_comboboxId\"\n  role=\"combobox\"\n  aria-haspopup=\"listbox\"\n  [attr.aria-controls]=\"_listboxId\"\n  [attr.aria-expanded]=\"isOpen\"\n  [attr.aria-activedescendant]=\"isOpen ? _listboxId + '-item-' + focusedIndex : null\"\n  [attr.aria-invalid]=\"hasError\"\n  [size]=\"size\"\n  [attentionLevel]=\"attentionLevel\"\n  (click)=\"onToggle($event)\"\n  [disabled]=\"disabled\"\n  [tabindex]=\"_tabindex\"\n>\n  <span class=\"text\">{{ selectedText || placeholder }}</span>\n  <kirby-icon [name]=\"isOpen ? 'arrow-up' : 'arrow-down'\"></kirby-icon>\n</button>\n\n<kirby-popover\n  [target]=\"buttonElement\"\n  [popout]=\"popout\"\n  (click)=\"_onPopoverClick()\"\n  (willHide)=\"_onPopoverWillHide()\"\n>\n  <kirby-card role=\"listbox\" [attr.id]=\"_listboxId\" [attr.aria-labelledby]=\"_comboboxId\">\n    @for (item of items; track item; let i = $index) {\n      <ng-container\n        *ngTemplateOutlet=\"\n          itemTemplate || defaultItemTemplate;\n          context: {\n            $implicit: item,\n            selected: i === selectedIndex,\n            focused: i === focusedIndex,\n            index: i,\n          }\n        \"\n      ></ng-container>\n    }\n  </kirby-card>\n</kirby-popover>\n\n<ng-template\n  #defaultItemTemplate\n  let-item\n  let-selected=\"selected\"\n  let-index=\"index\"\n  let-focused=\"focused\"\n>\n  <kirby-item\n    [selectable]=\"true\"\n    [selected]=\"selected\"\n    (click)=\"onItemSelect(index)\"\n    [class.focused]=\"focused\"\n    [class.keyboard-focused]=\"focused && !clicked\"\n    role=\"option\"\n    [attr.id]=\"_listboxId + '-item-' + index\"\n    [attr.aria-selected]=\"selected\"\n  >\n    <p class=\"kirby-item-title\">{{ getTextFromItem(item) }}</p>\n    @if (selected) {\n      <kirby-icon name=\"checkmark-selected\" slot=\"end\"></kirby-icon>\n    }\n  </kirby-item>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { CardModule } from '@kirbydesign/designsystem/card';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { ItemModule } from '@kirbydesign/designsystem/item';\nimport { PopoverComponent } from '@kirbydesign/designsystem/popover';\n\nimport { ListItemTemplateDirective, ListModule } from '@kirbydesign/designsystem/list';\nimport { DropdownComponent } from './dropdown.component';\nimport { KeyboardHandlerService } from './keyboard-handler.service';\n\n@NgModule({\n  imports: [\n    CardModule,\n    IconModule,\n    ItemModule,\n    PopoverComponent,\n    ButtonComponent,\n    CommonModule,\n    ListModule,\n    DropdownComponent,\n  ],\n  exports: [DropdownComponent, ListItemTemplateDirective],\n  providers: [KeyboardHandlerService],\n})\nexport class DropdownModule {}\n"],"mappings":"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"}

package/fesm2022/kirbydesign-designsystem-empty-state.mjs

@@ -1,92 +1,165 @@
-import * as i0 from '@angular/core';
-import { ContentChildren, Input, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { ButtonComponent } from '@kirbydesign/designsystem/button';
-import { getIonModalDialogAncestor } from '@kirbydesign/designsystem/helpers';
-import { IconComponent, IconModule } from '@kirbydesign/designsystem/icon';
-import { CommonModule } from '@angular/common';
-import { ThemeColorDirective } from '@kirbydesign/designsystem/shared';
-
-class EmptyStateComponent {
-    set title(value) {
-        this._title = value;
-        if (this.ionModalDialog) {
-            this.renderer.setAttribute(this.ionModalDialog, 'aria-label', value);
-        }
-    }
-    get title() {
-        return this._title;
-    }
-    constructor(elementRef, renderer) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-        this._insideModal = false;
-    }
-    ngOnInit() {
-        /* If initialized inside a modal we want to set
-         * the aria-label attribute on ion-modal to the title of empty state.
-         * Further updates are handled by title setter.
-         */
-        this.ionModalDialog = getIonModalDialogAncestor(this.elementRef.nativeElement);
-        if (this.ionModalDialog) {
-            this._insideModal = true;
-            this.renderer.setAttribute(this.ionModalDialog, 'aria-label', this.title);
-        }
-    }
-    ngAfterContentInit() {
-        this.enforceAttentionLevelRules();
-        /* setTimeout prevents ExpressionChangedAfterItHasBeenCheckedError when changing attention
-        levels of slotted buttons in this.enforceAttentionLevelRules */
-        this.slottedButtons.changes.subscribe(() => {
-            setTimeout(() => this.enforceAttentionLevelRules());
-        });
-    }
-    /** Enforces that all slotted buttons will have their attention
-     * level set to 3, except the first button if it has
-     * level 1.
-     */
-    enforceAttentionLevelRules() {
-        this.slottedButtons.forEach((button, index) => {
-            if (index === 0 && (button.attentionLevel === undefined || button.attentionLevel === '1')) {
-                return;
-            }
-            if (button.attentionLevel !== '3') {
-                button.attentionLevel = '3';
-            }
-        });
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: EmptyStateComponent, isStandalone: true, selector: "kirby-empty-state", inputs: { iconName: "iconName", title: "title", subtitle: "subtitle" }, queries: [{ propertyName: "slottedButtons", predicate: ButtonComponent }], ngImport: i0, template: "<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".message-container{max-width:330px;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.icon-outline{width:calc(var(--kirby-spacing-xxl) * 2);height:calc(var(--kirby-spacing-xxl) * 2);margin-left:auto;margin-right:auto;margin-bottom:var(--kirby-spacing-m);display:flex;flex-direction:column;justify-content:center;border:var(--kirby-spacing-xxxs) solid var(--kirby-empty-state-color, var(--kirby-medium));border-radius:var(--kirby-border-radius-circle)}kirby-icon{color:var(--kirby-empty-state-color, var(--kirby-medium))}.title{margin-bottom:var(--kirby-spacing-xxs)}p.subtitle{margin-bottom:var(--kirby-spacing-m);white-space:pre-wrap}:host(.primary){--kirby-empty-state-color: var(--kirby-primary)}:host(.secondary){--kirby-empty-state-color: var(--kirby-secondary)}:host(.tertiary){--kirby-empty-state-color: var(--kirby-tertiary)}:host(.success){--kirby-empty-state-color: var(--kirby-success)}:host(.warning){--kirby-empty-state-color: var(--kirby-warning)}:host(.danger){--kirby-empty-state-color: var(--kirby-danger)}:host(.white-overlay){--kirby-empty-state-color: var(--kirby-white-overlay)}:host(.light){--kirby-empty-state-color: var(--kirby-light)}:host(.medium){--kirby-empty-state-color: var(--kirby-medium)}:host(.dark){--kirby-empty-state-color: var(--kirby-dark)}:host(.dark-overlay){--kirby-empty-state-color: var(--kirby-dark-overlay)}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "kirby-icon", inputs: ["size", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'kirby-empty-state', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IconComponent], template: "<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".message-container{max-width:330px;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.icon-outline{width:calc(var(--kirby-spacing-xxl) * 2);height:calc(var(--kirby-spacing-xxl) * 2);margin-left:auto;margin-right:auto;margin-bottom:var(--kirby-spacing-m);display:flex;flex-direction:column;justify-content:center;border:var(--kirby-spacing-xxxs) solid var(--kirby-empty-state-color, var(--kirby-medium));border-radius:var(--kirby-border-radius-circle)}kirby-icon{color:var(--kirby-empty-state-color, var(--kirby-medium))}.title{margin-bottom:var(--kirby-spacing-xxs)}p.subtitle{margin-bottom:var(--kirby-spacing-m);white-space:pre-wrap}:host(.primary){--kirby-empty-state-color: var(--kirby-primary)}:host(.secondary){--kirby-empty-state-color: var(--kirby-secondary)}:host(.tertiary){--kirby-empty-state-color: var(--kirby-tertiary)}:host(.success){--kirby-empty-state-color: var(--kirby-success)}:host(.warning){--kirby-empty-state-color: var(--kirby-warning)}:host(.danger){--kirby-empty-state-color: var(--kirby-danger)}:host(.white-overlay){--kirby-empty-state-color: var(--kirby-white-overlay)}:host(.light){--kirby-empty-state-color: var(--kirby-light)}:host(.medium){--kirby-empty-state-color: var(--kirby-medium)}:host(.dark){--kirby-empty-state-color: var(--kirby-dark)}:host(.dark-overlay){--kirby-empty-state-color: var(--kirby-dark-overlay)}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { iconName: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], slottedButtons: [{
-                type: ContentChildren,
-                args: [ButtonComponent]
-            }] } });
-
-class EmptyStateModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateModule, imports: [IconModule, CommonModule, ThemeColorDirective, EmptyStateComponent], exports: [EmptyStateComponent, ThemeColorDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateModule, imports: [IconModule, CommonModule, EmptyStateComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EmptyStateModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [IconModule, CommonModule, ThemeColorDirective, EmptyStateComponent],
-                    exports: [EmptyStateComponent, ThemeColorDirective],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ContentChildren, Input, NgModule } from "@angular/core";
+import { ButtonComponent } from "@kirbydesign/designsystem/button";
+import { getIonModalDialogAncestor } from "@kirbydesign/designsystem/helpers";
+import { IconComponent, IconModule } from "@kirbydesign/designsystem/icon";
+import { CommonModule } from "@angular/common";
+import { ThemeColorDirective } from "@kirbydesign/designsystem/shared";
+var EmptyStateComponent = class EmptyStateComponent {
+	set title(value) {
+		this._title = value;
+		if (this.ionModalDialog) this.renderer.setAttribute(this.ionModalDialog, "aria-label", value);
+	}
+	get title() {
+		return this._title;
+	}
+	constructor(elementRef, renderer) {
+		this.elementRef = elementRef;
+		this.renderer = renderer;
+		this._insideModal = false;
+	}
+	ngOnInit() {
+		this.ionModalDialog = getIonModalDialogAncestor(this.elementRef.nativeElement);
+		if (this.ionModalDialog) {
+			this._insideModal = true;
+			this.renderer.setAttribute(this.ionModalDialog, "aria-label", this.title);
+		}
+	}
+	ngAfterContentInit() {
+		this.enforceAttentionLevelRules();
+		this.slottedButtons.changes.subscribe(() => {
+			setTimeout(() => this.enforceAttentionLevelRules());
+		});
+	}
+	enforceAttentionLevelRules() {
+		this.slottedButtons.forEach((button, index) => {
+			if (index === 0 && (button.attentionLevel === void 0 || button.attentionLevel === "1")) return;
+			if (button.attentionLevel !== "3") button.attentionLevel = "3";
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: EmptyStateComponent,
+			deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: EmptyStateComponent,
+			isStandalone: true,
+			selector: "kirby-empty-state",
+			inputs: {
+				iconName: "iconName",
+				title: "title",
+				subtitle: "subtitle"
+			},
+			queries: [{
+				propertyName: "slottedButtons",
+				predicate: ButtonComponent
+			}],
+			ngImport: i0,
+			template: "<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+			styles: [".message-container{max-width:330px;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.icon-outline{width:calc(var(--kirby-spacing-xxl) * 2);height:calc(var(--kirby-spacing-xxl) * 2);margin-left:auto;margin-right:auto;margin-bottom:var(--kirby-spacing-m);display:flex;flex-direction:column;justify-content:center;border:var(--kirby-spacing-xxxs) solid var(--kirby-empty-state-color, var(--kirby-color-content-base-quiet));border-radius:var(--kirby-border-radius-circle)}kirby-icon{color:var(--kirby-empty-state-color, var(--kirby-color-content-base-quiet))}.title{margin-bottom:var(--kirby-spacing-xxs)}p.subtitle{margin-bottom:var(--kirby-spacing-m);white-space:pre-wrap}:host(.success){--kirby-empty-state-color: var(--kirby-color-fill-success-loud)}:host(.warning){--kirby-empty-state-color: var(--kirby-color-fill-warning-loud)}:host(.danger){--kirby-empty-state-color: var(--kirby-color-fill-danger-loud)}:host(.medium){--kirby-empty-state-color: var(--kirby-color-content-base-quiet)}:host(.primary){--kirby-empty-state-color: var(--kirby-primary)}:host(.secondary){--kirby-empty-state-color: var(--kirby-secondary)}:host(.tertiary){--kirby-empty-state-color: var(--kirby-tertiary)}:host(.white-overlay){--kirby-empty-state-color: var(--kirby-white-overlay)}:host(.light){--kirby-empty-state-color: var(--kirby-light)}:host(.dark){--kirby-empty-state-color: var(--kirby-dark)}:host(.dark-overlay){--kirby-empty-state-color: var(--kirby-dark-overlay)}\n"],
+			dependencies: [{
+				kind: "component",
+				type: IconComponent,
+				selector: "kirby-icon",
+				inputs: ["size", "name"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: EmptyStateComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "kirby-empty-state",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [IconComponent],
+			template: "<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+			styles: [".message-container{max-width:330px;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.icon-outline{width:calc(var(--kirby-spacing-xxl) * 2);height:calc(var(--kirby-spacing-xxl) * 2);margin-left:auto;margin-right:auto;margin-bottom:var(--kirby-spacing-m);display:flex;flex-direction:column;justify-content:center;border:var(--kirby-spacing-xxxs) solid var(--kirby-empty-state-color, var(--kirby-color-content-base-quiet));border-radius:var(--kirby-border-radius-circle)}kirby-icon{color:var(--kirby-empty-state-color, var(--kirby-color-content-base-quiet))}.title{margin-bottom:var(--kirby-spacing-xxs)}p.subtitle{margin-bottom:var(--kirby-spacing-m);white-space:pre-wrap}:host(.success){--kirby-empty-state-color: var(--kirby-color-fill-success-loud)}:host(.warning){--kirby-empty-state-color: var(--kirby-color-fill-warning-loud)}:host(.danger){--kirby-empty-state-color: var(--kirby-color-fill-danger-loud)}:host(.medium){--kirby-empty-state-color: var(--kirby-color-content-base-quiet)}:host(.primary){--kirby-empty-state-color: var(--kirby-primary)}:host(.secondary){--kirby-empty-state-color: var(--kirby-secondary)}:host(.tertiary){--kirby-empty-state-color: var(--kirby-tertiary)}:host(.white-overlay){--kirby-empty-state-color: var(--kirby-white-overlay)}:host(.light){--kirby-empty-state-color: var(--kirby-light)}:host(.dark){--kirby-empty-state-color: var(--kirby-dark)}:host(.dark-overlay){--kirby-empty-state-color: var(--kirby-dark-overlay)}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }],
+	propDecorators: {
+		iconName: [{ type: Input }],
+		title: [{ type: Input }],
+		subtitle: [{ type: Input }],
+		slottedButtons: [{
+			type: ContentChildren,
+			args: [ButtonComponent]
+		}]
+	}
+});
+var EmptyStateModule = class EmptyStateModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: EmptyStateModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: EmptyStateModule,
+			imports: [
+				IconModule,
+				CommonModule,
+				ThemeColorDirective,
+				EmptyStateComponent
+			],
+			exports: [EmptyStateComponent, ThemeColorDirective]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: EmptyStateModule,
+			imports: [
+				IconModule,
+				CommonModule,
+				EmptyStateComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: EmptyStateModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				IconModule,
+				CommonModule,
+				ThemeColorDirective,
+				EmptyStateComponent
+			],
+			exports: [EmptyStateComponent, ThemeColorDirective]
+		}]
+	}]
+});
 export { EmptyStateComponent, EmptyStateModule };
-//# sourceMappingURL=kirbydesign-designsystem-empty-state.mjs.map
+
+//# sourceMappingURL=kirbydesign-designsystem-empty-state.mjs.map

package/fesm2022/kirbydesign-designsystem-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kirbydesign-designsystem-empty-state.mjs","sources":["../../empty-state/src/empty-state.component.ts","../../empty-state/src/empty-state.component.html","../../empty-state/src/empty-state.module.ts","../../empty-state/src/kirbydesign-designsystem-empty-state.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  Input,\n  OnInit,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { getIonModalDialogAncestor } from '@kirbydesign/designsystem/helpers';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n@Component({\n  selector: 'kirby-empty-state',\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [IconComponent],\n})\nexport class EmptyStateComponent implements AfterContentInit, OnInit {\n  private _title: string;\n  private ionModalDialog: HTMLElement;\n\n  @Input() iconName: string;\n\n  @Input() set title(value: string) {\n    this._title = value;\n\n    if (this.ionModalDialog) {\n      this.renderer.setAttribute(this.ionModalDialog, 'aria-label', value);\n    }\n  }\n\n  get title(): string {\n    return this._title;\n  }\n  _insideModal: boolean = false;\n\n  @Input() subtitle: string;\n\n  @ContentChildren(ButtonComponent)\n  private slottedButtons: QueryList<ButtonComponent>;\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>,\n    private renderer: Renderer2\n  ) {}\n\n  ngOnInit(): void {\n    /* If initialized inside a modal we want to set\n     * the aria-label attribute on ion-modal to the title of empty state.\n     * Further updates are handled by title setter.\n     */\n    this.ionModalDialog = getIonModalDialogAncestor(this.elementRef.nativeElement);\n    if (this.ionModalDialog) {\n      this._insideModal = true;\n      this.renderer.setAttribute(this.ionModalDialog, 'aria-label', this.title);\n    }\n  }\n\n  ngAfterContentInit() {\n    this.enforceAttentionLevelRules();\n\n    /* setTimeout prevents ExpressionChangedAfterItHasBeenCheckedError when changing attention\n    levels of slotted buttons in this.enforceAttentionLevelRules */\n    this.slottedButtons.changes.subscribe(() => {\n      setTimeout(() => this.enforceAttentionLevelRules());\n    });\n  }\n\n  /** Enforces that all slotted buttons will have their attention\n   * level set to 3, except the first button if it has\n   * level 1.\n   */\n  private enforceAttentionLevelRules() {\n    this.slottedButtons.forEach((button, index) => {\n      if (index === 0 && (button.attentionLevel === undefined || button.attentionLevel === '1')) {\n        return;\n      }\n\n      if (button.attentionLevel !== '3') {\n        button.attentionLevel = '3';\n      }\n    });\n  }\n}\n","<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n  imports: [IconModule, CommonModule, ThemeColorDirective, EmptyStateComponent],\n  exports: [EmptyStateComponent, ThemeColorDirective],\n})\nexport class EmptyStateModule {}\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-empty-state.mjs","names":[],"sources":["../../empty-state/src/empty-state.component.ts","../../empty-state/src/empty-state.component.html","../../empty-state/src/empty-state.module.ts"],"sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  ElementRef,\n  Input,\n  OnInit,\n  QueryList,\n  Renderer2,\n} from '@angular/core';\nimport { ButtonComponent } from '@kirbydesign/designsystem/button';\nimport { getIonModalDialogAncestor } from '@kirbydesign/designsystem/helpers';\nimport { IconComponent } from '@kirbydesign/designsystem/icon';\n\n@Component({\n  selector: 'kirby-empty-state',\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [IconComponent],\n})\nexport class EmptyStateComponent implements AfterContentInit, OnInit {\n  private _title: string;\n  private ionModalDialog: HTMLElement;\n\n  @Input() iconName: string;\n\n  @Input() set title(value: string) {\n    this._title = value;\n\n    if (this.ionModalDialog) {\n      this.renderer.setAttribute(this.ionModalDialog, 'aria-label', value);\n    }\n  }\n\n  get title(): string {\n    return this._title;\n  }\n  _insideModal: boolean = false;\n\n  @Input() subtitle: string;\n\n  @ContentChildren(ButtonComponent)\n  private slottedButtons: QueryList<ButtonComponent>;\n\n  constructor(\n    private elementRef: ElementRef<HTMLElement>,\n    private renderer: Renderer2\n  ) {}\n\n  ngOnInit(): void {\n    /* If initialized inside a modal we want to set\n     * the aria-label attribute on ion-modal to the title of empty state.\n     * Further updates are handled by title setter.\n     */\n    this.ionModalDialog = getIonModalDialogAncestor(this.elementRef.nativeElement);\n    if (this.ionModalDialog) {\n      this._insideModal = true;\n      this.renderer.setAttribute(this.ionModalDialog, 'aria-label', this.title);\n    }\n  }\n\n  ngAfterContentInit() {\n    this.enforceAttentionLevelRules();\n\n    /* setTimeout prevents ExpressionChangedAfterItHasBeenCheckedError when changing attention\n    levels of slotted buttons in this.enforceAttentionLevelRules */\n    this.slottedButtons.changes.subscribe(() => {\n      setTimeout(() => this.enforceAttentionLevelRules());\n    });\n  }\n\n  /** Enforces that all slotted buttons will have their attention\n   * level set to 3, except the first button if it has\n   * level 1.\n   */\n  private enforceAttentionLevelRules() {\n    this.slottedButtons.forEach((button, index) => {\n      if (index === 0 && (button.attentionLevel === undefined || button.attentionLevel === '1')) {\n        return;\n      }\n\n      if (button.attentionLevel !== '3') {\n        button.attentionLevel = '3';\n      }\n    });\n  }\n}\n","<div class=\"message-container\">\n  @if (iconName) {\n    <div class=\"icon-outline\">\n      <kirby-icon [name]=\"iconName\" size=\"lg\"></kirby-icon>\n    </div>\n  }\n  @if (title) {\n    @if (_insideModal) {\n      <h2 class=\"title kirby-text-medium\">{{ title }}</h2>\n    } @else {\n      <span class=\"title kirby-text-medium\">{{ title }}</span>\n    }\n  }\n  @if (subtitle) {\n    <p class=\"subtitle\">{{ subtitle }}</p>\n  }\n  <div class=\"content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { IconModule } from '@kirbydesign/designsystem/icon';\nimport { ThemeColorDirective } from '@kirbydesign/designsystem/shared';\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n  imports: [IconModule, CommonModule, ThemeColorDirective, EmptyStateComponent],\n  exports: [EmptyStateComponent, ThemeColorDirective],\n})\nexport class EmptyStateModule {}\n"],"mappings":"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"}