@dso-toolkit/core 72.2.0 → 73.0.1

package/dist/dso-toolkit/p-dfd980b6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["escapeStringRegexp","string","TypeError","replace","translations","en","notFound","nl","autosuggestCss","maxSuggestionsViewable","listboxPaddingBlock","listboxBorderWidth","Option","id","mouseEnter","mouseLeave","click","selected","suggestion","ref","markedSuggestion","h","class","role","onMouseEnter","onMouseLeave","onClick","value","type","undefined","extras","map","markedChunk","extra","isGrouped","suggestions","length","every","groupLabel","isFlat","Autosuggest","constructor","hostRef","this","loading","loadingLabel","suggestOnFocus","showSuggestions","showLoading","listboxContainerMaxBlockSize","listboxItems","listboxId","v4","inputId","labelId","resizeObserver","ResizeObserver","debounce","setListboxContainerMaxBlockSize","debouncedEmitValue","dsoChange","emit","debouncedShowLoading","inputValue","loadingDelayed","onInput","event","target","HTMLInputElement","match","onFocusIn","openSuggestions","ariaAutoSuggestStatus","text","i18n","host","onWindowResize","onScrollend","onKeyDown","defaultPrevented","key","selectNextSuggestion","selectPreviousSuggestion","closeSuggestions","pickSelectedValue","preventDefault","suggestionsWatcher","resetSelectedSuggestion","onDocumentClick","listbox","Node","contains","input","componentDidRender","updateAriaAutoSuggestStatus","connectedCallback","setTimeout","querySelector","labels","label","setAttribute","addEventListener","window","document","observe","disconnectedCallback","_a","removeEventListener","_b","_c","disconnect","listboxContainer","blockSizeViewableListItems","total","Math","min","i","getBoundingClientRect","height","availableBlockSize","innerHeight","bottom","listboxMaxBlockSize","showInputValueNotFound","processAutosuggestMarkItems","markTerms","split","filter","t","handleMark","extraIndex","mark","terms","suggestionValue","termRegex","RegExp","reduce","valuePart","push","test","slice","items","item","selectSuggestion","group","selectedSuggestion","selectedSuggestionGroup","setAriaActiveDescendant","selectFirstSuggestion","selectLastSuggestion","selectNextGroupedSuggestion","index","indexOf","indexInGroup","groupIndex","suggestionGroups","selectPreviousGroupedSuggestion","scroll","listboxGroupedItemId","listboxItemId","getElementById","scrollIntoView","block","_d","toString","dsoSelect","dsoSearch","suggestionGroup","getMarkedChunkedExtras","chunkedExtras","resultArray","chunkIndex","floor","chunk","c","getMarkedSuggestions","totalSuggestions","count","render","showListbox","grouped","flat","removeAttribute","Fragment","element","style","tabindex","groupLabelId","notFoundLabel"],"sources":["../../node_modules/escape-string-regexp/index.js","src/components/autosuggest/autosuggest.i18n.ts","src/components/autosuggest/autosuggest.scss?tag=dso-autosuggest&encapsulation=scoped","src/components/autosuggest/autosuggest.tsx"],"sourcesContent":["export default function escapeStringRegexp(string) {\n\tif (typeof string !== 'string') {\n\t\tthrow new TypeError('Expected a string');\n\t}\n\n\t// Escape characters with special meaning either inside or outside character sets.\n\t// Use a simple backslash escape when it’s always valid, and a `\\xnn` escape when the simpler form would be disallowed by Unicode patterns’ stricter grammar.\n\treturn string\n\t\t.replace(/[|\\\\{}()[\\]^$+*?.]/g, '\\\\$&')\n\t\t.replace(/-/g, '\\\\x2d');\n}\n","import { Resource } from \"../../utils/i18n\";\r\n\r\nexport const translations: Resource = {\r\n  en: {\r\n    \"dso-autosuggest\": {\r\n      notFound: \"{{inputValue}} was not found.\",\r\n    },\r\n  },\r\n  nl: {\r\n    \"dso-autosuggest\": {\r\n      notFound: \"{{inputValue}} is niet gevonden.\",\r\n    },\r\n  },\r\n};\r\n","@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n@use \"~dso-toolkit/src/variables/zindex\";\r\n\r\n@use \"autosuggest.variables\" as core-autosuggest-variables;\r\n\r\n:host {\r\n  display: block;\r\n  position: relative;\r\n}\r\n\r\n.listbox-container {\r\n  inset-inline: 0;\r\n  inset-block-start: 100%;\r\n  block-size: auto;\r\n  max-block-size: var(--max-block-size);\r\n  min-block-size: core-autosuggest-variables.$listbox-min-block-size;\r\n  overflow-y: auto;\r\n  position: absolute;\r\n  z-index: zindex.$autosuggest;\r\n}\r\n\r\n.listbox,\r\n.autosuggest-progress-box {\r\n  background-clip: padding-box;\r\n  background-color: core-autosuggest-variables.$background-color;\r\n  border: core-autosuggest-variables.$listbox-border-width solid core-autosuggest-variables.$border-color;\r\n  border-radius: scaffolding.$border-radius-base;\r\n  box-shadow: core-autosuggest-variables.$box-shadow;\r\n  list-style-type: none;\r\n  margin-block: 0;\r\n}\r\n\r\n.autosuggest-progress-box {\r\n  padding-block: units.$u1 * 1.5;\r\n  padding-inline: units.$u1;\r\n}\r\n\r\n.listbox {\r\n  padding-block: core-autosuggest-variables.$listbox-padding-block;\r\n  padding-inline: 0;\r\n\r\n  .group:not(:first-child) {\r\n    .group-label {\r\n      border-block-start: 1px solid colors.$grijs-30;\r\n    }\r\n  }\r\n\r\n  .group-label {\r\n    color: colors.$bosgroen;\r\n    font-weight: 700;\r\n    padding-block: core-autosuggest-variables.$list-item-padding-block;\r\n    margin-inline: units.$u2;\r\n  }\r\n\r\n  .option {\r\n    padding-block: core-autosuggest-variables.$list-item-padding-block;\r\n    padding-inline: units.$u2;\r\n\r\n    .suggestion-row {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n\r\n    &:active {\r\n      background-color: colors.$bosgroen;\r\n\r\n      &,\r\n      .type,\r\n      .extra {\r\n        color: colors.$wit;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.option[aria-selected=\"true\"] {\r\n  cursor: pointer;\r\n  background-color: colors.$grasgroen-20;\r\n}\r\n\r\nmark {\r\n  font-weight: 700;\r\n  background-color: inherit;\r\n  color: inherit;\r\n  padding: 0;\r\n}\r\n\r\n.type,\r\n.extra {\r\n  color: colors.$grijs-60;\r\n}\r\n\r\n.type {\r\n  text-align: end;\r\n}\r\n\r\n.extra {\r\n  font-size: typography.$root-font-size-small;\r\n  line-height: typography.$root-font-size-small * typography.$line-height-base;\r\n\r\n  &:not(:first-child) {\r\n    text-align: end;\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  FunctionalComponent,\r\n  h,\r\n  Listen,\r\n  Prop,\r\n  State,\r\n  VNode,\r\n  Watch,\r\n} from \"@stencil/core\";\r\n\r\nimport debounce from \"debounce\";\r\nimport escapeStringRegexp from \"escape-string-regexp\";\r\n\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { AutosuggestMarkFunction, AutosuggestMarkItem, Suggestion, SuggestionGroup } from \"./autosuggest.interfaces\";\r\nimport { translations } from \"./autosuggest.i18n\";\r\n\r\ninterface MarkedSuggestion {\r\n  value: (VNode | string)[];\r\n  type?: (VNode | string)[];\r\n  extras?: (VNode | string)[][][];\r\n}\r\n\r\nconst maxSuggestionsViewable = 10;\r\nconst listboxPaddingBlock = 8;\r\nconst listboxBorderWidth = 1;\r\n\r\nconst Option: FunctionalComponent<{\r\n  id: string;\r\n  mouseEnter: () => void;\r\n  mouseLeave: () => void;\r\n  click: () => void;\r\n  selected: string;\r\n  suggestion: Suggestion;\r\n  markedSuggestion: MarkedSuggestion;\r\n  ref: (element: HTMLDivElement | undefined) => void;\r\n}> = ({ id, mouseEnter, mouseLeave, click, selected, suggestion, ref, markedSuggestion }) => (\r\n  <div\r\n    class=\"option\"\r\n    role=\"option\"\r\n    id={id}\r\n    onMouseEnter={mouseEnter}\r\n    onMouseLeave={mouseLeave}\r\n    onClick={click}\r\n    aria-selected={selected}\r\n    aria-label={suggestion.value}\r\n    ref={ref}\r\n  >\r\n    <div class=\"suggestion-row\">\r\n      <span class=\"value\">{markedSuggestion.value}</span>\r\n      {markedSuggestion.type ? <span class=\"type\">{markedSuggestion.type}</span> : undefined}\r\n    </div>\r\n    {markedSuggestion.extras &&\r\n      markedSuggestion.extras.map((markedChunk) => (\r\n        <div class=\"suggestion-row\">\r\n          {markedChunk.map((extra) => (\r\n            <span class=\"extra\">{extra}</span>\r\n          ))}\r\n        </div>\r\n      ))}\r\n  </div>\r\n);\r\n\r\nfunction isGrouped(suggestions: Suggestion[] | SuggestionGroup[] | null): suggestions is SuggestionGroup[] {\r\n  return (\r\n    !!suggestions &&\r\n    suggestions.length > 0 &&\r\n    suggestions.every(\r\n      (suggestion) =>\r\n        suggestion !== undefined &&\r\n        \"groupLabel\" in suggestion &&\r\n        suggestion.groupLabel !== undefined &&\r\n        \"suggestions\" in suggestion &&\r\n        suggestion.suggestions.length > 0,\r\n    )\r\n  );\r\n}\r\n\r\nfunction isFlat(suggestions: Suggestion[] | SuggestionGroup[] | null): suggestions is Suggestion[] {\r\n  return (\r\n    !!suggestions &&\r\n    suggestions.length > 0 &&\r\n    suggestions.every(\r\n      (suggestion) => suggestion !== undefined && \"value\" in suggestion && suggestion.value !== undefined,\r\n    )\r\n  );\r\n}\r\n\r\n@Component({\r\n  tag: \"dso-autosuggest\",\r\n  styleUrl: \"autosuggest.scss\",\r\n  scoped: true,\r\n})\r\nexport class Autosuggest {\r\n  /**\r\n   * The suggestions for the value of the slotted input element.\r\n   *\r\n   * This can be an array of type Suggestion or an Array of type SuggestionGroup.\r\n   *\r\n   * A suggestionGroup must have a `groupLabel` and `suggestions`.\r\n   *\r\n   * A suggestion must have a `value` and can have a `type`, an `item` or `extras`.\r\n   *\r\n   * The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to\r\n   * create the suggestion. `extras` is an array of additional strings to further specify the suggestion.\r\n   *\r\n   * The value should be null when no suggestions have been fetched.\r\n   */\r\n  @Prop()\r\n  readonly suggestions: Suggestion[] | SuggestionGroup[] | null = null;\r\n\r\n  /**\r\n   * Shows progress indicator when fetching results.\r\n   */\r\n  @Prop()\r\n  loading = false;\r\n\r\n  /**\r\n   * To override progress indicator's default loading label.\r\n   */\r\n  @Prop()\r\n  loadingLabel?: string = \"Een moment geduld.\";\r\n\r\n  /**\r\n   * To delay progress indicator showing (in ms).\r\n   */\r\n  @Prop()\r\n  loadingDelayed?: number;\r\n\r\n  /**\r\n   * To show text when no results are found.\r\n   */\r\n  @Prop()\r\n  notFoundLabel?: string;\r\n\r\n  /**\r\n   * Whether the previous suggestions will be presented when the input gets focus again.\r\n   */\r\n  @Prop()\r\n  suggestOnFocus = false;\r\n\r\n  /**\r\n   * A function provided by the consumer of the autosuggest component, that returns an array of `AutosuggestMarkItem`s\r\n   */\r\n  @Prop()\r\n  mark?: AutosuggestMarkFunction;\r\n\r\n  /**\r\n   * Emitted when a suggestion is selected.\r\n   * The `detail` property of the `CustomEvent` will contain the selected suggestion.\r\n   */\r\n  @Event()\r\n  dsoSelect!: EventEmitter<Suggestion>;\r\n\r\n  /**\r\n   * This is emitted debounced for every change for the slotted input type=text element.\r\n   */\r\n  @Event()\r\n  dsoChange!: EventEmitter<string>;\r\n\r\n  /**\r\n   * Emitted when enter is pressed.\r\n   * The `detail` property of the `CustomEvent` will contain the input text.\r\n   */\r\n  @Event()\r\n  dsoSearch!: EventEmitter<string>;\r\n\r\n  @Element()\r\n  host!: HTMLDsoAutosuggestElement;\r\n\r\n  @State()\r\n  showSuggestions = false;\r\n\r\n  @State()\r\n  selectedSuggestion: Suggestion | undefined;\r\n\r\n  @State()\r\n  selectedSuggestionGroup: SuggestionGroup | undefined;\r\n\r\n  @State()\r\n  notFound = false;\r\n\r\n  @State()\r\n  showLoading = false;\r\n\r\n  @State()\r\n  listboxContainerMaxBlockSize = 0;\r\n\r\n  @Watch(\"suggestions\")\r\n  suggestionsWatcher() {\r\n    this.resetSelectedSuggestion();\r\n\r\n    if ((!this.showSuggestions || !this.notFound) && this.inputValue) {\r\n      this.openSuggestions();\r\n    } else if ((this.showSuggestions || this.notFound) && !this.inputValue) {\r\n      this.closeSuggestions();\r\n    }\r\n  }\r\n\r\n  private input?: HTMLInputElement;\r\n\r\n  private listboxContainer: HTMLDsoScrollableElement | undefined;\r\n\r\n  private listbox: HTMLDivElement | undefined;\r\n\r\n  // ListboxItems are used for the calculation of the listboxContainerMaxBlockSize\r\n  private listboxItems: HTMLDivElement[] = [];\r\n\r\n  private listboxId: string = v4();\r\n\r\n  private inputId: string = v4();\r\n\r\n  private labelId: string = v4();\r\n\r\n  private resizeObserver = new ResizeObserver(debounce(() => this.setListboxContainerMaxBlockSize(), 150));\r\n\r\n  private debouncedEmitValue = debounce((value: string) => {\r\n    this.dsoChange.emit(value);\r\n    this.debouncedShowLoading();\r\n  }, 200);\r\n\r\n  private debouncedShowLoading = debounce(() => {\r\n    if (this.inputValue) {\r\n      this.showLoading = true;\r\n    }\r\n  }, this.loadingDelayed);\r\n\r\n  private inputValue = \"\";\r\n\r\n  private onInput = (event: Event) => {\r\n    if (!(event.target instanceof HTMLInputElement)) {\r\n      return;\r\n      // throw new Error(\"event.target is not instanceof HTMLInputElement\"); #2293\r\n    }\r\n\r\n    this.showLoading = !this.loadingDelayed;\r\n    this.inputValue = event.target.value;\r\n    this.debouncedEmitValue(event.target.value.match(/(\\S+)/g) ? event.target.value : \"\");\r\n  };\r\n\r\n  private onFocusIn = () => {\r\n    if (this.suggestOnFocus) {\r\n      this.openSuggestions();\r\n    }\r\n  };\r\n\r\n  private ariaAutoSuggestStatus: string = \"\";\r\n\r\n  @Listen(\"click\", { target: \"document\" })\r\n  onDocumentClick(event: MouseEvent) {\r\n    if (\r\n      (this.showSuggestions || this.notFound) &&\r\n      this.listbox &&\r\n      event.target instanceof Node &&\r\n      !this.listbox.contains(event.target) &&\r\n      this.input !== event.target\r\n    ) {\r\n      this.closeSuggestions();\r\n    }\r\n  }\r\n\r\n  private text = i18n(() => this.host, translations);\r\n\r\n  componentDidRender() {\r\n    this.setListboxContainerMaxBlockSize();\r\n    this.updateAriaAutoSuggestStatus();\r\n  }\r\n\r\n  connectedCallback() {\r\n    setTimeout(() => {\r\n      const input = this.host.querySelector('input[type=\"text\"]');\r\n      if (!(input instanceof HTMLInputElement)) {\r\n        return;\r\n        // throw new ReferenceError(\"Mandatory text input not found\"); #2293\r\n      }\r\n\r\n      this.input = input;\r\n      if (input.id) {\r\n        this.inputId = input.id;\r\n      } else {\r\n        input.id = this.inputId;\r\n      }\r\n\r\n      if (!this.input.labels || this.input.labels.length < 1) {\r\n        return;\r\n        // throw new ReferenceError(\"Mandatory label for text input not found\"); #2293\r\n      }\r\n\r\n      const label = this.input.labels[0];\r\n      if (label?.id) {\r\n        this.labelId = label.id;\r\n      } else if (label) {\r\n        label.id = this.labelId;\r\n      }\r\n\r\n      this.input.setAttribute(\"role\", \"combobox\");\r\n      this.input.setAttribute(\"aria-haspopup\", \"listbox\");\r\n      this.input.setAttribute(\"aria-expanded\", \"false\");\r\n      this.input.setAttribute(\"autocomplete\", \"off\");\r\n      this.input.setAttribute(\"aria-autocomplete\", \"list\");\r\n      this.input.setAttribute(\"aria-activedescendant\", \"\");\r\n      this.input.addEventListener(\"input\", this.onInput);\r\n      this.input.addEventListener(\"keydown\", this.onKeyDown);\r\n      this.input.addEventListener(\"focusin\", this.onFocusIn);\r\n\r\n      window.addEventListener(\"resize\", this.onWindowResize);\r\n\r\n      document.addEventListener(\"scrollend\", this.onScrollend);\r\n\r\n      this.resizeObserver.observe(this.host);\r\n\r\n      this.setListboxContainerMaxBlockSize();\r\n    });\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.input?.removeEventListener(\"input\", this.onInput);\r\n    this.input?.removeEventListener(\"keydown\", this.onKeyDown);\r\n    this.input?.removeEventListener(\"focusin\", this.onFocusIn);\r\n\r\n    window.removeEventListener(\"resize\", this.onWindowResize);\r\n\r\n    document.removeEventListener(\"scrollend\", this.onScrollend);\r\n\r\n    this.resizeObserver.disconnect();\r\n  }\r\n\r\n  private onWindowResize = debounce(() => this.setListboxContainerMaxBlockSize(), 150);\r\n\r\n  private onScrollend = () => this.setListboxContainerMaxBlockSize();\r\n\r\n  private setListboxContainerMaxBlockSize(): void {\r\n    if (!this.listboxContainer || !this.showSuggestions) {\r\n      return;\r\n    }\r\n\r\n    if (this.showSuggestions) {\r\n      let blockSizeViewableListItems = 0;\r\n\r\n      // The total number of list items to reserve vertical space for.\r\n      const total = this.listboxItems.length ? Math.min(this.listboxItems.length, maxSuggestionsViewable) : 0;\r\n      for (let i = 0; i < total; i++) {\r\n        blockSizeViewableListItems =\r\n          blockSizeViewableListItems + (this.listboxItems[i]?.getBoundingClientRect().height || 0);\r\n      }\r\n\r\n      const availableBlockSize = window.innerHeight - this.host.getBoundingClientRect().bottom;\r\n      const listboxMaxBlockSize = blockSizeViewableListItems + 2 * listboxPaddingBlock + 2 * listboxBorderWidth;\r\n\r\n      if (availableBlockSize < listboxMaxBlockSize || availableBlockSize <= blockSizeViewableListItems) {\r\n        this.listboxContainerMaxBlockSize = availableBlockSize - 2 * listboxPaddingBlock;\r\n      } else {\r\n        this.listboxContainerMaxBlockSize = listboxMaxBlockSize;\r\n      }\r\n    }\r\n  }\r\n\r\n  private showInputValueNotFound(text?: string) {\r\n    return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(\" \").filter((t) => t) ?? [], text));\r\n  }\r\n\r\n  private handleMark(\r\n    suggestion: Suggestion,\r\n    text: string,\r\n    type?: \"value\" | \"type\" | \"extra\",\r\n    extraIndex?: number,\r\n  ): (VNode | string)[] {\r\n    if (this.mark && type) {\r\n      return this.processAutosuggestMarkItems(this.mark(suggestion, text, type, extraIndex));\r\n    }\r\n    return this.processAutosuggestMarkItems(this.markTerms(this.input?.value.split(\" \").filter((t) => t) ?? [], text));\r\n  }\r\n\r\n  private markTerms(terms: string[], suggestionValue?: string): AutosuggestMarkItem[] {\r\n    if (!suggestionValue || !terms || terms.length === 0 || terms[0] === undefined) {\r\n      return [\"\"];\r\n    }\r\n\r\n    const termRegex = new RegExp(`(${escapeStringRegexp(terms[0])})`, \"gi\");\r\n\r\n    return suggestionValue.split(termRegex).reduce((total: AutosuggestMarkItem[], valuePart: string) => {\r\n      if (!valuePart) {\r\n        total.push(valuePart);\r\n      } else if (termRegex.test(valuePart)) {\r\n        total.push({ mark: valuePart });\r\n      } else if (terms.length === 1) {\r\n        total.push(valuePart);\r\n      } else {\r\n        total.push(...this.markTerms(terms.slice(1), valuePart));\r\n      }\r\n\r\n      return total;\r\n    }, []);\r\n  }\r\n\r\n  private processAutosuggestMarkItems(items: AutosuggestMarkItem[]): (VNode | string)[] {\r\n    if (items.length === 0) {\r\n      return [\"\"];\r\n    }\r\n\r\n    return items.map((item) => {\r\n      if (typeof item === \"object\") {\r\n        return <mark>{item.mark}</mark>;\r\n      }\r\n      return item;\r\n    });\r\n  }\r\n\r\n  private selectSuggestion(suggestion: Suggestion, group?: SuggestionGroup) {\r\n    this.selectedSuggestion = suggestion;\r\n    this.selectedSuggestionGroup = group;\r\n\r\n    this.setAriaActiveDescendant();\r\n  }\r\n\r\n  private selectFirstSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (isGrouped(this.suggestions) && this.selectedSuggestionGroup) {\r\n      this.selectedSuggestion = this.selectedSuggestionGroup.suggestions[0];\r\n    } else {\r\n      if (isFlat(this.suggestions)) {\r\n        this.selectedSuggestion = this.suggestions[0];\r\n      }\r\n    }\r\n\r\n    this.setAriaActiveDescendant(true);\r\n  }\r\n\r\n  private selectLastSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (isGrouped(this.suggestions) && this.selectedSuggestionGroup) {\r\n      this.selectedSuggestion =\r\n        this.selectedSuggestionGroup.suggestions[this.selectedSuggestionGroup.suggestions.length - 1];\r\n    } else {\r\n      if (isFlat(this.suggestions)) {\r\n        this.selectedSuggestion = this.suggestions[this.suggestions.length - 1];\r\n      }\r\n    }\r\n    this.setAriaActiveDescendant(true);\r\n  }\r\n\r\n  private selectNextSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (isGrouped(this.suggestions)) {\r\n      this.selectNextGroupedSuggestion();\r\n    } else {\r\n      const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : -1;\r\n\r\n      this.selectedSuggestion = this.suggestions[index + 1] ?? this.suggestions[0];\r\n    }\r\n\r\n    this.setAriaActiveDescendant(true);\r\n  }\r\n\r\n  private selectNextGroupedSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (this.selectedSuggestionGroup) {\r\n      const indexInGroup = this.selectedSuggestion\r\n        ? this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion)\r\n        : -1;\r\n\r\n      if (indexInGroup === this.selectedSuggestionGroup.suggestions.length - 1) {\r\n        // Move to first suggestion in next or first group\r\n        const groupIndex = this.suggestionGroups.indexOf(this.selectedSuggestionGroup);\r\n        this.selectedSuggestionGroup = this.suggestionGroups[groupIndex + 1] ?? this.suggestionGroups[0];\r\n        this.selectedSuggestion = this.selectedSuggestionGroup!.suggestions[0];\r\n      } else {\r\n        // Within this group\r\n        this.selectedSuggestion = this.selectedSuggestionGroup.suggestions[indexInGroup + 1];\r\n      }\r\n    } else {\r\n      this.selectedSuggestionGroup = this.suggestionGroups[0];\r\n      this.selectedSuggestion = this.selectedSuggestionGroup!.suggestions[0];\r\n    }\r\n  }\r\n\r\n  private selectPreviousSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (isGrouped(this.suggestions)) {\r\n      this.selectPreviousGroupedSuggestion();\r\n    } else {\r\n      const index = this.selectedSuggestion ? this.suggestions.indexOf(this.selectedSuggestion) : 0;\r\n\r\n      this.selectedSuggestion = this.suggestions[index - 1] ?? this.suggestions[this.suggestions.length - 1];\r\n    }\r\n\r\n    this.setAriaActiveDescendant(true);\r\n  }\r\n\r\n  private selectPreviousGroupedSuggestion() {\r\n    if (!this.suggestions) {\r\n      return;\r\n    }\r\n\r\n    if (this.selectedSuggestionGroup) {\r\n      const indexInGroup = this.selectedSuggestion\r\n        ? this.selectedSuggestionGroup.suggestions.indexOf(this.selectedSuggestion)\r\n        : -1;\r\n\r\n      if (indexInGroup === 0) {\r\n        // Move to last suggestion in previous or last group\r\n        const groupIndex = this.suggestionGroups.indexOf(this.selectedSuggestionGroup);\r\n\r\n        this.selectedSuggestionGroup =\r\n          this.suggestionGroups[groupIndex - 1] ?? this.suggestionGroups[this.suggestions.length - 1];\r\n        this.selectedSuggestion =\r\n          this.selectedSuggestionGroup!.suggestions[this.selectedSuggestionGroup!.suggestions.length - 1];\r\n      } else {\r\n        // Within this group\r\n        this.selectedSuggestion = this.selectedSuggestionGroup.suggestions[indexInGroup - 1];\r\n      }\r\n    } else {\r\n      this.selectedSuggestionGroup = this.suggestionGroups[this.suggestions.length - 1];\r\n      this.selectedSuggestion =\r\n        this.selectedSuggestionGroup!.suggestions[this.selectedSuggestionGroup!.suggestions.length - 1];\r\n    }\r\n  }\r\n\r\n  private get suggestionGroups(): SuggestionGroup[] {\r\n    return isGrouped(this.suggestions) ? this.suggestions : [];\r\n  }\r\n\r\n  private setAriaActiveDescendant(scroll = false): void {\r\n    if (this.selectedSuggestion) {\r\n      const id = this.selectedSuggestionGroup\r\n        ? this.listboxGroupedItemId(this.selectedSuggestionGroup, this.selectedSuggestion)\r\n        : this.listboxItemId(this.selectedSuggestion);\r\n      this.input?.setAttribute(\"aria-activedescendant\", id);\r\n      if (scroll) {\r\n        document.getElementById(id)?.scrollIntoView({ block: \"nearest\" });\r\n      }\r\n    }\r\n  }\r\n\r\n  private resetSelectedSuggestion() {\r\n    this.showLoading = !this.loadingDelayed;\r\n    this.notFound = false;\r\n    this.selectedSuggestion = undefined;\r\n    this.selectedSuggestionGroup = undefined;\r\n    this.input?.setAttribute(\"aria-activedescendant\", \"\");\r\n  }\r\n\r\n  private openSuggestions(selectSuggestion?: \"first\" | \"last\") {\r\n    this.showSuggestions = (this.suggestions && this.suggestions.length > 0) ?? false;\r\n    this.notFound = (this.suggestions && this.suggestions?.length === 0) ?? false;\r\n    this.input?.setAttribute(\"aria-expanded\", (this.showSuggestions || this.notFound).toString());\r\n\r\n    if (this.showSuggestions && selectSuggestion === \"first\") {\r\n      this.selectFirstSuggestion();\r\n    } else if (this.showSuggestions && selectSuggestion === \"last\") {\r\n      this.selectLastSuggestion();\r\n    }\r\n  }\r\n\r\n  private closeSuggestions() {\r\n    this.showSuggestions = false;\r\n    this.notFound = false;\r\n    this.input?.setAttribute(\"aria-expanded\", \"false\");\r\n    this.selectFirstSuggestion();\r\n  }\r\n\r\n  private pickSelectedValue() {\r\n    if (this.selectedSuggestion && this.showSuggestions) {\r\n      this.dsoSelect.emit(this.selectedSuggestion);\r\n    } else {\r\n      this.dsoSearch.emit(this.input?.value);\r\n    }\r\n\r\n    this.closeSuggestions();\r\n  }\r\n\r\n  private onKeyDown = (event: KeyboardEvent) => {\r\n    if (event.defaultPrevented || this.loading) {\r\n      return;\r\n    }\r\n\r\n    switch (event.key) {\r\n      case \"ArrowDown\":\r\n        if (!this.showSuggestions) {\r\n          this.openSuggestions(\"first\");\r\n        } else {\r\n          this.selectNextSuggestion();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"ArrowUp\":\r\n        if (!this.showSuggestions) {\r\n          this.openSuggestions(\"last\");\r\n        } else {\r\n          this.selectPreviousSuggestion();\r\n        }\r\n\r\n        break;\r\n\r\n      case \"Tab\":\r\n        this.closeSuggestions();\r\n        return;\r\n\r\n      case \"Escape\":\r\n        this.closeSuggestions();\r\n        break;\r\n\r\n      case \"Enter\":\r\n        this.pickSelectedValue();\r\n        break;\r\n\r\n      default:\r\n        return;\r\n    }\r\n\r\n    event.preventDefault();\r\n  };\r\n\r\n  private listboxItemId(suggestion: Suggestion): string {\r\n    if (!this.suggestions) {\r\n      return \"\";\r\n    }\r\n    return `${this.inputId}-${isFlat(this.suggestions) && this.suggestions.indexOf(suggestion) + 1}`;\r\n  }\r\n\r\n  private listboxGroupedItemId(suggestionGroup: SuggestionGroup, suggestion: Suggestion): string {\r\n    if (!this.suggestions) {\r\n      return \"\";\r\n    }\r\n\r\n    return `${this.inputId}-${this.suggestionGroups.indexOf(suggestionGroup) + 1}-${suggestionGroup.suggestions.indexOf(suggestion) + 1}`;\r\n  }\r\n\r\n  private getMarkedChunkedExtras(extras: string[], suggestion: Suggestion): (string | VNode)[][][] {\r\n    const chunkedExtras = extras.reduce((resultArray: string[][], extra, index) => {\r\n      const chunkIndex = Math.floor(index / 2);\r\n\r\n      if (!resultArray[chunkIndex]) {\r\n        resultArray[chunkIndex] = [];\r\n      }\r\n      resultArray[chunkIndex]?.push(extra);\r\n      return resultArray;\r\n    }, []);\r\n\r\n    return chunkedExtras.map((chunk, index) =>\r\n      chunk.map((c, i) => this.handleMark(suggestion, c, \"extra\", index * 2 + i)),\r\n    );\r\n  }\r\n\r\n  private getMarkedSuggestions(suggestion: Suggestion): MarkedSuggestion {\r\n    return {\r\n      value: this.handleMark(suggestion, suggestion.value, \"value\"),\r\n      type: suggestion.type ? this.handleMark(suggestion, suggestion.type, \"type\") : undefined,\r\n      extras: suggestion.extras ? this.getMarkedChunkedExtras(suggestion.extras, suggestion) : undefined,\r\n    };\r\n  }\r\n\r\n  private updateAriaAutoSuggestStatus() {\r\n    if (this.notFound) {\r\n      this.ariaAutoSuggestStatus = `\"${this.inputValue}\" is niet gevonden.`;\r\n    } else {\r\n      let totalSuggestions = 0;\r\n\r\n      if (isFlat(this.suggestions)) {\r\n        totalSuggestions = this.suggestions.length;\r\n      } else if (isGrouped(this.suggestions)) {\r\n        totalSuggestions = this.suggestions.reduce((count, group) => count + group.suggestions.length, 0);\r\n      }\r\n\r\n      this.ariaAutoSuggestStatus = `${totalSuggestions} resultaten gevonden.`;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    this.listboxItems = [];\r\n\r\n    const showListbox = this.showSuggestions || this.notFound;\r\n\r\n    const grouped = isGrouped(this.suggestions);\r\n    const flat = isFlat(this.suggestions);\r\n\r\n    if (showListbox && this.input) {\r\n      this.input.setAttribute(\"aria-controls\", this.listboxId);\r\n    } else if (this.input) {\r\n      this.input.removeAttribute(\"aria-controls\");\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <slot />\r\n        {this.loading && this.showLoading ? (\r\n          <div class=\"autosuggest-progress-box\">\r\n            <dso-progress-indicator label={this.loadingLabel}></dso-progress-indicator>\r\n          </div>\r\n        ) : (\r\n          showListbox && (\r\n            <>\r\n              <dso-scrollable\r\n                class=\"listbox-container\"\r\n                ref={(element) => (this.listboxContainer = element)}\r\n                style={{ \"--max-block-size\": `${this.listboxContainerMaxBlockSize}px` }}\r\n              >\r\n                <div\r\n                  class=\"listbox\"\r\n                  role=\"listbox\"\r\n                  id={this.listboxId}\r\n                  aria-labelledby={this.labelId}\r\n                  ref={(element) => (this.listbox = element)}\r\n                  tabindex=\"0\"\r\n                >\r\n                  {(flat &&\r\n                    this.showSuggestions &&\r\n                    this.suggestions &&\r\n                    this.suggestions.map((suggestion) => (\r\n                      <Option\r\n                        id={this.listboxItemId(suggestion)}\r\n                        mouseEnter={() => this.selectSuggestion(suggestion)}\r\n                        mouseLeave={() => this.resetSelectedSuggestion()}\r\n                        click={() => this.pickSelectedValue()}\r\n                        selected={(suggestion === this.selectedSuggestion).toString()}\r\n                        suggestion={suggestion}\r\n                        ref={(element) => element && this.listboxItems.push(element)}\r\n                        markedSuggestion={this.getMarkedSuggestions(suggestion)}\r\n                      />\r\n                    ))) ||\r\n                    (grouped &&\r\n                      this.showSuggestions &&\r\n                      this.suggestions &&\r\n                      this.suggestions.map((suggestionGroup) => {\r\n                        const groupLabelId = v4();\r\n                        return (\r\n                          <div role=\"group\" class=\"group\" aria-labelledby={groupLabelId}>\r\n                            <div\r\n                              class=\"group-label\"\r\n                              role=\"presentation\"\r\n                              id={groupLabelId}\r\n                              ref={(element) => element && this.listboxItems.push(element)}\r\n                            >\r\n                              {suggestionGroup.groupLabel}\r\n                            </div>\r\n                            {suggestionGroup.suggestions.map((suggestion) => (\r\n                              <Option\r\n                                id={this.listboxGroupedItemId(suggestionGroup, suggestion)}\r\n                                mouseEnter={() => this.selectSuggestion(suggestion, suggestionGroup)}\r\n                                mouseLeave={() => this.resetSelectedSuggestion()}\r\n                                click={() => this.pickSelectedValue()}\r\n                                selected={(suggestion === this.selectedSuggestion).toString()}\r\n                                suggestion={suggestion}\r\n                                ref={(element) => element && this.listboxItems.push(element)}\r\n                                markedSuggestion={this.getMarkedSuggestions(suggestion)}\r\n                              />\r\n                            ))}\r\n                          </div>\r\n                        );\r\n                      })) ||\r\n                    (this.notFound && (\r\n                      <div class=\"option\">\r\n                        <span class=\"value\">\r\n                          {this.notFoundLabel ||\r\n                            this.showInputValueNotFound(this.text(\"notFound\", { inputValue: this.inputValue }))}\r\n                        </span>\r\n                      </div>\r\n                    ))}\r\n                </div>\r\n              </dso-scrollable>\r\n              <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\r\n                {this.ariaAutoSuggestStatus}\r\n              </div>\r\n            </>\r\n          )\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}