@dso-toolkit/core 83.1.0 → 84.1.0

package/dist/dso-toolkit/p-daae46b3.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","listboxItems","listboxId","v4","inputId","labelId","resizeObserver","ResizeObserver","debounce","setListboxContainerMaxBlockSize","debouncedEmitValue","dsoChange","emit","debouncedShowLoading","inputValue","loadingDelayed","onInput","event","target","HTMLInputElement","match","onFocusIn","openSuggestions","text","i18n","host","onWindowResize","onScrollend","onKeyDown","defaultPrevented","key","selectNextSuggestion","selectPreviousSuggestion","closeSuggestions","pickSelectedValue","preventDefault","suggestionsWatcher","resetSelectedSuggestion","onDocumentClick","listbox","Node","contains","input","componentDidRender","connectedCallback","querySelector","labels","label","setAttribute","addEventListener","window","document","observe","disconnectedCallback","_a","removeEventListener","_b","_c","disconnect","listboxContainer","blockSizeViewableListItems","listboxContainerMaxBlockSize","total","Math","min","i","getBoundingClientRect","height","availableBlockSize","innerHeight","bottom","listboxMaxBlockSize","style","setProperty","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","getAutosuggestStatus","totalSuggestions","count","render","showListbox","grouped","flat","removeAttribute","Fragment","element","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(--_dso-autosuggest-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      padding-block-start: units.$padding-base-inline;\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  Listen,\r\n  Prop,\r\n  State,\r\n  VNode,\r\n  Watch,\r\n  h,\r\n} from \"@stencil/core\";\r\nimport debounce from \"debounce\";\r\nimport escapeStringRegexp from \"escape-string-regexp\";\r\nimport { v4 } from \"uuid\";\r\n\r\nimport { i18n } from \"../../utils/i18n\";\r\n\r\nimport { translations } from \"./autosuggest.i18n\";\r\nimport { AutosuggestMarkFunction, AutosuggestMarkItem, Suggestion, SuggestionGroup } from \"./autosuggest.interfaces\";\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  @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  @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  }\r\n\r\n  connectedCallback() {\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\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      let listboxContainerMaxBlockSize = 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        listboxContainerMaxBlockSize = availableBlockSize - 2 * listboxPaddingBlock;\r\n      } else {\r\n        listboxContainerMaxBlockSize = listboxMaxBlockSize;\r\n      }\r\n\r\n      this.listboxContainer.style.setProperty(\"--_dso-autosuggest-max-block-size\", `${listboxContainerMaxBlockSize}px`);\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 getAutosuggestStatus() {\r\n    if (this.notFound) {\r\n      return `\"${this.inputValue}\" is niet gevonden.`;\r\n    }\r\n\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    return `${totalSuggestions} resultaten gevonden.`;\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 class=\"listbox-container\" ref={(element) => (this.listboxContainer = element)}>\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.getAutosuggestStatus()}\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":[]}

package/dist/dso-toolkit/p-dcfb330c.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as n,f as t,h as s,F as c,H as d,g as e}from"./p-DxWmN7gh.js";const a={success:"succes:",info:"info:",warning:"waarschuwing:",danger:"fout:",error:"fout:"};const i='*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(0)}:host{display:block;--_dso-accordion-margin-block-end:0}:host .dso-section-handle{font-size:1em;font-weight:600;line-height:1.375em;margin:0;position:relative}:host .dso-section-handle>a:active{text-decoration:none}:host .dso-section-handle a{text-decoration:none}:host .dso-section-handle a:hover,:host .dso-section-handle a:focus-visible{text-decoration:none}:host .dso-section-handle a:active{text-decoration:underline}:host .dso-section-handle .dso-status{color:#000;font-size:14px;font-weight:400}:host .dso-section-handle>button,:host .dso-section-handle>a{align-items:flex-start;background-color:transparent;border:0;cursor:pointer;display:flex;font-family:Asap, sans-serif;font-size:1em;font-weight:600;line-height:1.375em;margin:0;padding-block:12px;padding-inline:16px;text-align:start;inline-size:100%;overflow-wrap:anywhere}:host .dso-section-handle>button dso-icon,:host .dso-section-handle>a dso-icon{flex-shrink:0}:host .dso-section-handle>button dso-icon.dso-section-handle-chevron,:host .dso-section-handle>a dso-icon.dso-section-handle-chevron{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:rotate(0)}:host .dso-section-handle>button>.dso-section-handle-addons:first-child,:host .dso-section-handle>button>dso-icon:first-child,:host .dso-section-handle>a>.dso-section-handle-addons:first-child,:host .dso-section-handle>a>dso-icon:first-child{margin-inline-end:8px}:host .dso-section-handle>button>dso-icon:last-child,:host .dso-section-handle>a>dso-icon:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child,:host .dso-section-handle>a>.dso-section-handle-addons:last-child{margin-inline-start:auto}:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>button>.dso-section-handle-addons:last-child dso-icon,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-attachments-counter,:host .dso-section-handle>a>.dso-section-handle-addons:last-child dso-icon{margin-inline-start:8px}:host .dso-section-handle>button>dso-label,:host .dso-section-handle>a>dso-label{margin-inline-start:auto;padding-inline-start:8px;word-break:normal}:host .dso-section-handle>button>dso-label+dso-icon:last-child,:host .dso-section-handle>button>dso-label+.dso-section-handle-addons:last-child,:host .dso-section-handle>a>dso-label+dso-icon:last-child,:host .dso-section-handle>a>dso-label+.dso-section-handle-addons:last-child{margin-inline-start:8px}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:first-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:first-child{transform:rotate(90deg)}:host([open]:not([open=false])) .dso-section-handle>button .dso-section-handle-chevron:last-child,:host([open]:not([open=false])) .dso-section-handle>a .dso-section-handle-chevron:last-child{transform:rotate(-180deg)}.dso-section-body{background-color:#fff;border-block-start:0}.dso-section-body .dso-section-body-content{padding-block:20px 16px;padding-inline:16px}:host(.dso-accordion-default){border:1px solid #8b4a6a;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle{background-color:#fff;border-radius:4px}:host(.dso-accordion-default) .dso-section-handle a,:host(.dso-accordion-default) .dso-section-handle button{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle a:hover,:host(.dso-accordion-default) .dso-section-handle a:active,:host(.dso-accordion-default) .dso-section-handle a.active,:host(.dso-accordion-default) .dso-section-handle button:hover,:host(.dso-accordion-default) .dso-section-handle button:active,:host(.dso-accordion-default) .dso-section-handle button.active{color:#8b4a6a}:host(.dso-accordion-default) .dso-section-handle .dso-status{text-decoration:underline}:host(.dso-accordion-default) .dso-section-body{border-radius:0 0 4px 4px}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle{background-color:#8b4a6a;border-radius:0}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button{color:#fff}:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-default[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}:host(.dso-accordion-compact) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact) .dso-section-handle a,:host(.dso-accordion-compact) .dso-section-handle button{color:#39870c;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact) .dso-section-handle a:hover,:host(.dso-accordion-compact) .dso-section-handle a:active,:host(.dso-accordion-compact) .dso-section-handle a.active,:host(.dso-accordion-compact) .dso-section-handle button:hover,:host(.dso-accordion-compact) .dso-section-handle button:active,:host(.dso-accordion-compact) .dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact) .dso-section-handle .dso-status{color:#000}:host(.dso-accordion-compact) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a.active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:hover,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button:active,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button.active{color:#39870c}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-compact-black) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black) .dso-section-handle a,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black) .dso-section-handle a:hover,:host(.dso-accordion-compact-black) .dso-section-handle a:active,:host(.dso-accordion-compact-black) .dso-section-handle a.active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{border-block-end:1px solid transparent;border-block-start:1px solid #ccc}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider){color:#000;padding-block-end:11px;padding-inline-start:0;padding-block-start:11px}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a:active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle a.active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):hover,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider):active,:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle button:not(.dso-slider).active{color:#000}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-body .dso-section-body-content{padding-inline-start:32px;padding-block-start:0;padding-inline-end:0}:host(.dso-accordion-compact-black.dso-accordion-section-activate) .dso-section-handle{display:flex}:host(.dso-accordion-compact-black.dso-accordion-section-activate) dso-slide-toggle{margin-block-start:11px;margin-inline:8px}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe){background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) .dso-section-body{background-color:#e4f1d4}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;background-color:#f5d8dc;color:#191919}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){--_dso-ozon-content-toggletip-color:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){font-family:sans-serif}}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder){background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) .dso-section-body{background-color:#f5d8dc}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle a,:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-handle button{padding-inline:16px 0}:host(.dso-accordion-compact-black.dso-accordion-reverse-align) .dso-section-body .dso-section-body-content{padding-inline-start:16px;padding-inline-end:0}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle{background-color:transparent}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a.active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:hover,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button:active,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button.active{color:#000}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#666;--dso-icon:var(--di-paperclip-grijs)}:host(.dso-accordion-compact-black[open]:not([open=false]))>.dso-section-body{border-block-start:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body{padding-block-end:0}:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=false]))>.dso-section-body dso-accordion-section:last-child{border-block-end:0}:host(.dso-accordion-conclusion) .dso-section-handle{background-color:#f2f2f2;border:1px solid #f2f2f2}:host(.dso-accordion-conclusion) .dso-section-handle a,:host(.dso-accordion-conclusion) .dso-section-handle button{color:#000}:host(.dso-accordion-conclusion) .dso-section-handle a:hover,:host(.dso-accordion-conclusion) .dso-section-handle a:active,:host(.dso-accordion-conclusion) .dso-section-handle a.active,:host(.dso-accordion-conclusion) .dso-section-handle button:hover,:host(.dso-accordion-conclusion) .dso-section-handle button:active,:host(.dso-accordion-conclusion) .dso-section-handle button.active{background-color:#e5e5e5}:host(.dso-accordion-conclusion) .dso-section-handle a dso-attachments-counter,:host(.dso-accordion-conclusion) .dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#000;--dso-icon:var(--di-paperclip-zwart)}:host(.dso-accordion-conclusion) .dso-section-body{border:2px solid #f2f2f2}:host(.dso-accordion-conclusion[open]:not([open=false]):not(.dso-nested-accordion))>.dso-section-handle{background-color:#f2f2f2}:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=false])){background-color:#fff}:host(.dso-accordion-neutral) .dso-section-handle{background-color:transparent;border:none;border-radius:4px;margin-block-end:2px}:host(.dso-accordion-neutral) .dso-section-handle a,:host(.dso-accordion-neutral) .dso-section-handle button{color:#000;padding-block:5px;padding-inline:0}:host(.dso-accordion-neutral) .dso-section-handle a:hover,:host(.dso-accordion-neutral) .dso-section-handle a:active,:host(.dso-accordion-neutral) .dso-section-handle a.active,:host(.dso-accordion-neutral) .dso-section-handle button:hover,:host(.dso-accordion-neutral) .dso-section-handle button:active,:host(.dso-accordion-neutral) .dso-section-handle button.active{color:#000}:host(.dso-accordion-neutral) .dso-section-handle a .info-icon,:host(.dso-accordion-neutral) .dso-section-handle button .info-icon{color:#39870c;margin-inline-start:8px}:host(.dso-accordion-neutral) .dso-section-handle dso-icon{vertical-align:top}:host(.dso-accordion-neutral) .dso-section-body[open],:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide){background-color:transparent;border:1px solid #275937;box-shadow:1px 3px 4px rgba(0, 0, 0, 0.5);margin-block:-2px 0}:host(.dso-accordion-neutral) .dso-section-body[open].dso-animate-ready,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide).dso-animate-ready{transition-property:grid-template-rows, margin-block, border, opacity}:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:16px}@media screen and (min-width: 480px){:host(.dso-accordion-neutral) .dso-section-body[open] .dso-section-body-content,:host(.dso-accordion-neutral) .dso-section-body:not(.dso-hide) .dso-section-body-content{padding-block:16px 24px;padding-inline:32px}}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle{background-color:transparant;border-radius:0;border-start-start-radius:4px;border-start-end-radius:4px}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button{color:#000}:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle a dso-attachments-counter,:host(.dso-accordion-neutral[open]:not([open=false]))>.dso-section-handle button dso-attachments-counter{--dso-attachments-counter-color:#fff;--dso-icon:var(--di-paperclip-wit)}:host(.dso-accordion-neutral[open]:not([open=false])) .dso-section-body{margin-block-end:16px;margin-block-start:2px}:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=false])) .dso-section-body{background-color:#e5e5e5}';const r=window["_dsoLog"]===true?console.log.bind(console.log):function(){};const l=({handleUrl:o,onClick:n,open:t,showSlideToggle:d,active:e,onActiveChange:a,handleElementRef:i},r)=>{if(o){return s(c,null,s("a",{href:o,onClick:n,"aria-expanded":t?"true":"false",ref:i},r),d&&s("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:e,onDsoActiveChange:a}))}return s(c,null,s("button",{type:"button",onClick:n,"aria-expanded":t?"true":"false",ref:i},r),d&&s("dso-slide-toggle",{accessibleLabel:"Toon op kaart",checked:e,onDsoActiveChange:a}))};const h=({heading:o,ref:n},t)=>{switch(o){default:case"h2":return s("h2",{ref:n,class:"dso-section-handle"},t);case"h3":return s("h3",{ref:n,class:"dso-section-handle"},t);case"h4":return s("h4",{ref:n,class:"dso-section-handle"},t);case"h5":return s("h5",{ref:n,class:"dso-section-handle"},t)}};const p=({state:o,icon:n,attachmentCount:t})=>{if(o){return s(b,{state:o})}if(t){return s("dso-attachments-counter",{count:t})}if(n){return s("dso-icon",{icon:n})}};const b=({state:o})=>{if(o==="error"){return s("dso-icon",{icon:"status-error"})}if(o==="danger"){return s("dso-icon",{icon:"status-danger"})}if(o==="success"){return s("dso-icon",{icon:"status-success"})}if(o==="info"){return s("dso-icon",{icon:"status-info"})}if(o==="warning"){return s("dso-icon",{icon:"status-warning"})}};const u=class{constructor(t){o(this,t);this.dsoActiveChange=n(this,"dsoActiveChange",7);this.dsoToggleClick=n(this,"dsoToggleClick",3);this.dsoAnimationStart=n(this,"dsoAnimationStart",3);this.dsoAnimationEnd=n(this,"dsoAnimationEnd",3);this.heading="h2";this.open=false;this.hasNestedAccordion=false;this.activatable=false;this.active=false;this.hover=false;this.handleClick=o=>{this.dsoToggleClick.emit({originalEvent:o,open:!this.open})};this.handleActiveChange=o=>{this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:o})};this.handleExpandableAnimationStart=o=>{this.dsoAnimationStart.emit({animation:this.open?"opening":"closing",scrollIntoView:(n="auto")=>this.scrollIntoView(o.detail.bodyHeight,n)})};this.handleExpandableAnimationEnd=o=>{this.dsoAnimationEnd.emit({open:this.open,scrollIntoView:(n="auto")=>this.scrollIntoView(o.detail.bodyHeight,n)})}}async focusHandle(){var o;(o=this.handleElementRef)===null||o===void 0?void 0:o.focus()}get containsNestedAccordion(){return this.host.querySelector("dso-accordion")!==null}componentWillLoad(){var o;(o=this.accordion)===null||o===void 0?void 0:o._getState().then((o=>{this.accordionState=o;t(this.host)}))}get isNeutral(){var o;return((o=this.accordionState)===null||o===void 0?void 0:o.variant)==="neutral"}async scrollIntoView(o,n="auto"){var t,s;r(`DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(o)}, behavior: ${JSON.stringify(n)})`);const c=(t=this.sectionBody)===null||t===void 0?void 0:t.getBoundingClientRect();const d=(s=this.sectionHeading)===null||s===void 0?void 0:s.getBoundingClientRect();r(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(c)};`);r(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(d)};`);r(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);r(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);if(!c||!d||!this.accordionState){r(`DSO Toolkit [Accordion Section] returning`);return}const e=d.top+d.height+(this.open?o!==null&&o!==void 0?o:0:0);r(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(e)};`);r(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);const a=this.host.getBoundingClientRect();const i=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop;const l=document.documentElement.clientTop||document.body.clientTop||0;const h=a.top+i-l;r("DSO Toolkit [Accordion Section] scroll",{box:a,scrollTop:i,clientTop:l,top:h});if(e>window.innerHeight){r(`DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(e>window.innerHeight)};`);const o=e-d.top;const t=o>window.innerHeight;r(`DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(o)};`);r(`DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(t)};`);window.scrollTo({top:t?h:h-(window.innerHeight-o),behavior:n})}else if(d.top<0){r(`DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(d.top<0)};`);window.scrollTo({top:h,behavior:n})}}get accordion(){return this.host.closest("dso-accordion")}render(){var o;const{variant:n,reverseAlign:t}=(o=this.accordionState)!==null&&o!==void 0?o:{};const e=!!this.statusDescription||!!this.status||!!this.icon||!!this.attachmentCount;const i=this.activatable&&n==="compact-black"&&!t;return s(d,{key:"2e65f0a85688c2d52a1a337e90fdce86870bf713",class:{"dso-accordion-section":true,["dso-accordion-"+n]:!!n,"dso-nested-accordion":this.hasNestedAccordion||this.containsNestedAccordion,"dso-accordion-reverse-align":t!==null&&t!==void 0?t:false,["dso-accordion-wijzigactie-"+this.wijzigactie]:!!this.wijzigactie,"dso-accordion-section-activate":i},hidden:!n,onMouseenter:()=>this.hover=true,onMouseleave:()=>this.hover=false},s(h,{key:"0ba35033762292d6467ba90f7df97e169c870db5",heading:this.heading,ref:o=>this.sectionHeading=o},s(l,{key:"95c07f60960daf7d2718e6bd4fdd4723b1b9a1c3",handleUrl:this.handleUrl,onClick:this.handleClick,open:this.open,showSlideToggle:i,active:this.active,onActiveChange:this.handleActiveChange,handleElementRef:o=>this.handleElementRef=o},t?s(c,null,this.icon&&s("div",{class:"dso-section-handle-addons"},s(p,{icon:this.icon})),s("dso-renvooi",{value:this.handleTitle}),this.label&&s("dso-label",{status:this.labelStatus,compact:true},this.label),s("div",{class:"dso-section-handle-addons"},this.statusDescription&&s("span",{class:"dso-status"},this.statusDescription),s("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-down"}))):s(c,null,s("dso-icon",{class:"dso-section-handle-chevron",icon:"chevron-right"}),this.status&&s("span",{class:"sr-only"},a[this.status]),s("span",null,s("dso-renvooi",{value:this.handleTitle}),this.isNeutral&&s("dso-icon",{class:"info-icon",icon:this.open||this.hover?"info-active":"info"})),this.label&&s("dso-label",{status:this.labelStatus,compact:true},this.label),e&&s("div",{class:"dso-section-handle-addons"},this.statusDescription&&s("span",{class:"dso-status"},this.statusDescription),s(p,{state:this.status,icon:this.icon,attachmentCount:this.attachmentCount}))))),s("dso-expandable",{key:"72113b4b9c53aa6ca84d481464e0e1bc39e57c6d",class:"dso-section-body",open:this.open,enableAnimation:true,minimumHeight:this.isNeutral?0:4,onDsoExpandableAnimationStart:this.handleExpandableAnimationStart,onDsoExpandableAnimationEnd:this.handleExpandableAnimationEnd},s("div",{key:"6a2e4e4ab8bace1e7ba6784c81bb1c1171774ffc",class:"dso-section-body-content",ref:o=>this.sectionBody=o},s("slot",{key:"9e5190299f7eda51678bf06e172525fd378b05e8"}))))}get host(){return e(this)}};u.style=i;export{u as dso_accordion_section};
-//# sourceMappingURL=p-dcfb330c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stateMap","success","info","warning","danger","error","accordionSectionCss","log","window","console","bind","HandleElement","handleUrl","onClick","open","showSlideToggle","active","onActiveChange","handleElementRef","children","h","Fragment","href","ref","accessibleLabel","checked","onDsoActiveChange","type","Handle","heading","class","HandleIcon","state","icon","attachmentCount","HandleStateIcon","count","AccordionSection","constructor","hostRef","this","hasNestedAccordion","activatable","hover","handleClick","event","dsoToggleClick","emit","originalEvent","handleActiveChange","dsoActiveChange","current","Boolean","next","handleExpandableAnimationStart","e","dsoAnimationStart","animation","scrollIntoView","behavior","detail","bodyHeight","handleExpandableAnimationEnd","dsoAnimationEnd","focusHandle","_a","focus","containsNestedAccordion","host","querySelector","componentWillLoad","accordion","_getState","then","accordionState","forceUpdate","isNeutral","variant","JSON","stringify","bodyClientRect","sectionBody","getBoundingClientRect","headingClientRect","_b","sectionHeading","sectionBottomY","top","height","innerHeight","box","scrollTop","scrollY","document","documentElement","body","clientTop","expandedAccordionHeight","shouldScrollToTopOfSection","scrollTo","closest","render","reverseAlign","hasAddons","statusDescription","status","Host","key","wijzigactie","hidden","onMouseenter","onMouseleave","element","value","handleTitle","label","labelStatus","compact","enableAnimation","minimumHeight","onDsoExpandableAnimationStart","onDsoExpandableAnimationEnd"],"sources":["src/components/accordion/components/accordion-section.interfaces.ts","src/components/accordion/components/accordion-section.scss?tag=dso-accordion-section&encapsulation=shadow","src/components/accordion/components/accordion-section.tsx"],"sourcesContent":["export type AccordionSectionState = \"success\" | \"info\" | \"warning\" | \"danger\" | \"error\";\r\n\r\nexport type AccordionHeading = \"h2\" | \"h3\" | \"h4\" | \"h5\";\r\n\r\nexport type AccordionSectionWijzigactie = \"voegtoe\" | \"verwijder\";\r\n\r\nexport const stateMap: Record<AccordionSectionState, string> = {\r\n  success: \"succes:\",\r\n  info: \"info:\",\r\n  warning: \"waarschuwing:\",\r\n  danger: \"fout:\",\r\n  error: \"fout:\",\r\n};\r\n\r\nexport interface AccordionSectionToggleClickEvent {\r\n  /**\r\n   * The original MouseEvent that triggered the click.\r\n   *\r\n   * In case the Section Handle is an <a> this event can be used to preventDefault() so the framework router is reponsible for navigating the user.\r\n   */\r\n  originalEvent?: MouseEvent;\r\n\r\n  /**\r\n   * The requested state. If the Accordion Section is closed, `open = true`.\r\n   */\r\n  open: boolean;\r\n}\r\n\r\nexport interface AccordionSectionAnimationStartEvent {\r\n  /**\r\n   * Helper function to scroll the Accordion Section into view.\r\n   */\r\n  scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n  /**\r\n   * Whether or not the Accordion opening or closing.\r\n   */\r\n  animation: \"opening\" | \"closing\";\r\n}\r\n\r\nexport interface AccordionSectionAnimationEndEvent {\r\n  /**\r\n   * Helper function to scroll the Accordion Section into view.\r\n   */\r\n  scrollIntoView(behavior?: ScrollBehavior): void;\r\n\r\n  /**\r\n   * The state of the Accordion Section after animation.\r\n   */\r\n  open: boolean;\r\n}\r\n\r\nexport interface AccordionSectionActiveChangeEvent {\r\n  /**\r\n   * De current status van de Accordion Section.\r\n   */\r\n  current: boolean;\r\n\r\n  /**\r\n   * De desired status van de Accordion Section.\r\n   */\r\n  next: boolean;\r\n\r\n  originalEvent: Event;\r\n}\r\n","@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/units\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/typography\";\r\n\r\n@use \"~dso-toolkit/src/components/link\";\r\n\r\n@use \"../accordion.variables\" as accordion-variables;\r\n\r\n@use \"accordion-section-theme-compact\";\r\n@use \"accordion-section-theme-compact-black\";\r\n@use \"accordion-section-theme-conclusion\";\r\n@use \"accordion-section-theme-default\";\r\n@use \"accordion-section-theme-neutral\";\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n\r\n:host {\r\n  display: block;\r\n  --_dso-accordion-margin-block-end: 0;\r\n\r\n  .dso-section-handle {\r\n    font-size: 1em;\r\n    font-weight: 600;\r\n    line-height: accordion-variables.$handle-line-height;\r\n    margin: 0;\r\n    position: relative;\r\n\r\n    > a:active {\r\n      text-decoration: none;\r\n    }\r\n\r\n    a {\r\n      @include link.clean();\r\n    }\r\n\r\n    .dso-status {\r\n      color: colors.$zwart;\r\n      font-size: typography.$font-size-small;\r\n      font-weight: 400;\r\n    }\r\n  }\r\n\r\n  .dso-section-handle > button,\r\n  .dso-section-handle > a {\r\n    align-items: flex-start;\r\n    background-color: transparent;\r\n    border: 0;\r\n    cursor: pointer;\r\n    display: flex;\r\n    font-family: typography.$font-family-base;\r\n    font-size: 1em;\r\n    font-weight: 600;\r\n    line-height: accordion-variables.$handle-line-height;\r\n    margin: 0;\r\n    padding-block: accordion-variables.$block-padding;\r\n    padding-inline: accordion-variables.$inline-padding;\r\n    text-align: start;\r\n    inline-size: 100%;\r\n    overflow-wrap: anywhere;\r\n\r\n    dso-icon {\r\n      flex-shrink: 0;\r\n\r\n      &.dso-section-handle-chevron {\r\n        @include utilities.transition(transform);\r\n\r\n        transform: rotate(0);\r\n      }\r\n    }\r\n\r\n    > .dso-section-handle-addons:first-child,\r\n    > dso-icon:first-child {\r\n      margin-inline-end: units.$u1;\r\n    }\r\n\r\n    > dso-icon:last-child {\r\n      margin-inline-start: auto;\r\n    }\r\n\r\n    > .dso-section-handle-addons:last-child {\r\n      margin-inline-start: auto;\r\n\r\n      dso-attachments-counter,\r\n      dso-icon {\r\n        margin-inline-start: units.$u1;\r\n      }\r\n    }\r\n\r\n    > dso-label {\r\n      margin-inline-start: auto;\r\n      padding-inline-start: units.$u1;\r\n      word-break: normal;\r\n\r\n      & + dso-icon:last-child,\r\n      & + .dso-section-handle-addons:last-child {\r\n        margin-inline-start: units.$u1;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n:host([open]:not([open=\"false\"])) {\r\n  .dso-section-handle {\r\n    > button,\r\n    > a {\r\n      .dso-section-handle-chevron {\r\n        &:first-child {\r\n          transform: rotate(90deg);\r\n        }\r\n\r\n        &:last-child {\r\n          transform: rotate(-180deg);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dso-section-body {\r\n  background-color: colors.$wit;\r\n  border-block-start: 0;\r\n\r\n  .dso-section-body-content {\r\n    padding-block: units.$u2 + accordion-variables.$border-radius units.$u2;\r\n    padding-inline: units.$u2;\r\n  }\r\n}\r\n\r\n// Default\r\n:host(.dso-accordion-default) {\r\n  @include accordion-section-theme-default.dso-web-component-accordion-default();\r\n}\r\n\r\n:host(.dso-accordion-default[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-default.dso-web-component-accordion-default-open();\r\n}\r\n\r\n:host(.dso-accordion-default.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-default.dso-web-component-accordion-default-open-nested();\r\n}\r\n\r\n// Compact\r\n:host(.dso-accordion-compact) {\r\n  @include accordion-section-theme-compact.dso-web-component-accordion-compact();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-accordion-reverse-align) {\r\n  @include accordion-section-theme-compact.dso-web-component-accordion-compact-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n  @include accordion-section-theme-compact.dso-web-component-accordion-compact-open();\r\n}\r\n\r\n:host(.dso-accordion-compact.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-compact.dso-web-component-accordion-compact-open-nested();\r\n}\r\n\r\n// Compact black\r\n:host(.dso-accordion-compact-black) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-section-activate) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black();\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-activate();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-voegtoe) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-voegtoe();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-wijzigactie-verwijder) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-verwijder();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-accordion-reverse-align) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-reverse();\r\n}\r\n\r\n:host(.dso-accordion-compact-black[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open();\r\n}\r\n\r\n:host(.dso-accordion-compact-black.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-compact-black.dso-web-component-accordion-compact-black-open-nested();\r\n}\r\n\r\n// Conclusion\r\n:host(.dso-accordion-conclusion) {\r\n  @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion();\r\n}\r\n\r\n:host(.dso-accordion-conclusion[open]:not([open=\"false\"]):not(.dso-nested-accordion)) {\r\n  @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open();\r\n}\r\n\r\n:host(.dso-accordion-conclusion.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-conclusion.dso-web-component-accordion-conclusion-open-nested();\r\n}\r\n\r\n// Neutral\r\n:host(.dso-accordion-neutral) {\r\n  @include accordion-section-theme-neutral.dso-web-component-accordion-neutral();\r\n}\r\n\r\n:host(.dso-accordion-neutral[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open();\r\n}\r\n\r\n:host(.dso-accordion-neutral.dso-nested-accordion[open]:not([open=\"false\"])) {\r\n  @include accordion-section-theme-neutral.dso-web-component-accordion-neutral-open-nested();\r\n}\r\n","import {\r\n  Component,\r\n  ComponentInterface,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Fragment,\r\n  FunctionalComponent,\r\n  Host,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  forceUpdate,\r\n  h,\r\n} from \"@stencil/core\";\r\n\r\nimport { DsoSlideToggleCustomEvent } from \"../../../components\";\r\nimport { ExpandableAnimationEndEvent } from \"../../expandable/expandable\";\r\nimport { LabelStatus } from \"../../label/label.interfaces\";\r\nimport { RenvooiValue } from \"../../renvooi/renvooi.interfaces\";\r\nimport { SlideToggleActiveEvent } from \"../../slide-toggle/slide-toggle.interfaces\";\r\nimport { AccordionInternalState } from \"../accordion.interfaces\";\r\n\r\nimport {\r\n  AccordionHeading,\r\n  AccordionSectionActiveChangeEvent,\r\n  AccordionSectionAnimationEndEvent,\r\n  AccordionSectionAnimationStartEvent,\r\n  AccordionSectionState,\r\n  AccordionSectionToggleClickEvent,\r\n  AccordionSectionWijzigactie,\r\n  stateMap,\r\n} from \"./accordion-section.interfaces\";\r\n\r\n// eslint-disable-next-line no-console\r\nconst log = (window as any)[\"_dsoLog\"] === true ? console.log.bind(console.log) : function () {};\r\n\r\nconst HandleElement: FunctionalComponent<{\r\n  handleUrl: string | undefined;\r\n  open: boolean;\r\n  showSlideToggle: boolean;\r\n  active: boolean;\r\n  onActiveChange: (e: DsoSlideToggleCustomEvent<SlideToggleActiveEvent>) => void;\r\n  handleElementRef: (element: HTMLAnchorElement | HTMLButtonElement | undefined) => void;\r\n  onClick: (e: MouseEvent) => void;\r\n}> = ({ handleUrl, onClick, open, showSlideToggle, active, onActiveChange, handleElementRef }, children) => {\r\n  if (handleUrl) {\r\n    return (\r\n      <Fragment>\r\n        <a href={handleUrl} onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n          {children}\r\n        </a>\r\n        {showSlideToggle && (\r\n          <dso-slide-toggle accessibleLabel=\"Toon op kaart\" checked={active} onDsoActiveChange={onActiveChange} />\r\n        )}\r\n      </Fragment>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Fragment>\r\n      <button type=\"button\" onClick={onClick} aria-expanded={open ? \"true\" : \"false\"} ref={handleElementRef}>\r\n        {children}\r\n      </button>\r\n      {showSlideToggle && (\r\n        <dso-slide-toggle accessibleLabel=\"Toon op kaart\" checked={active} onDsoActiveChange={onActiveChange} />\r\n      )}\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nconst Handle: FunctionalComponent<{\r\n  heading: AccordionHeading;\r\n  ref: (element: HTMLHeadingElement | undefined) => void;\r\n}> = ({ heading, ref }, children) => {\r\n  switch (heading) {\r\n    default:\r\n    case \"h2\":\r\n      return (\r\n        <h2 ref={ref} class=\"dso-section-handle\">\r\n          {children}\r\n        </h2>\r\n      );\r\n    case \"h3\":\r\n      return (\r\n        <h3 ref={ref} class=\"dso-section-handle\">\r\n          {children}\r\n        </h3>\r\n      );\r\n    case \"h4\":\r\n      return (\r\n        <h4 ref={ref} class=\"dso-section-handle\">\r\n          {children}\r\n        </h4>\r\n      );\r\n    case \"h5\":\r\n      return (\r\n        <h5 ref={ref} class=\"dso-section-handle\">\r\n          {children}\r\n        </h5>\r\n      );\r\n  }\r\n};\r\n\r\nconst HandleIcon: FunctionalComponent<{\r\n  state?: AccordionSectionState;\r\n  icon?: string;\r\n  attachmentCount?: number;\r\n}> = ({ state, icon, attachmentCount }) => {\r\n  if (state) {\r\n    return <HandleStateIcon state={state} />;\r\n  }\r\n\r\n  if (attachmentCount) {\r\n    return <dso-attachments-counter count={attachmentCount}></dso-attachments-counter>;\r\n  }\r\n\r\n  if (icon) {\r\n    return <dso-icon icon={icon}></dso-icon>;\r\n  }\r\n};\r\n\r\nconst HandleStateIcon: FunctionalComponent<{ state: AccordionSectionState }> = ({ state }) => {\r\n  if (state === \"error\") {\r\n    return <dso-icon icon=\"status-error\"></dso-icon>;\r\n  }\r\n\r\n  if (state === \"danger\") {\r\n    return <dso-icon icon=\"status-danger\"></dso-icon>;\r\n  }\r\n\r\n  if (state === \"success\") {\r\n    return <dso-icon icon=\"status-success\"></dso-icon>;\r\n  }\r\n\r\n  if (state === \"info\") {\r\n    return <dso-icon icon=\"status-info\"></dso-icon>;\r\n  }\r\n\r\n  if (state === \"warning\") {\r\n    return <dso-icon icon=\"status-warning\"></dso-icon>;\r\n  }\r\n};\r\n\r\n@Component({\r\n  tag: \"dso-accordion-section\",\r\n  styleUrl: \"accordion-section.scss\",\r\n  shadow: true,\r\n})\r\nexport class AccordionSection implements ComponentInterface {\r\n  private accordionState?: AccordionInternalState;\r\n\r\n  private sectionBody?: HTMLDivElement;\r\n\r\n  private sectionHeading?: HTMLHeadingElement;\r\n\r\n  @Element()\r\n  host!: HTMLDsoAccordionSectionElement;\r\n\r\n  /**\r\n   * The title of the handle\r\n   */\r\n  @Prop()\r\n  handleTitle!: RenvooiValue | RenvooiValue[] | undefined;\r\n\r\n  /**\r\n   * An optional 'wijzigactie' that signals if the section is added or removed.\r\n   */\r\n  @Prop()\r\n  wijzigactie?: AccordionSectionWijzigactie;\r\n\r\n  /**\r\n   * Which heading element to use.\r\n   */\r\n  @Prop()\r\n  heading: AccordionHeading = \"h2\";\r\n\r\n  /**\r\n   * When set the handle will render as a `<a>`. When undefined it renders as a `<button>`\r\n   */\r\n  @Prop()\r\n  handleUrl?: string;\r\n\r\n  /**\r\n   * `state` takes precedence over `attachmentCount` and `icon`\r\n   */\r\n  @Prop()\r\n  status?: AccordionSectionState;\r\n\r\n  /**\r\n   * `attachmentCount` takes precedence over `icon`\r\n   */\r\n  @Prop()\r\n  attachmentCount?: number;\r\n\r\n  /**\r\n   * To set an icon in the heading handle.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  /**\r\n   * The status of the section.\r\n   */\r\n  @Prop()\r\n  statusDescription?: string;\r\n\r\n  /**\r\n   * Set the Accordion Section open.\r\n   */\r\n  @Prop({ reflect: true })\r\n  open = false;\r\n\r\n  /**\r\n   * Set when this Accordion Section contains or will contain an Accordion.\r\n   */\r\n  @Prop({ reflect: true })\r\n  hasNestedAccordion = false;\r\n\r\n  /**\r\n   * The label to be displayed in the heading handle inside a Label (optional)\r\n   */\r\n  @Prop()\r\n  label?: string;\r\n\r\n  /**\r\n   * The status of the Label in the heading handle (optional)\r\n   */\r\n  @Prop()\r\n  labelStatus?: LabelStatus;\r\n\r\n  /**\r\n   * A boolean to indicate if the Accordion Section is capable of being activated. When `true` a Slide Toggle displays\r\n   * on the right in the heading handle (optional). Works only for `variant` `compact-black` and `reverseAlign` false.\r\n   */\r\n  @Prop({ reflect: true })\r\n  activatable = false;\r\n\r\n  /**\r\n   * A boolean to indicate if the Accordion Section is `active`. Only applicable when the Accordion Section is\r\n   * `activatable`.\r\n   */\r\n  @Prop({ reflect: true })\r\n  active = false;\r\n\r\n  /**\r\n   * An optional event listener for changes on the value of property `active`.\r\n   */\r\n  @Event()\r\n  dsoActiveChange!: EventEmitter<AccordionSectionActiveChangeEvent>;\r\n\r\n  /**\r\n   * Calling this method will set focus to the handle.\r\n   */\r\n  @Method()\r\n  async focusHandle() {\r\n    this.handleElementRef?.focus();\r\n  }\r\n\r\n  @State()\r\n  hover = false;\r\n\r\n  get containsNestedAccordion() {\r\n    return this.host.querySelector(\"dso-accordion\") !== null;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.accordion?._getState().then((state) => {\r\n      this.accordionState = state;\r\n\r\n      forceUpdate(this.host);\r\n    });\r\n  }\r\n\r\n  get isNeutral() {\r\n    return this.accordionState?.variant === \"neutral\";\r\n  }\r\n\r\n  private async scrollIntoView(bodyHeight: number | undefined, behavior: ScrollBehavior = \"auto\"): Promise<void> {\r\n    log(\r\n      `DSO Toolkit [Accordion Section] scrollIntoView(bodyHeight: ${JSON.stringify(\r\n        bodyHeight,\r\n      )}, behavior: ${JSON.stringify(behavior)})`,\r\n    );\r\n\r\n    const bodyClientRect = this.sectionBody?.getBoundingClientRect();\r\n    const headingClientRect = this.sectionHeading?.getBoundingClientRect();\r\n\r\n    log(`DSO Toolkit [Accordion Section] const bodyClientRect = ${JSON.stringify(bodyClientRect)};`);\r\n    log(`DSO Toolkit [Accordion Section] const headingClientRect = ${JSON.stringify(headingClientRect)};`);\r\n    log(`DSO Toolkit [Accordion Section] this.accordionState = ${JSON.stringify(this.accordionState)};`);\r\n    log(`DSO Toolkit [Accordion Section] this.open = ${JSON.stringify(this.open)};`);\r\n\r\n    if (!bodyClientRect || !headingClientRect || !this.accordionState) {\r\n      log(`DSO Toolkit [Accordion Section] returning`);\r\n\r\n      return;\r\n    }\r\n\r\n    // this y is relative to the top of the viewport.\r\n    const sectionBottomY = headingClientRect.top + headingClientRect.height + (this.open ? (bodyHeight ?? 0) : 0);\r\n\r\n    log(`DSO Toolkit [Accordion Section] const sectionBottomY = ${JSON.stringify(sectionBottomY)};`);\r\n    log(`DSO Toolkit [Accordion Section] window.innerHeight = ${JSON.stringify(window.innerHeight)};`);\r\n\r\n    const box = this.host.getBoundingClientRect();\r\n\r\n    const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;\r\n    const clientTop = document.documentElement.clientTop || document.body.clientTop || 0;\r\n    const top = box.top + scrollTop - clientTop;\r\n\r\n    log(\"DSO Toolkit [Accordion Section] scroll\", { box, scrollTop, clientTop, top });\r\n\r\n    if (sectionBottomY > window.innerHeight) {\r\n      log(\r\n        `DSO Toolkit [Accordion Section] sectionBottomY > window.innerHeight === ${JSON.stringify(\r\n          sectionBottomY > window.innerHeight,\r\n        )};`,\r\n      );\r\n\r\n      const expandedAccordionHeight = sectionBottomY - headingClientRect.top;\r\n      const shouldScrollToTopOfSection = expandedAccordionHeight > window.innerHeight;\r\n\r\n      log(\r\n        `DSO Toolkit [Accordion Section] const expandedAccordionHeight = ${JSON.stringify(expandedAccordionHeight)};`,\r\n      );\r\n      log(\r\n        `DSO Toolkit [Accordion Section] const shouldScrollToTopOfSection = ${JSON.stringify(\r\n          shouldScrollToTopOfSection,\r\n        )};`,\r\n      );\r\n\r\n      window.scrollTo({\r\n        top: shouldScrollToTopOfSection ? top : top - (window.innerHeight - expandedAccordionHeight),\r\n        behavior,\r\n      });\r\n    } else if (headingClientRect.top < 0) {\r\n      log(\r\n        `DSO Toolkit [Accordion Section] headingClientRect.top < 0 === ${JSON.stringify(headingClientRect.top < 0)};`,\r\n      );\r\n\r\n      window.scrollTo({\r\n        top,\r\n        behavior,\r\n      });\r\n    }\r\n  }\r\n\r\n  private get accordion() {\r\n    return this.host.closest(\"dso-accordion\");\r\n  }\r\n\r\n  private handleClick = (event: MouseEvent) => {\r\n    this.dsoToggleClick.emit({\r\n      originalEvent: event,\r\n      open: !this.open,\r\n    });\r\n  };\r\n\r\n  private handleActiveChange = (event: DsoSlideToggleCustomEvent<SlideToggleActiveEvent>) => {\r\n    this.dsoActiveChange.emit({\r\n      current: Boolean(this.active),\r\n      next: !this.active,\r\n      originalEvent: event,\r\n    });\r\n  };\r\n\r\n  private handleExpandableAnimationStart = (e: CustomEvent<any>) => {\r\n    this.dsoAnimationStart.emit({\r\n      animation: this.open ? \"opening\" : \"closing\",\r\n      scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n    });\r\n  };\r\n\r\n  private handleExpandableAnimationEnd = (e: CustomEvent<ExpandableAnimationEndEvent>) => {\r\n    this.dsoAnimationEnd.emit({\r\n      open: this.open,\r\n      scrollIntoView: (behavior: ScrollBehavior = \"auto\") => this.scrollIntoView(e.detail.bodyHeight, behavior),\r\n    });\r\n  };\r\n\r\n  /**\r\n   * Emitted when the user activates the toggle button.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoToggleClick!: EventEmitter<AccordionSectionToggleClickEvent>;\r\n\r\n  /**\r\n   * Event emitted when the Accordion Section starts its toggle animation.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnimationStart!: EventEmitter<AccordionSectionAnimationStartEvent>;\r\n\r\n  /**\r\n   * Event emitted when the Accordion Section completes its toggle animation.\r\n   */\r\n  @Event({ bubbles: false })\r\n  dsoAnimationEnd!: EventEmitter<AccordionSectionAnimationEndEvent>;\r\n\r\n  private handleElementRef?: HTMLAnchorElement | HTMLButtonElement;\r\n\r\n  render() {\r\n    const { variant, reverseAlign } = this.accordionState ?? {};\r\n    const hasAddons = !!this.statusDescription || !!this.status || !!this.icon || !!this.attachmentCount;\r\n    const showSlideToggle = this.activatable && variant === \"compact-black\" && !reverseAlign;\r\n\r\n    return (\r\n      <Host\r\n        class={{\r\n          \"dso-accordion-section\": true,\r\n          [\"dso-accordion-\" + variant]: !!variant,\r\n          \"dso-nested-accordion\": this.hasNestedAccordion || this.containsNestedAccordion,\r\n          \"dso-accordion-reverse-align\": reverseAlign ?? false,\r\n          [\"dso-accordion-wijzigactie-\" + this.wijzigactie]: !!this.wijzigactie,\r\n          \"dso-accordion-section-activate\": showSlideToggle,\r\n        }}\r\n        hidden={!variant}\r\n        onMouseenter={() => (this.hover = true)}\r\n        onMouseleave={() => (this.hover = false)}\r\n      >\r\n        <Handle heading={this.heading} ref={(element) => (this.sectionHeading = element)}>\r\n          <HandleElement\r\n            handleUrl={this.handleUrl}\r\n            onClick={this.handleClick}\r\n            open={this.open}\r\n            showSlideToggle={showSlideToggle}\r\n            active={this.active}\r\n            onActiveChange={this.handleActiveChange}\r\n            handleElementRef={(e) => (this.handleElementRef = e)}\r\n          >\r\n            {reverseAlign ? (\r\n              <Fragment>\r\n                {this.icon && (\r\n                  <div class=\"dso-section-handle-addons\">\r\n                    <HandleIcon icon={this.icon} />\r\n                  </div>\r\n                )}\r\n                <dso-renvooi value={this.handleTitle} />\r\n                {this.label && (\r\n                  <dso-label status={this.labelStatus} compact>\r\n                    {this.label}\r\n                  </dso-label>\r\n                )}\r\n                <div class=\"dso-section-handle-addons\">\r\n                  {this.statusDescription && <span class=\"dso-status\">{this.statusDescription}</span>}\r\n                  <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-down\"></dso-icon>\r\n                </div>\r\n              </Fragment>\r\n            ) : (\r\n              <Fragment>\r\n                <dso-icon class=\"dso-section-handle-chevron\" icon=\"chevron-right\"></dso-icon>\r\n                {this.status && <span class=\"sr-only\">{stateMap[this.status]}</span>}\r\n                <span>\r\n                  <dso-renvooi value={this.handleTitle} />\r\n                  {this.isNeutral && (\r\n                    <dso-icon class=\"info-icon\" icon={this.open || this.hover ? \"info-active\" : \"info\"} />\r\n                  )}\r\n                </span>\r\n                {this.label && (\r\n                  <dso-label status={this.labelStatus} compact>\r\n                    {this.label}\r\n                  </dso-label>\r\n                )}\r\n                {hasAddons && (\r\n                  <div class=\"dso-section-handle-addons\">\r\n                    {this.statusDescription && <span class=\"dso-status\">{this.statusDescription}</span>}\r\n                    <HandleIcon state={this.status} icon={this.icon} attachmentCount={this.attachmentCount} />\r\n                  </div>\r\n                )}\r\n              </Fragment>\r\n            )}\r\n          </HandleElement>\r\n        </Handle>\r\n        <dso-expandable\r\n          class=\"dso-section-body\"\r\n          open={this.open}\r\n          enableAnimation\r\n          minimumHeight={this.isNeutral ? 0 : 4}\r\n          onDsoExpandableAnimationStart={this.handleExpandableAnimationStart}\r\n          onDsoExpandableAnimationEnd={this.handleExpandableAnimationEnd}\r\n        >\r\n          <div class=\"dso-section-body-content\" ref={(element) => (this.sectionBody = element)}>\r\n            <slot />\r\n          </div>\r\n        </dso-expandable>\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-e4ee59df.entry.js

@@ -1,2 +0,0 @@
-import{h as e,F as t,r as o,c as i}from"./p-DxWmN7gh.js";import{c as n}from"./p-ChV9xqsO.js";const s=({owner:o,ancestors:i,item:r,index:a,level:l,setSize:c})=>{var d,u,h,p;return e("li",{key:r.id,class:n("tree-item",{"has-child":r.hasItems,"is-expanded":!!r.open&&!!((d=r.items)===null||d===void 0?void 0:d.length)}),role:"none"},e("div",{class:"tree-branch-control"},r.hasItems?e("div",{onClick:e=>o.itemClick(e,i,r)},e("dso-icon",{icon:r.open?"minus-square":"plus-square"})):e("dso-icon",null)),e("p",{class:n("tree-content",{active:r.active},{selected:r.selected}),tabindex:l===1&&a===0?0:-1,role:"treeitem","aria-expanded":r.hasItems?""+(!!r.open&&!!((u=r.items)===null||u===void 0?void 0:u.length)):undefined,"aria-current":r.active?"true":undefined,"aria-level":l,"aria-setsize":c,"aria-posinset":a+1,"aria-busy":r.loading?"true":undefined,"data-item-id":r.id,onClick:e=>o.itemClick(e,i,r)},r.selected&&e("span",{class:"sr-only"},"Resultaat: "),r.href?e("a",{href:r.href,tabindex:"-1"},r.label):e("span",null,r.label),(h=r.icons)===null||h===void 0?void 0:h.map((t=>e("dso-icon",{icon:t.icon,title:t.label})))),r.open&&e(t,null,r.hasItems&&!r.items&&r.loading?e("dso-progress-indicator",{size:"small",label:"Resultaten laden: een moment geduld alstublieft."}):e("ul",{role:"group"},(p=r.items)===null||p===void 0?void 0:p.map(((t,n,a)=>e(s,{owner:o,ancestors:[...i,r],item:t,index:n,level:l+1,setSize:a.length}))))))};const r=':host ul{list-style-type:none;padding-inline-start:32px;position:relative}:host li{position:relative}:host ul[role=tree]{padding-inline-start:0}:host ul[role=group]::before{border-inline-start:1px solid #275937;content:"";block-size:8px;inset-inline-start:44px;position:absolute;inset-block-start:0;inline-size:0}:host li:not(.has-child)::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:12px;position:absolute;inset-block-start:20px;inline-size:16px}:host li:not(.has-child)::after{border-inline-start:1px solid #275937;content:"";block-size:100%;inset-inline-start:12px;position:absolute;inset-block-start:8px;inline-size:0}:host li:not(.has-child):last-child::after{block-size:20px;inset-block-start:0}:host li.has-child::before{border-block-start:1px solid #275937;content:"";block-size:0;inset-inline-start:24px;position:absolute;inset-block-start:20px;inline-size:4px}:host li.has-child:not(:last-child)::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 24px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host li.has-child.is-expanded:last-child::after{border-inline-start:1px solid #275937;content:"";block-size:calc(100% - 32px);inset-inline-start:12px;position:absolute;inset-block-start:32px;inline-size:0}:host .tree-branch-control{color:#39870c;display:inline-block;font-size:16px;margin-block:8px;margin-inline:0 8px;vertical-align:top}:host .tree-branch-control>div{cursor:pointer}:host .tree-content{cursor:pointer;display:inline-block;margin-block:8px;margin-inline:0;max-inline-size:calc(100% - 40px)}:host .tree-content a{color:#191919;text-decoration:underline}:host .tree-content a:hover,:host .tree-content a:focus{color:#191919;text-decoration:none}:host .tree-content a:active{text-decoration:none}:host .tree-content.selected{color:#191919;font-weight:700;text-decoration:underline}:host .tree-content.selected:hover,:host .tree-content.selected:focus{text-decoration:none}:host .tree-content.active{color:#8b4a6a;font-style:italic;font-weight:700;text-decoration:underline}:host .tree-content.active:hover,:host .tree-content.active:focus{text-decoration:none}:host .tree-content.active a{color:#8b4a6a}:host .tree-content.active a:hover,:host .tree-content.active a:focus{text-decoration:none}:host .tree-content dso-icon{color:#39870c;font-size:0.75em;margin-inline-start:0.5em;vertical-align:text-bottom}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(0)}';const a=class{constructor(e){o(this,e);this.dsoOpenItem=i(this,"dsoOpenItem",7);this.dsoCloseItem=i(this,"dsoCloseItem",7);this.dsoClickItem=i(this,"dsoClickItem",7);this.keyDownListener=e=>{if(e.defaultPrevented){return}const t=e=>e.length===1&&e.match(/\S/);const o=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(e.target instanceof HTMLParagraphElement)||!(o instanceof HTMLElement)){return}switch(e.key){case"ArrowDown":a.moveFocus(o,e.target,"next");break;case"ArrowUp":a.moveFocus(o,e.target,"previous");break;case"ArrowRight":a.expandItemOrFocusChild(o,e.target);break;case"ArrowLeft":a.collapseItemOrFocusParent(o,e.target);break;case"End":a.moveFocus(o,e.target,"last");break;case"Home":a.moveFocus(o,e.target,"first");break;case"Enter":case" ":e.target.click();break;default:if(t(e.key)){if(a.setFocusByFirstCharacter(o,e.target,e.key,e.shiftKey)){break}}return}e.preventDefault()};this.itemClick=(e,t,o)=>{if(!(e.target instanceof HTMLElement)){return}const i=e.target.closest(".tree-content");if(i){const n=e.composedPath().find((e=>e instanceof HTMLElement?e.className==="dso-tree":false));if(!(i instanceof HTMLParagraphElement)||!(n instanceof HTMLElement)){return}a.setFocus(n,i);this.dsoClickItem.emit({path:[...t,o],originalEvent:e});return}if(o.open){this.dsoCloseItem.emit([...t,o])}else{this.dsoOpenItem.emit([...t,o])}}}async focusItem(e){var t;const o=this.tree;if(!o||e.length===0){return false}const i=e[e.length-1];if(!i){throw new Error("No itemToFocus found")}const n=Array.from((t=o.querySelectorAll("p"))!==null&&t!==void 0?t:[]).filter((e=>e.offsetWidth>0&&e.offsetHeight>0)).find((e=>e.dataset["itemId"]===i.id));if(!n){return false}a.setFocus(o,n);return true}static setFocus(e,t){if(t){Array.from(e.querySelectorAll("p")).filter((e=>e.tabIndex===0)).forEach((e=>e.tabIndex=-1));t.tabIndex=0;t.focus()}}static moveFocus(e,t,o){const i=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));let n=0;switch(o){case"first":n=0;break;case"previous":n=i.indexOf(t)-1;break;case"next":n=i.indexOf(t)+1;break;case"last":n=i.length-1;break}const s=i[n];if(!s){throw new Error("No focusableItem found")}a.setFocus(e,s)}static expandItemOrFocusChild(e,t){var o;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){a.moveFocus(e,t,"next")}else{const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}}static collapseItemOrFocusParent(e,t){var o,i,n;if((t===null||t===void 0?void 0:t.getAttribute("aria-expanded"))==="true"){const e=(o=t.previousElementSibling)===null||o===void 0?void 0:o.firstElementChild;if(e instanceof HTMLElement){e.click()}}else{const o=(n=(i=t===null||t===void 0?void 0:t.parentElement)===null||i===void 0?void 0:i.parentElement)===null||n===void 0?void 0:n.previousElementSibling;if(o instanceof HTMLElement){a.setFocus(e,o)}}}static setFocusByFirstCharacter(e,t,o,i){const n=Array.from(e.querySelectorAll("p")).filter((e=>e.offsetWidth>0&&e.offsetHeight>0));if(i){n.reverse()}const s=n.indexOf(t);o=o.toLowerCase();let r=n.find(((e,t)=>{var i;return t>s&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}));if(!r){r=n.find(((e,t)=>{var i;return t<s&&((i=e.textContent)===null||i===void 0?void 0:i.toLowerCase().startsWith(o))}))}if(r){a.setFocus(e,r);return true}return false}render(){var t;return e("div",{key:"d24bd4e931e11e6495a51faef9bdee75a7eb0e49",id:"tree",class:"dso-tree",onKeyDown:e=>this.keyDownListener(e),ref:e=>this.tree=e},e("ul",{key:"9128a33f3e85620f530266deb7753b2c64d76eb7",role:"tree","aria-label":"Objectenboom"},(t=this.collection)===null||t===void 0?void 0:t.map(((t,o)=>e(s,{owner:this,ancestors:[],item:t,index:o,level:1,setSize:this.collection.length})))))}};a.style=r;export{a as dso_tree_view};
-//# sourceMappingURL=p-e4ee59df.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["DsoTreeItem","owner","ancestors","item","index","level","setSize","h","key","id","class","clsx","hasItems","open","_a","items","length","role","onClick","e","itemClick","icon","active","selected","tabindex","_b","undefined","loading","href","label","_c","icons","map","title","Fragment","size","_d","childItem","childIndex","org","treeViewCss","TreeView","constructor","hostRef","this","keyDownListener","event","defaultPrevented","isIndexLetter","str","match","tree","composedPath","find","HTMLElement","className","target","HTMLParagraphElement","moveFocus","expandItemOrFocusChild","collapseItemOrFocusParent","click","setFocusByFirstCharacter","shiftKey","preventDefault","contentElement","closest","eventTarget","setFocus","dsoClickItem","emit","path","originalEvent","dsoCloseItem","dsoOpenItem","focusItem","itemToFocus","Error","elementToFocus","Array","from","querySelectorAll","filter","offsetWidth","offsetHeight","dataset","tabIndex","forEach","focus","el","moveTo","focusableItems","indexOf","focusableItem","getAttribute","controlElement","previousElementSibling","firstElementChild","parentTarget","parentElement","char","backwards","reverse","current","toLowerCase","nextItem","textContent","startsWith","render","onKeyDown","ref","element","collection"],"sources":["src/components/tree-view/tree-item.tsx","src/components/tree-view/tree-view.scss?tag=dso-tree-view&encapsulation=shadow","src/components/tree-view/tree-view.tsx"],"sourcesContent":["import { Fragment, FunctionalComponent, h } from \"@stencil/core\";\r\nimport { clsx } from \"clsx\";\r\n\r\nimport { TreeView } from \"./tree-view\";\r\nimport { TreeViewItem, TreeViewItemIcon } from \"./tree-view.interfaces\";\r\n\r\ninterface TreeViewItemProps {\r\n  owner: TreeView;\r\n  ancestors: TreeViewItem[];\r\n  item: TreeViewItem;\r\n  index: number;\r\n  level: number;\r\n  setSize: number;\r\n}\r\n\r\nexport const DsoTreeItem: FunctionalComponent<TreeViewItemProps> = ({\r\n  owner,\r\n  ancestors,\r\n  item,\r\n  index,\r\n  level,\r\n  setSize,\r\n}) => (\r\n  <li\r\n    key={item.id}\r\n    class={clsx(\"tree-item\", { \"has-child\": item.hasItems, \"is-expanded\": !!item.open && !!item.items?.length })}\r\n    role=\"none\"\r\n  >\r\n    <div class=\"tree-branch-control\">\r\n      {item.hasItems ? (\r\n        <div onClick={(e) => owner.itemClick(e, ancestors, item)}>\r\n          <dso-icon icon={item.open ? \"minus-square\" : \"plus-square\"}></dso-icon>\r\n        </div>\r\n      ) : (\r\n        <dso-icon></dso-icon>\r\n      )}\r\n    </div>\r\n    <p\r\n      class={clsx(\"tree-content\", { active: item.active }, { selected: item.selected })}\r\n      tabindex={level === 1 && index === 0 ? 0 : -1}\r\n      role=\"treeitem\"\r\n      aria-expanded={item.hasItems ? \"\" + (!!item.open && !!item.items?.length) : undefined}\r\n      aria-current={item.active ? \"true\" : undefined}\r\n      aria-level={level}\r\n      aria-setsize={setSize}\r\n      aria-posinset={index + 1}\r\n      aria-busy={item.loading ? \"true\" : undefined}\r\n      data-item-id={item.id}\r\n      onClick={(e) => owner.itemClick(e, ancestors, item)}\r\n    >\r\n      {item.selected && <span class=\"sr-only\">Resultaat: </span>}\r\n      {item.href ? (\r\n        <a href={item.href} tabindex=\"-1\">\r\n          {item.label}\r\n        </a>\r\n      ) : (\r\n        <span>{item.label}</span>\r\n      )}\r\n      {item.icons?.map((icon: TreeViewItemIcon) => (\r\n        <dso-icon icon={icon.icon} title={icon.label}></dso-icon>\r\n      ))}\r\n    </p>\r\n    {item.open && (\r\n      <Fragment>\r\n        {item.hasItems && !item.items && item.loading ? (\r\n          <dso-progress-indicator size=\"small\" label=\"Resultaten laden: een moment geduld alstublieft.\" />\r\n        ) : (\r\n          <ul role=\"group\">\r\n            {item.items?.map((childItem: TreeViewItem, childIndex: number, org: TreeViewItem[]) => (\r\n              <DsoTreeItem\r\n                owner={owner}\r\n                ancestors={[...ancestors, item]}\r\n                item={childItem}\r\n                index={childIndex}\r\n                level={level + 1}\r\n                setSize={org.length}\r\n              ></DsoTreeItem>\r\n            ))}\r\n          </ul>\r\n        )}\r\n      </Fragment>\r\n    )}\r\n  </li>\r\n);\r\n","@use \"sass:math\";\r\n\r\n@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/variables/colors\";\r\n@use \"~dso-toolkit/src/variables/scaffolding\";\r\n\r\n@use \"tree-view.mixins\" as core-tree-view-mixins;\r\n@use \"tree-view.variables\" as core-tree-view-variables;\r\n\r\n:host {\r\n  ul {\r\n    list-style-type: none;\r\n    padding-inline-start: core-tree-view-variables.$indent;\r\n    position: relative;\r\n  }\r\n\r\n  li {\r\n    position: relative;\r\n  }\r\n\r\n  ul[role=\"tree\"] {\r\n    padding-inline-start: 0;\r\n  }\r\n\r\n  // connects branch or leaf to parent\r\n  ul[role=\"group\"]::before {\r\n    @include core-tree-view-mixins.vertical-line(\r\n      core-tree-view-variables.$indent + core-tree-view-variables.$hcenter,\r\n      0,\r\n      core-tree-view-variables.$vspace\r\n    );\r\n  }\r\n\r\n  li:not(.has-child) {\r\n    // horizontal connector for a leaf\r\n    &::before {\r\n      @include core-tree-view-mixins.horizontal-line(\r\n        core-tree-view-variables.$hcenter,\r\n        core-tree-view-variables.$vcenter,\r\n        core-tree-view-variables.$hspace + 0.5 * core-tree-view-variables.$icon-size - 4px\r\n      );\r\n    }\r\n\r\n    // vertical connector for a leaf\r\n    &::after {\r\n      @include core-tree-view-mixins.vertical-line(\r\n        core-tree-view-variables.$hcenter,\r\n        core-tree-view-variables.$vspace,\r\n        100%\r\n      );\r\n    }\r\n\r\n    // vertical connector for the last leaf\r\n    &:last-child::after {\r\n      block-size: core-tree-view-variables.$vcenter;\r\n      inset-block-start: 0;\r\n    }\r\n  }\r\n\r\n  li.has-child {\r\n    // horizontal connector for a branch\r\n    &::before {\r\n      @include core-tree-view-mixins.horizontal-line(\r\n        core-tree-view-variables.$icon-size,\r\n        core-tree-view-variables.$vcenter,\r\n        core-tree-view-variables.$hspace - 4px\r\n      );\r\n    }\r\n\r\n    // vertical connector for a branch (not last)\r\n    &:not(:last-child)::after {\r\n      @include core-tree-view-mixins.vertical-line(\r\n        core-tree-view-variables.$hcenter,\r\n        core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size,\r\n        calc(100% - core-tree-view-variables.$icon-size)\r\n      );\r\n    }\r\n\r\n    // vertical line after a expanded branch (creating dead ends)\r\n    &.is-expanded:last-child::after {\r\n      @include core-tree-view-mixins.vertical-line(\r\n        core-tree-view-variables.$hcenter,\r\n        core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size,\r\n        calc(100% - (core-tree-view-variables.$vcenter + 0.5 * core-tree-view-variables.$icon-size))\r\n      );\r\n    }\r\n  }\r\n\r\n  .tree-branch-control {\r\n    color: colors.$grasgroen;\r\n    display: inline-block;\r\n    font-size: math.div(2 * core-tree-view-variables.$icon-size, 3);\r\n    margin-block: core-tree-view-variables.$vspace;\r\n    margin-inline: 0 core-tree-view-variables.$hspace;\r\n    vertical-align: top;\r\n\r\n    > div {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .tree-content {\r\n    cursor: pointer;\r\n    display: inline-block;\r\n    margin-block: core-tree-view-variables.$vspace;\r\n    margin-inline: 0;\r\n    max-inline-size: calc(100% - (core-tree-view-variables.$indent + core-tree-view-variables.$hspace));\r\n\r\n    a {\r\n      color: scaffolding.$text-color;\r\n      text-decoration: underline;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        color: scaffolding.$text-color;\r\n        text-decoration: none;\r\n      }\r\n\r\n      &:active {\r\n        text-decoration: none;\r\n      }\r\n    }\r\n\r\n    &.selected {\r\n      color: scaffolding.$text-color;\r\n      font-weight: 700;\r\n      text-decoration: underline;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        text-decoration: none;\r\n      }\r\n    }\r\n\r\n    &.active {\r\n      color: colors.$mauve;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n\r\n      text-decoration: underline;\r\n\r\n      &:hover,\r\n      &:focus {\r\n        text-decoration: none;\r\n      }\r\n\r\n      a {\r\n        color: colors.$mauve;\r\n\r\n        &:hover,\r\n        &:focus {\r\n          text-decoration: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    dso-icon {\r\n      color: colors.$grasgroen;\r\n      font-size: 0.75em;\r\n      margin-inline-start: 0.5em;\r\n      vertical-align: text-bottom;\r\n    }\r\n  }\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.sr-only {\r\n  @include utilities.sr-only();\r\n}\r\n","import { Component, ComponentInterface, Event, EventEmitter, Method, Prop, h } from \"@stencil/core\";\r\n\r\nimport { DsoTreeItem } from \"./tree-item\";\r\nimport { TreeViewItem, TreeViewPointerEvent } from \"./tree-view.interfaces\";\r\n\r\n@Component({\r\n  tag: \"dso-tree-view\",\r\n  styleUrl: \"./tree-view.scss\",\r\n  shadow: true,\r\n})\r\nexport class TreeView implements ComponentInterface {\r\n  private tree?: HTMLElement;\r\n\r\n  /**\r\n   * The collection of TreeViewItems\r\n   */\r\n  @Prop()\r\n  collection!: TreeViewItem[];\r\n\r\n  /**\r\n   * Emitted when a tree view item is opened.\r\n   * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\n   * root to the item that is emitting the open event. The consumer of the event is responsible for updating\r\n   * the TreeView's collection (usually set the open state on the last TreeViewItem in path).\r\n   */\r\n  @Event()\r\n  dsoOpenItem!: EventEmitter<TreeViewItem[]>;\r\n\r\n  /**\r\n   * Emitted when a tree view item is closed.\r\n   * The `detail` property of the `CustomEvent` will contain the complete path of TreeViewItems from the\r\n   * root to the item that is emitting the close event. The consumer of the event is responsible for updating\r\n   * the TreeView's collection (usually set the closed state on the last TreeViewItem in path).\r\n   */\r\n  @Event()\r\n  dsoCloseItem!: EventEmitter<TreeViewItem[]>;\r\n\r\n  /**\r\n   * Emitted when a tree view item is clicked.\r\n   * The `detail` property of the `CustomEvent` will contain an object with:\r\n   * `path` = the complete path of TreeViewItems from the root to the item that is emitting the clicked event.\r\n   * `originalEvent` = the original click event.\r\n   * The consumer of the event is responsible for updating the TreeView's collection (usually set the active\r\n   * state on the last TreeViewItem in path and clear all other active item states).\r\n   */\r\n  @Event()\r\n  dsoClickItem!: EventEmitter<TreeViewPointerEvent>;\r\n\r\n  /**\r\n   * Set focus on the last item in the specified path.\r\n   * The consumer is responsible for providing a TreeView collection where the last item is visible.\r\n   * @async\r\n   * @returns Whether the item was found.\r\n   */\r\n  @Method()\r\n  async focusItem(path: TreeViewItem[]): Promise<boolean> {\r\n    const tree = this.tree;\r\n\r\n    if (!tree || path.length === 0) {\r\n      return false;\r\n    }\r\n\r\n    const itemToFocus = path[path.length - 1];\r\n    if (!itemToFocus) {\r\n      throw new Error(\"No itemToFocus found\");\r\n    }\r\n\r\n    const elementToFocus = (Array.from(tree.querySelectorAll(\"p\") ?? []) as HTMLElement[])\r\n      .filter((item) => item.offsetWidth > 0 && item.offsetHeight > 0)\r\n      .find((item) => item.dataset[\"itemId\"] === itemToFocus.id);\r\n\r\n    if (!elementToFocus) {\r\n      return false;\r\n    }\r\n\r\n    TreeView.setFocus(tree, elementToFocus);\r\n\r\n    return true;\r\n  }\r\n\r\n  private keyDownListener = (event: KeyboardEvent) => {\r\n    if (event.defaultPrevented) {\r\n      return;\r\n    }\r\n\r\n    const isIndexLetter = (str: string) => str.length === 1 && str.match(/\\S/);\r\n\r\n    const tree = event\r\n      .composedPath()\r\n      .find((item) => (item instanceof HTMLElement ? item.className === \"dso-tree\" : false));\r\n\r\n    if (!(event.target instanceof HTMLParagraphElement) || !(tree instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    switch (event.key) {\r\n      case \"ArrowDown\":\r\n        TreeView.moveFocus(tree, event.target, \"next\");\r\n        break;\r\n      case \"ArrowUp\":\r\n        TreeView.moveFocus(tree, event.target, \"previous\");\r\n        break;\r\n      case \"ArrowRight\":\r\n        TreeView.expandItemOrFocusChild(tree, event.target);\r\n        break;\r\n      case \"ArrowLeft\":\r\n        TreeView.collapseItemOrFocusParent(tree, event.target);\r\n        break;\r\n      case \"End\":\r\n        TreeView.moveFocus(tree, event.target, \"last\");\r\n        break;\r\n      case \"Home\":\r\n        TreeView.moveFocus(tree, event.target, \"first\");\r\n        break;\r\n      case \"Enter\":\r\n      case \" \":\r\n        event.target.click();\r\n        break;\r\n      default:\r\n        if (isIndexLetter(event.key)) {\r\n          if (TreeView.setFocusByFirstCharacter(tree, event.target, event.key, event.shiftKey)) {\r\n            break;\r\n          }\r\n        }\r\n\r\n        return;\r\n    }\r\n\r\n    event.preventDefault();\r\n  };\r\n\r\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private -- Omdat this als TreeView instance aan Functionele Components wordt gegeven\r\n  itemClick = (event: MouseEvent, ancestors: TreeViewItem[], item: TreeViewItem) => {\r\n    if (!(event.target instanceof HTMLElement)) {\r\n      return;\r\n    }\r\n\r\n    const contentElement = event.target.closest(\".tree-content\");\r\n\r\n    if (contentElement) {\r\n      const tree = event\r\n        .composedPath()\r\n        .find((eventTarget) => (eventTarget instanceof HTMLElement ? eventTarget.className === \"dso-tree\" : false));\r\n      if (!(contentElement instanceof HTMLParagraphElement) || !(tree instanceof HTMLElement)) {\r\n        return;\r\n      }\r\n\r\n      TreeView.setFocus(tree, contentElement);\r\n      this.dsoClickItem.emit({ path: [...ancestors, item], originalEvent: event });\r\n\r\n      return;\r\n    }\r\n\r\n    if (item.open) {\r\n      this.dsoCloseItem.emit([...ancestors, item]);\r\n    } else {\r\n      this.dsoOpenItem.emit([...ancestors, item]);\r\n    }\r\n  };\r\n\r\n  private static setFocus(tree: HTMLElement, target: HTMLElement) {\r\n    if (target) {\r\n      (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[])\r\n        .filter((item) => item.tabIndex === 0)\r\n        .forEach((item) => (item.tabIndex = -1));\r\n\r\n      target.tabIndex = 0;\r\n      target.focus();\r\n    }\r\n  }\r\n\r\n  private static moveFocus(tree: HTMLElement, el: HTMLElement, moveTo: \"first\" | \"previous\" | \"next\" | \"last\"): void {\r\n    const focusableItems = (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[]).filter(\r\n      (item) => item.offsetWidth > 0 && item.offsetHeight > 0,\r\n    );\r\n\r\n    let index = 0;\r\n    switch (moveTo) {\r\n      case \"first\":\r\n        index = 0;\r\n        break;\r\n      case \"previous\":\r\n        index = focusableItems.indexOf(el) - 1;\r\n        break;\r\n      case \"next\":\r\n        index = focusableItems.indexOf(el) + 1;\r\n        break;\r\n      case \"last\":\r\n        index = focusableItems.length - 1;\r\n        break;\r\n    }\r\n\r\n    const focusableItem = focusableItems[index];\r\n    if (!focusableItem) {\r\n      throw new Error(\"No focusableItem found\");\r\n    }\r\n\r\n    TreeView.setFocus(tree, focusableItem);\r\n  }\r\n\r\n  private static expandItemOrFocusChild(tree: HTMLElement, target: HTMLElement): void {\r\n    if (target?.getAttribute(\"aria-expanded\") === \"true\") {\r\n      TreeView.moveFocus(tree, target, \"next\");\r\n    } else {\r\n      const controlElement = target.previousElementSibling?.firstElementChild;\r\n      if (controlElement instanceof HTMLElement) {\r\n        controlElement.click();\r\n      }\r\n    }\r\n  }\r\n\r\n  private static collapseItemOrFocusParent(tree: HTMLElement, target: HTMLElement): void {\r\n    if (target?.getAttribute(\"aria-expanded\") === \"true\") {\r\n      const controlElement = target.previousElementSibling?.firstElementChild;\r\n      if (controlElement instanceof HTMLElement) {\r\n        controlElement.click();\r\n      }\r\n    } else {\r\n      const parentTarget = target?.parentElement?.parentElement?.previousElementSibling;\r\n      if (parentTarget instanceof HTMLElement) {\r\n        TreeView.setFocus(tree, parentTarget);\r\n      }\r\n    }\r\n  }\r\n\r\n  private static setFocusByFirstCharacter(\r\n    tree: HTMLElement,\r\n    el: HTMLElement,\r\n    char: string,\r\n    backwards: boolean,\r\n  ): boolean {\r\n    const focusableItems = (Array.from(tree.querySelectorAll(\"p\")) as HTMLElement[]).filter(\r\n      (item) => item.offsetWidth > 0 && item.offsetHeight > 0,\r\n    );\r\n\r\n    if (backwards) {\r\n      focusableItems.reverse();\r\n    }\r\n\r\n    const current = focusableItems.indexOf(el);\r\n\r\n    char = char.toLowerCase();\r\n    let nextItem = focusableItems.find(\r\n      (item, index) => index > current && item.textContent?.toLowerCase().startsWith(char),\r\n    );\r\n    if (!nextItem) {\r\n      nextItem = focusableItems.find(\r\n        (item, index) => index < current && item.textContent?.toLowerCase().startsWith(char),\r\n      );\r\n    }\r\n\r\n    if (nextItem) {\r\n      TreeView.setFocus(tree, nextItem);\r\n      return true;\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        id=\"tree\"\r\n        class=\"dso-tree\"\r\n        onKeyDown={(e) => this.keyDownListener(e)}\r\n        ref={(element) => (this.tree = element)}\r\n      >\r\n        <ul role=\"tree\" aria-label=\"Objectenboom\">\r\n          {this.collection?.map((item, index) => (\r\n            <DsoTreeItem\r\n              owner={this}\r\n              ancestors={[]}\r\n              item={item}\r\n              index={index}\r\n              level={1}\r\n              setSize={this.collection.length}\r\n            ></DsoTreeItem>\r\n          ))}\r\n        </ul>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-e5dc4512.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as l}from"./p-DxWmN7gh.js";var s=`<svg id="air" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M24,8h0a.6.6,0,0,1-.38.56l-.1,0h0A8.18,8.18,0,0,0,21,10c-.21.55.33,2.11.77,3a.61.61,0,0,1-.12.71.63.63,0,0,1-.39.17,4.8,4.8,0,0,0-4-2.15H17a4.58,4.58,0,0,0-.37-.69A3.07,3.07,0,0,0,19,8.62h0a2.24,2.24,0,0,0,.06-.52s0-.07,0-.1,0-.07,0-.1A2.24,2.24,0,0,0,19,7.38h0a3.07,3.07,0,0,0-6,0h0a2.24,2.24,0,0,0-.06.52s0,.07,0,.1,0,.06,0,.1a.77.77,0,0,0,0,.15,6.49,6.49,0,0,0-4.51.35l-.06,0A.61.61,0,0,1,8,8.09V8H8V7.91a.61.61,0,0,1,.37-.48l.11,0h0A13.68,13.68,0,0,0,11.08,6a9.37,9.37,0,0,0-.86-3,.62.62,0,0,1,.83-.81,9.12,9.12,0,0,0,2.8.89H14A6.79,6.79,0,0,0,15.42.42a.61.61,0,0,1,1.15,0,8.43,8.43,0,0,0,1.65,2.76h.13a7.76,7.76,0,0,0,2.58-.91.61.61,0,0,1,.84.81c-.44.89-1,2.45-.77,3a8.18,8.18,0,0,0,2.48,1.33h0l.1,0A.6.6,0,0,1,24,8ZM10.68,22.34a5.15,5.15,0,0,1-3.12,1,4.72,4.72,0,0,1-4.81-3.76l-.14-.45h-.5A2,2,0,0,1,0,17.24a2,2,0,0,1,2.11-1.92,2.17,2.17,0,0,1,1.32.43l.4.29.37-.32a5,5,0,0,1,2.18-1.09l.44-.24V14a4.17,4.17,0,0,1,4.35-4,4.24,4.24,0,0,1,4.3,3.43l.1.67.69-.25a3,3,0,0,1,1-.17A2.64,2.64,0,0,1,20,16.19a2.32,2.32,0,0,1,0,.46l-.08.38.38.18A2.93,2.93,0,0,1,22,19.83a3.12,3.12,0,0,1-3.24,3,3.52,3.52,0,0,1-1.71-.45L16.47,22l-.26.58a2.58,2.58,0,0,1-4.62,0l-.3-.68Z"/>\n</svg>\n`;var n=`<svg id="angle-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,15,7.29,10.6a.9.9,0,0,1,0-1.33,1.07,1.07,0,0,1,1.42,0L12,12.35l3.29-3.08a1.07,1.07,0,0,1,1.42,0,.9.9,0,0,1,0,1.33Z"/>\n</svg>\n`;var v=`<svg id="angle-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M13.65,17a.91.91,0,0,1-.66-.29L8.59,12,13,7.29a.89.89,0,0,1,1.32,0,1,1,0,0,1,0,1.42L11.23,12l3.08,3.29a1,1,0,0,1,0,1.42A.91.91,0,0,1,13.65,17Z"/>\n</svg>\n`;var r=`<svg id="angle-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M9.94,17a1,1,0,0,1-.67-.29,1.07,1.07,0,0,1,0-1.42L12.35,12,9.27,8.71a1.07,1.07,0,0,1,0-1.42.9.9,0,0,1,1.33,0L15,12l-4.4,4.71A1,1,0,0,1,9.94,17Z"/>\n</svg>\n`;var t=`<svg id="angle-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M16,14.59a1.06,1.06,0,0,1-.71-.28L12,11.23,8.71,14.31a1,1,0,0,1-1.42,0,.89.89,0,0,1,0-1.32L12,8.59,16.71,13a.89.89,0,0,1,0,1.32A1.06,1.06,0,0,1,16,14.59Z"/>\n</svg>\n`;var i=`<svg id="asterisk" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M8.014 20.99C7.518 21.663 7.01 22 6.494 22c-.519 0-1.037-.224-1.555-.673-.518-.45-.777-.887-.777-1.314 0-.426.203-.864.608-1.313l3.784-5.32-5.068-1.616C2.496 11.45 2 10.934 2 10.215c0-.404.068-.763.203-1.077.27-.943.833-1.414 1.689-1.414.18 0 .495.045.946.135l5.203 1.683V4.02c0-1.347.675-2.02 2.027-2.02 1.35 0 2.027.673 2.027 2.02v5.522l5.067-1.683c.45-.09.833-.135 1.149-.135.315 0 .675.224 1.08.673.406.45.609 1.044.609 1.785 0 .74-.495 1.268-1.486 1.582l-5.136 1.616 3.852 5.32c.36.404.54.83.54 1.28 0 .449-.259.898-.777 1.347-.518.449-1.025.673-1.52.673-.496 0-.991-.337-1.487-1.01L12 15.4l-3.986 5.59Z"/>\n</svg>\n`;var g=`<svg id="balloon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M13,23a.92.92,0,0,1-.36-.07A1,1,0,0,1,12,22V18H1a1,1,0,0,1-1-1V1A1,1,0,0,1,1,0H23a1,1,0,0,1,1,1V17a1,1,0,0,1-1,1H17.93l-4.19,4.67A1,1,0,0,1,13,23ZM2,16H13a1,1,0,0,1,1,1v2.39l2.74-3.06a1,1,0,0,1,.74-.33H22V2H2ZM20,5a1,1,0,0,0-1-1H5A1,1,0,0,0,5,6H19A1,1,0,0,0,20,5Zm0,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H19A1,1,0,0,0,20,9Zm-4,4a1,1,0,0,0-1-1H5a1,1,0,0,0,0,2H15A1,1,0,0,0,16,13Z"/>\n</svg>\n`;var o=`<svg id="bars" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M22,7.2a.8.8,0,0,1-.8.8H2.8A.8.8,0,0,1,2,7.2V5.8A.8.8,0,0,1,2.8,5H21.2a.8.8,0,0,1,.8.8Zm0,3.6a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Zm0,5a.8.8,0,0,0-.8-.8H2.8a.8.8,0,0,0-.8.8v1.4a.8.8,0,0,0,.8.8H21.2a.8.8,0,0,0,.8-.8Z"/>\n</svg>\n`;var w=`<svg id="bell" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 6.35 6.35">\n    <g fill="currentColor">\n        <path d="M2.646 4.763h1.059c-.001.122.039.527-.529.529-.567.001-.53-.4-.53-.53zM3.17 1.058c.103 0 .292.029.29.399.694.112 1.039.795 1.04 1.182V3.96l.388.49c.022.037-.01.05-.082.045H3.175zm0 0c-.08.002-.291.044-.28.399-.694.112-1.039.795-1.04 1.182V3.96l-.388.49c-.022.037.01.05.082.045h1.631z"/>\n    </g>\n</svg>`;var e=`<svg id="buildings" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,24H0V9H12ZM10,11H8v2h2Zm0,3H8v2h2Zm0,3H8v2h2ZM4,11H2v2H4Zm3,0H5v2H7ZM4,14H2v2H4Zm3,0H5v2H7ZM4,17H2v2H4Zm3,0H5v2H7Zm0,4H5v3H7ZM24,6H19V0L7,2V8h6V24h6V23h5ZM20,21H18V19h2Zm0-3H18V16h2Zm0-3H18V13h2Zm0-3H18V10h2Zm0-3H18V7h2Zm3,12H21V19h2Zm0-3H21V16h2Zm0-3H21V13h2Zm0-3H21V10h2Zm0-3H21V7h2Z"/>\n</svg>\n`;var h=`<svg id="calendar" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7,4.84A.16.16,0,0,1,6.84,5H5.16A.16.16,0,0,1,5,4.84V1.16A.16.16,0,0,1,5.16,1H6.84A.16.16,0,0,1,7,1.16ZM19,1.16A.16.16,0,0,0,18.84,1H17.16a.16.16,0,0,0-.16.16V4.84a.16.16,0,0,0,.16.16h1.68A.16.16,0,0,0,19,4.84ZM23,5V22a1,1,0,0,1-1,1H2a1,1,0,0,1-1-1V5A1,1,0,0,1,2,4H4v1A1.09,1.09,0,0,0,5,6H7a1.06,1.06,0,0,0,1-1V4h8v1a1.07,1.07,0,0,0,1,1h2a1.05,1.05,0,0,0,1-1V4h2A1,1,0,0,1,23,5Zm-2,5.55a.54.54,0,0,0-.53-.55H3.53a.54.54,0,0,0-.53.55v9.9a.54.54,0,0,0,.53.55H20.47a.54.54,0,0,0,.53-.55Z"/>\n</svg>\n`;var c=`<svg id="call" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23,17.86V22a1,1,0,0,1-1,1A22,22,0,0,1,1,2,1,1,0,0,1,2,1H6a1,1,0,0,1,1,.84L8.26,7A1,1,0,0,1,8,7.88L5.42,10.57a20.11,20.11,0,0,0,8,8L16.12,16a1,1,0,0,1,.87-.28l5.17,1.14A1,1,0,0,1,23,17.86Z"/>\n</svg>\n`;var d=`<svg id="caret-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M19.71,10,13.08,16.6a1.35,1.35,0,0,1-1.9,0L4.3,9.93C3.77,9.42,4,9,4.71,9H19.28C20,9,20.23,9.43,19.71,10Z"/>\n</svg>\n`;var Z=`<svg id="check-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35ZM12,3a9,9,0,1,0,9,9,9,9,0,0,0-9-9m0-2A11,11,0,1,1,1,12,11,11,0,0,1,12,1ZM10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n`;var p=`<svg id="check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M10.11,18,5.29,13.31A.92.92,0,0,1,5.3,12a1,1,0,0,1,1.41,0l3.4,3.3,7.18-7a1,1,0,0,1,1.41,0,.92.92,0,0,1,0,1.35Z"/>\n</svg>\n`;var A=`<svg id="chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,16,5.29,9.63a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.42,0l5.29,5,5.29-5a1,1,0,0,1,1.42,0,.91.91,0,0,1,0,1.34Z"/>\n</svg>\n`;var m=`<svg id="chevron-left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M15.05,19a.93.93,0,0,1-.67-.29L8,12l6.37-6.71a.93.93,0,0,1,1.35,0,1,1,0,0,1,0,1.42l-5,5.29,5,5.29a1,1,0,0,1,0,1.42A.93.93,0,0,1,15.05,19Z"/>\n</svg>\n`;var C=`<svg id="chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M9,19a.93.93,0,0,1-.67-.29,1,1,0,0,1,0-1.42l5-5.29-5-5.29a1,1,0,0,1,0-1.42.93.93,0,0,1,1.35,0L16,12,9.62,18.71A.93.93,0,0,1,9,19Z"/>\n</svg>\n`;var H=`<svg id="chevron-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18,16a1,1,0,0,1-.71-.28l-5.29-5-5.29,5a1,1,0,0,1-1.42,0,.93.93,0,0,1,0-1.35L12,8l6.71,6.38a.91.91,0,0,1,0,1.34A1,1,0,0,1,18,16Z"/>\n</svg>\n`;var V=`<svg id="circle-notch" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,23A11.11,11.11,0,0,1,9.8,1,1,1,0,0,1,11,1.81,1,1,0,0,1,10.2,3,9.09,9.09,0,0,0,12,21,9.09,9.09,0,0,0,13.8,3,1,1,0,0,1,13,1.81,1,1,0,0,1,14.2,1,11.11,11.11,0,0,1,12,23Z"/>\n</svg>\n`;var M=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n    <path d="M12 5.25C13.335 5.25 14.6401 5.64588 15.7501 6.38758C16.8601 7.12928 17.7253 8.18349 18.2362 9.41689C18.7471 10.6503 18.8808 12.0075 18.6203 13.3169C18.3599 14.6262 17.717 15.829 16.773 16.773C15.829 17.717 14.6262 18.3599 13.3169 18.6203C12.0075 18.8808 10.6503 18.7471 9.41689 18.2362C8.18349 17.7253 7.12928 16.8601 6.38758 15.7501C5.64588 14.6401 5.25 13.335 5.25 12C5.25 10.2098 5.96116 8.4929 7.22703 7.22703C8.4929 5.96116 10.2098 5.25 12 5.25ZM12 3.75C10.3683 3.75 8.77326 4.23385 7.41655 5.14038C6.05984 6.0469 5.00242 7.33537 4.378 8.84286C3.75357 10.3504 3.5902 12.0092 3.90853 13.6095C4.22685 15.2098 5.01259 16.6798 6.16637 17.8336C7.32016 18.9874 8.79017 19.7732 10.3905 20.0915C11.9909 20.4098 13.6497 20.2464 15.1571 19.622C16.6646 18.9976 17.9531 17.9402 18.8596 16.5835C19.7662 15.2268 20.25 13.6317 20.25 12C20.25 9.81196 19.3808 7.71354 17.8336 6.16637C16.2865 4.61919 14.188 3.75 12 3.75ZM12.75 12V7.6275C12.75 7.42859 12.671 7.23782 12.5303 7.09717C12.3897 6.95652 12.1989 6.8775 12 6.8775C11.8011 6.8775 11.6103 6.95652 11.4697 7.09717C11.329 7.23782 11.25 7.42859 11.25 7.6275V11.6925L8.8425 14.0925C8.77221 14.1622 8.71641 14.2452 8.67834 14.3366C8.64026 14.428 8.62066 14.526 8.62066 14.625C8.62066 14.724 8.64026 14.822 8.67834 14.9134C8.71641 15.0048 8.77221 15.0878 8.8425 15.1575C8.91223 15.2278 8.99518 15.2836 9.08657 15.3217C9.17797 15.3597 9.276 15.3793 9.375 15.3793C9.47401 15.3793 9.57204 15.3597 9.66344 15.3217C9.75483 15.2836 9.83778 15.2278 9.9075 15.1575L12.525 12.5325C12.5975 12.4631 12.6539 12.3786 12.69 12.285C12.732 12.196 12.7525 12.0984 12.75 12Z" fill="currentColor"/>\n</svg>\n`;var x=`<svg id="copy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18,1H11A2,2,0,0,0,9,3V5H3A2,2,0,0,0,1,7V21a2,2,0,0,0,2,2H13a2,2,0,0,0,2-2V19h6a2,2,0,0,0,2-2V6ZM17,3.06,20.94,7H17ZM13,21H3V7H9V17a2,2,0,0,0,2,2h2Zm8-4H11V3h4V9h6Z"/>\n</svg>\n`;var f=`<svg id="crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M22,9,19.14,18H4.86L2,9l5.53,3a1.91,1.91,0,1,0,1-.08L12,8l3.42,3.85a1.9,1.9,0,1,0,1,.08ZM12,7a2,2,0,1,0-2-2A2,2,0,0,0,12,7ZM4,9A2,2,0,1,0,2,7,2,2,0,0,0,4,9ZM20,9a2,2,0,1,0-2-2A2,2,0,0,0,20,9ZM5.53,20.68A.47.47,0,0,0,6,21H18a.5.5,0,0,0,.44-.32l.45-1.36a.23.23,0,0,0-.23-.32H5.33a.23.23,0,0,0-.23.32Z"/>\n</svg>\n`;var u=`<svg id="cultural" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M6,18H4V10H6Zm4-8H8v8h2Zm6,0H14v8h2Zm4,0H18v8h2Zm1,11V19H3v2H1v2H23V21Zm.09-12H2.92c-1,0-1.21-.45-.53-1l8.2-6.6a2.12,2.12,0,0,1,2.49,0L21.6,8C22.29,8.56,22.06,9,21.09,9ZM14,6a2,2,0,1,0-2,2A2,2,0,0,0,14,6Z"/>\n</svg>`;var L=`<svg id="document" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M14.11,1H5A2,2,0,0,0,3,3V21a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V7.89ZM19,21H5V3h8V9h6Zm-2-2H7V17H17Zm0-4H7V13H17Z"/>\n</svg>\n`;var B=`<svg id="download" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18.72,10.44,12,17l-6.7-6.52C4.8,10,5,9.63,5.63,9.63H8.5V1.82A.8.8,0,0,1,9.28,1h5.44a.8.8,0,0,1,.78.82V9.61h2.87C19,9.6,19.2,10,18.72,10.44ZM1,17v6H23V17Zm16,3a2,2,0,1,1-2-2A2,2,0,0,1,17,20Zm5,0a2,2,0,1,1-2-2A2,2,0,0,1,22,20Z"/>\n</svg>\n`;var F=`<svg id="email" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23,3H1A1,1,0,0,0,0,4V20a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM20.39,5l-8.08,6.38a.59.59,0,0,1-.73,0L3.59,5ZM2,19V6.28L10.35,13a2.62,2.62,0,0,0,1.57.52,2.53,2.53,0,0,0,1.68-.62L22,6.27V19Z"/>\n</svg>\n`;var k=`<svg id="energy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M8,8ZM24,8V8Zm0,0a.61.61,0,0,1-.42.57c-.94.32-2.43,1-2.66,1.57a8.22,8.22,0,0,0,.81,2.71l0,0a.42.42,0,0,0,0,.1.62.62,0,0,1-.13.66h0a.62.62,0,0,1-.67.13l-.1,0,0,0a8.15,8.15,0,0,0-2.69-.81,3.25,3.25,0,0,0-1.05,1.42,2.08,2.08,0,0,0,2,1.67h.19a4,4,0,0,1-.17,8c-2.79,0-2.64-3-4-3H9.86A4,4,0,0,1,6,24H3V23H1.13a1,1,0,1,1,0-2H3V19H1.13a1,1,0,1,1,0-2H3V16H6a4,4,0,0,1,3.86,3h5.26c2.37,0,2.36,3,4,3a2,2,0,0,0,0-4L19,18a4.08,4.08,0,0,1-3.46-2.24h0a.6.6,0,0,0-.06-.11h0l0-.06a7.54,7.54,0,0,0-1.17-2.47.5.5,0,0,0-.11-.09,8.54,8.54,0,0,0-3.12.79.65.65,0,0,1-.69-.15.62.62,0,0,1-.09-.7,6.9,6.9,0,0,0,.89-2.89.46.46,0,0,0-.1-.13A9.3,9.3,0,0,0,8.41,8.57a.6.6,0,0,1,0-1.14A9.3,9.3,0,0,0,11,6.08a.46.46,0,0,0,.1-.13,6.86,6.86,0,0,0-.89-2.89.62.62,0,0,1,.09-.7A.65.65,0,0,1,11,2.21,8.54,8.54,0,0,0,14.13,3a.5.5,0,0,0,.11-.09A7.54,7.54,0,0,0,15.41.44a.61.61,0,0,1,1.17,0c.32.94,1,2.43,1.58,2.67a8.15,8.15,0,0,0,2.69-.81l0,0,.1,0a.62.62,0,0,1,.67.13h0A.62.62,0,0,1,21.8,3a.42.42,0,0,0,0,.1l0,0a8.22,8.22,0,0,0-.81,2.71c.23.53,1.72,1.25,2.66,1.57A.61.61,0,0,1,24,8ZM19.07,8a3.1,3.1,0,0,0-.5-1.66h0A4.23,4.23,0,0,0,18.24,6l-.06-.07-.08-.07a3.29,3.29,0,0,0-.41-.33h0a3.07,3.07,0,0,0-3.87.4A3.11,3.11,0,0,0,12.92,8V8a3.11,3.11,0,0,0,.9,2.12,3.07,3.07,0,0,0,3.87.4h0a3.29,3.29,0,0,0,.41-.33l.08-.07.06-.07a4.23,4.23,0,0,0,.33-.41h0A3.1,3.1,0,0,0,19.07,8Z"/>\n</svg>\n`;var y=`<svg id="environment" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M2,14a6.65,6.65,0,0,1-1,.15C-.41,15.8-.59,19.35,2.19,21.83,3.76,23.23,5.3,24,8.42,24c.57,0,1.18,0,1.85-.08A31.64,31.64,0,0,0,16,22.53s-1.39-.87-2.42-5.62c-.89-4.13-4.09-6.38-5.87-6.58-.41,0-.79-.07-1.15-.07-1.48,0-2.49.39-2.68,1a10.7,10.7,0,0,1-.66,1.66,8.39,8.39,0,0,1-.86-3.67c0-.23.09-.48.09-.7S2.1,8,1.87,8A10.05,10.05,0,0,0,.45,10.18a1.11,1.11,0,0,0-.08.72A11.66,11.66,0,0,0,2,14Zm2.43.73A14.92,14.92,0,0,0,7.23,18c1.37,1.07,2.1.81,2.11.81a.74.74,0,0,1,1,.35A.8.8,0,0,1,10,20.18c-.15.08-1.55.72-3.73-1a16,16,0,0,1-3.13-3.57ZM22,10a6.65,6.65,0,0,1,1-.15c1.41-1.68,1.59-5.23-1.19-7.71C20.24.77,18.7,0,15.58,0,15,0,14.4,0,13.73.08A31.64,31.64,0,0,0,8,1.47s1.39.87,2.42,5.62c.89,4.13,4.09,6.38,5.87,6.58.41,0,.79.07,1.15.07,1.48,0,2.49-.39,2.68-1a10.7,10.7,0,0,1,.66-1.66,8.39,8.39,0,0,1,.86,3.67c0,.23-.09.48-.09.7s.35.59.58.53a10.05,10.05,0,0,0,1.42-2.17,1.11,1.11,0,0,0,.08-.72A11.66,11.66,0,0,0,22,10ZM19.6,9.3A14.92,14.92,0,0,0,16.77,6c-1.37-1.07-2.1-.81-2.11-.81a.74.74,0,0,1-1-.35A.8.8,0,0,1,14,3.82c.15-.08,1.55-.72,3.73,1a16,16,0,0,1,3.13,3.57Z"/>\n</svg>\n`;var b=`<svg id="exclamation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,17a1.92,1.92,0,0,1-2-1.82V2.82A1.92,1.92,0,0,1,12,1a1.92,1.92,0,0,1,2,1.82V15.18A1.92,1.92,0,0,1,12,17Zm0,2a2,2,0,1,0,2,2A2,2,0,0,0,12,19Z"/>\n</svg>\n`;var z=`<svg id="external-link" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M19,6V9.69c0,.33-.2.41-.43.17L17.06,8.35l-3.35,3.36a1,1,0,0,1-1.42,0,1,1,0,0,1,0-1.42l3.36-3.35L14.14,5.43C13.9,5.19,14,5,14.31,5H19V6ZM18,17V13a1,1,0,0,0-2,0v4a1,1,0,0,1-1,1H7a1,1,0,0,1-1-1V9A1,1,0,0,1,7,8h4a1,1,0,0,0,0-2H7A3,3,0,0,0,4,9v8a3,3,0,0,0,3,3h8A3,3,0,0,0,18,17Z"/>\n</svg>\n`;var S=`<svg id="eye-slash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18.72,6.7l3-3L20.29,2.29,17,5.55A9.91,9.91,0,0,0,12,4C5.37,4,0,12.5,0,12.5a26.34,26.34,0,0,0,4.74,5.35L2,20.54,3.46,22l2.89-2.89A10.3,10.3,0,0,0,12,21c6.63,0,12-8.5,12-8.5A26.13,26.13,0,0,0,18.72,6.7ZM2.44,12.5C4.29,10,8.13,6,12,6a7.61,7.61,0,0,1,3.57,1l-.82.81a5,5,0,0,0-5.43,0A2.91,2.91,0,0,1,12.63,10L9,13.64A3,3,0,0,1,7,12V12a5,5,0,0,0,.83,2.75L6.16,16.43A23.7,23.7,0,0,1,2.44,12.5ZM12,19a8.16,8.16,0,0,1-4.2-1.38l1.45-1.45a5,5,0,0,0,6.92-6.92l1.11-1.12a22.62,22.62,0,0,1,4.28,4.37C19.71,15,15.87,19,12,19Z"/>\n</svg>`;var E=`<svg id="eye" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,6c3.87,0,7.71,4,9.56,6.5C19.71,15,15.87,19,12,19s-7.71-4-9.56-6.5C4.29,10,8.13,6,12,6m0-2C5.37,4,0,12.5,0,12.5S5.37,21,12,21s12-8.5,12-8.5S18.63,4,12,4Zm0,3a5,5,0,0,0-2.68.79A3,3,0,1,1,7,12V12a5,5,0,1,0,5-5Z"/>\n</svg>\n`;var q=`<svg id="filter" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M21,3.45A.45.45,0,0,0,20.55,3H3.45A.45.45,0,0,0,3,3.45v1.9a1.31,1.31,0,0,0,.31.78l6.38,6.59a1.26,1.26,0,0,1,.31.78v4.17a1,1,0,0,0,.36.73l3.28,2.52c.2.16.36.07.36-.18V13.49a1.31,1.31,0,0,1,.31-.78l6.38-6.58A1.31,1.31,0,0,0,21,5.35Z"/>\n</svg>\n`;var D=`<svg id="forbidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1ZM3,12A9,9,0,0,1,5,6.39L17.61,19A8.91,8.91,0,0,1,12,21,9,9,0,0,1,3,12Zm16,5.61L6.39,5A9,9,0,0,1,19,17.61Z"/>\n</svg>\n`;var O=`<svg id="hammer" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n    <path fill="currentColor" d="M13.811 6.564c.375.385.383 1.006.017 1.382l-.197.203 1.587 1.604-4.014 3.977-1.546-1.646-6.028 6.195a.936.936 0 0 1-1.344-.016c-.374-.385-.383-1.006-.016-1.382l6.05-6.22-1.211-1.293 3.794-3.978 1.359 1.37.208-.214a.932.932 0 0 1 1.341.018ZM22 19.962c0 .434-.335.788-.747.788l-8.628.002c-.412 0-.747-.354-.747-.788 0-.425.328-.788.747-.788h.92a.796.796 0 0 1-.39-.69c0-.426.33-.789.748-.789h6.07c.412-.002.75.353.75.786 0 .298-.16.56-.393.693h.921c.414-.002.749.353.749.787ZM10.737 3.484a.794.794 0 0 1 .013 1.1l-4.428 4.55a.743.743 0 0 1-1.069-.013.794.794 0 0 1-.013-1.1l4.427-4.55a.743.743 0 0 1 1.07.013Zm6.294 6.468a.794.794 0 0 1 .013 1.1l-4.427 4.55a.743.743 0 0 1-1.07-.013.794.794 0 0 1-.013-1.1l4.427-4.55c.29-.3.77-.293 1.07.013Z"/>\n</svg>`;var T=`<svg id="health" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M22.49,13.09C20.8,16,17.58,19.23,12,23c-5.58-3.76-8.8-7-10.48-9.9H5.87l.61-.74,2.38,4.23,1.81-.14,2.42-6.61,2.61,6.47,2.68-3.21Zm-3.89-12C18.21,1,17.85,1,17.51,1,14.79,1,12.29,3.84,12,3.84S9.2,1,6.49,1c-.34,0-.7,0-1.09.05C3.05,1.27.33,3.35,0,7.32V8.64A9.42,9.42,0,0,0,.56,11.1H4.93L6.8,8.84l2.74,4.88,2.57-7,1.86,0,2.33,5.78,1.14-1.35,6,0A9.28,9.28,0,0,0,24,8.64V7.32C23.67,3.35,21,1.27,18.6,1.05Z"/>\n</svg>\n`;var j=`<svg id="help-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,1,1-1A1,1,0,0,1,12,18Zm1-4v.09a1,1,0,0,1-2,0V14c0-2.37,3-2.36,3-4a2,2,0,0,0-4,0v.09a1,1,0,0,1-2,0V10a4,4,0,0,1,8,0C16,12.79,13,12.64,13,14Z"/>\n</svg>\n`;var I=`<svg id="help" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,17a1,1,0,1,0-1-1A1,1,0,0,0,12,18ZM12,6a4,4,0,0,0-4,4v.09a1,1,0,0,0,2,0V10a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V14c0-1.36,3-1.21,3-4A4,4,0,0,0,12,6Z"/>\n</svg>\n`;var N=`<svg id="house" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M17.67,12a.33.33,0,0,1,.33.33v4.34a.33.33,0,0,1-.33.33H12.33a.33.33,0,0,1-.33-.33V12.33a.33.33,0,0,1,.33-.33h5.34Zm4.17-1.58L12.26,2.09a.42.42,0,0,0-.52,0L2.16,10.42a.52.52,0,0,0-.07.66H4V21.58a.42.42,0,0,0,.42.42H19.58a.42.42,0,0,0,.42-.42V11.09h1.91A.52.52,0,0,0,21.84,10.42ZM10,19.67a.33.33,0,0,1-.33.33H6.33A.33.33,0,0,1,6,19.67V12.33A.33.33,0,0,1,6.33,12H9.67a.33.33,0,0,1,.33.33Z"/>\n</svg>\n`;var P=`<svg id="info-active" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23,12A11,11,0,1,1,12,1,11,11,0,0,1,23,12ZM12,9a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;var R=`<svg id="info-i" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M11,8a1,1,0,1,1,1,1A1,1,0,0,1,11,8Zm2,8.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;var U=`<svg id="info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,8a1,1,0,1,0-1-1A1,1,0,0,0,12,9Zm1,7.79V11.21A1.12,1.12,0,0,0,12,10a1.12,1.12,0,0,0-1,1.21v5.58A1.12,1.12,0,0,0,12,18,1.12,1.12,0,0,0,13,16.79Z"/>\n</svg>\n`;var W=`<svg id="infrastructure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7.86,8l8.2.05L22,23H2Zm2.76,5h2.71l-.86-4H11.34Zm3.87,9-1.18-6H10.73l-1,6ZM1,1v9H3.52a9,9,0,0,1,17,0H23V1Z"/>\n</svg>\n`;var $=`<svg id="label" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23.28,2.33A2.82,2.82,0,0,1,24,4.07V9.16a3,3,0,0,1-.69,1.77L11.46,23.68a1,1,0,0,1-1.41,0L.29,14a1,1,0,0,1,0-1.41L13.07.69A3,3,0,0,1,14.84,0h5.09a2.82,2.82,0,0,1,1.74.72ZM19,7a2,2,0,0,0,2-2,2,2,0,1,0-2,2Z"/>\n</svg>\n`;var _=`<svg id="land" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M5.62,16A9.84,9.84,0,0,1,1,18.29V7.6l4.81,5.88a2.9,2.9,0,0,0-.4,1.46A3,3,0,0,0,5.62,16Zm1.59-1.08a1.19,1.19,0,1,0,1.18-1.18A1.18,1.18,0,0,0,7.21,14.94Zm1.18-3a3,3,0,0,1,1.6.47L18.51,5.5,14.74,1H1V4.74l6.14,7.5A2.91,2.91,0,0,1,8.39,12Zm0,6a3,3,0,0,1-1.64-.5A13,13,0,0,1,1,20.11V23H13.82L9.51,17.71A2.94,2.94,0,0,1,8.39,17.93ZM17.13,1l2.81,3.34L23,1.86V1ZM15.67,5.09a1.83,1.83,0,0,1-3.52.73A1.77,1.77,0,0,1,12,5.09a1.84,1.84,0,0,1,3.67,0ZM7.88,22.92l-.08-.11-1-1.24-1-1.24,1.34-1.1,1,1.24.8-.65L10,21.16ZM8.4,10l-.08-.1h0l-4.94-6,1.5-1.27L8.23,6.71,10,5.36l1.66,2ZM20.77,7.75,22,9.15,23,10.41V4.19L11.16,13.8a3.08,3.08,0,0,1,.22,1.14,2.93,2.93,0,0,1-.48,1.61L16.15,23H23V17.57l-5,4.19L15.2,18.41,21,13.58,23,16V13.26l-2.46-2.93-1.86,1.56-1.18-1.4,1.86-1.57Z"/>\n</svg>\n`;var G=`<svg id="landscape" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M8,0l3,11H0L3,2,6,3ZM21,9,18,8l-4,7,10,3V6ZM5,16c1,.56,4.5,2.74,4.81,3C9.81,19,1,23,0,24H17.65c2-3,3-5,2-6S9.79,15.25,10,15c.46-.55,5-4,5-4H13S3.83,15.36,5,16ZM22,3h0a.46.46,0,0,1-.28.42l-.08,0h0a6.08,6.08,0,0,0-1.86,1,4.39,4.39,0,0,0,.58,2.25.47.47,0,0,1-.09.54.46.46,0,0,1-.54.07,6,6,0,0,0-1.93-.68h-.11a6.37,6.37,0,0,0-1.23,2.07A.48.48,0,0,1,16,9a.48.48,0,0,1-.42-.31,5,5,0,0,0-1.06-2h-.12a7.19,7.19,0,0,0-2.1.66.44.44,0,0,1-.51-.08.48.48,0,0,1-.11-.52,7.08,7.08,0,0,0,.65-2.25,11.24,11.24,0,0,0-1.94-1h0l-.08,0A.46.46,0,0,1,10,3.06h0V3h0V3h0a.46.46,0,0,1,.29-.37l.08,0h0a11.24,11.24,0,0,0,1.94-1A5,5,0,0,0,12,0H20a3,3,0,0,0-.28,1.54,6.08,6.08,0,0,0,1.86,1h0l.08,0A.46.46,0,0,1,22,3ZM18.31,3s0,0,0-.07a1.61,1.61,0,0,0,0-.39h0a2.31,2.31,0,0,0-4.52,0h0a1.61,1.61,0,0,0,0,.39s0,0,0,.07,0,0,0,.07a1.61,1.61,0,0,0,0,.39h0a2.31,2.31,0,0,0,4.52,0h0a1.61,1.61,0,0,0,0-.39S18.31,3,18.31,3Z"/>\n</svg>`;var J=`<svg id="layers" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M20.63,14.39c.51.41.48.79,0,1.23l-7.52,5.76c-.56.42-.84.63-1.11.62h0c-.27,0-.55-.2-1.11-.62L3.37,15.62c-.48-.44-.51-.82,0-1.23l.85-.65,6.67,5.11c.56.41.84.62,1.11.61h0c.27,0,.55-.2,1.11-.61l6.67-5.11ZM13.09,3.55l7.54,5.77c.51.4.48.78,0,1.23l-7.52,5.76c-.56.42-.84.62-1.11.61h0c-.27,0-.55-.19-1.11-.61L3.37,10.55c-.48-.45-.51-.83,0-1.23l7.54-5.77C11.46,3.18,11.74,3,12,3S12.54,3.18,13.09,3.55Z"/>\n</svg>\n`;var K=`<svg id="light-bulb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7.088 13.125c.525.543.895.83 1.112 1.614.126.454.166 1.33.11 1.797-.063.53-.797.684-1.1.26-.248-.345-.11-.969-.15-1.39-.09-.957-1.109-1.502-1.65-2.268-2.692-3.812.214-9.066 4.808-8.832 4.463.228 6.812 5.52 4.031 9.066-.54.69-1.397 1.08-1.483 2.03-.036.387.091 1.067-.121 1.379-.305.448-1.07.314-1.126-.282-.086-.906.015-2 .587-2.736.296-.38.727-.655 1.04-1.017 1.696-1.952 1.275-5.009-.841-6.45-3.244-2.21-7.447.811-6.554 4.634.229.977.673 1.511 1.338 2.198l-.001-.003Z"/>\n  <path fill="currentColor" d="M9.213 18.22c.192-.185.062-.443.057-.667-.036-1.928.008-3.874.031-5.797-.02-.178-1.18-1.178-1.37-1.448-.226-.318-.198-.772.175-.952.765-.371 1.243.858 1.826 1.12.132-.013.885-.908 1.087-1.056.534-.392 1.217.094.97.738-.151.395-1.115 1.068-1.392 1.473-.159.231-.043.37-.038.606.033 1.783-.005 3.574 0 5.358 0 .188-.08.456.058.627h1.445c.046 0 .262.167.302.223a.645.645 0 0 1-.31.984l-4.336-.022c-.41-.183-.514-.775-.152-1.064.028-.023.19-.122.201-.122h1.446v-.002ZM11.346 21.612a.712.712 0 0 1-.408.217c-.38.044-1.764.055-2.118-.01-.591-.108-.622-1.142.155-1.244.377-.05 1.497-.048 1.873.007.421.06.649.354.594.782a.807.807 0 0 1-.096.248ZM9.895.15c.772-.013.6.797.62 1.3.018.439.186 1.213-.209 1.53a.615.615 0 0 1-.973-.255c-.102-.268-.09-1.508-.062-1.847.032-.368.215-.72.624-.727ZM1.218 7.335c.387.047 1.282.3 1.661.439s.601.397.468.822c-.079.254-.325.473-.601.442-.378-.042-1.444-.35-1.823-.49-.721-.267-.452-1.303.295-1.213ZM18.783 7.57c-.387.047-1.283.3-1.662.44-.378.138-.6.397-.468.821.08.254.326.473.602.442.378-.042 1.444-.35 1.822-.49.722-.267.453-1.302-.294-1.213ZM3.11 2.046c.217-.207.559-.195.803-.048.155.092 1.155 1.113 1.291 1.29.457.6-.169 1.342-.798.969-.152-.09-1.195-1.153-1.331-1.331-.195-.256-.212-.646.034-.88ZM17.184 2.046c-.218-.207-.56-.195-.803-.048-.155.092-1.156 1.113-1.292 1.29-.457.6.169 1.342.798.969.153-.09 1.196-1.153 1.332-1.331.194-.256.211-.646-.035-.88Z"/>\n</svg>\n`;var Q=`<svg id="location-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="#E17000" d="M12 5.14a4.853 4.853 0 0 0-4.8 4.573c0 4 4.133 9.147 4.8 9.147.667 0 4.8-5.147 4.8-9.147 0-2.286-2.4-4.573-4.8-4.573Zm0 7.433a2.933 2.933 0 0 1-3-2.86 2.927 2.927 0 0 1 3-2.853 2.927 2.927 0 0 1 3 2.853 2.933 2.933 0 0 1-3 2.86Z"/>\n  <path fill="#000" d="M12 4C8.807 4 6 6.667 6 9.713c0 2.567 1.453 5.274 2.32 6.667C9.333 18 10.833 20 12 20c1.167 0 2.667-2 3.687-3.633C16.553 14.987 18 12.28 18 9.7 18 6.78 15.087 4 12 4Zm0 14.86c-.667 0-4.8-5.147-4.8-9.147A4.853 4.853 0 0 1 12 5.14c2.4 0 4.8 2.287 4.8 4.573 0 4-4.133 9.147-4.8 9.147Z"/>\n  <path fill="#191919" d="M13.667 9.745c0-.831-.716-1.558-1.667-1.558-.95 0-1.667.727-1.667 1.558 0 .83.716 1.558 1.667 1.558.95 0 1.667-.728 1.667-1.558Zm1.333 0c0 1.626-1.373 2.89-3 2.89s-3-1.264-3-2.89c0-1.627 1.373-2.892 3-2.892s3 1.265 3 2.892Z"/>\n</svg>\n`;var X=`<svg id="location-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M16,12a4,4,0,1,1-4-4A4,4,0,0,1,16,12Zm8,0a1,1,0,0,1-1,1H19.92A8,8,0,0,1,13,19.92V23a1,1,0,0,1-2,0V19.93a8,8,0,0,1-7-6.93H1a1,1,0,0,1,0-2H4.06a8,8,0,0,1,7-6.94V1a1,1,0,0,1,2,0V4.07A8,8,0,0,1,19.92,11H23A1,1,0,0,1,24,12Zm-6,0A6,6,0,0,0,12,6H12a6,6,0,0,0-6,6V12a6,6,0,0,0,12,0Z"/>\n</svg>\n`;var Y=`<svg id="location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,24c-1.11,0-8-9-8-16a8.28,8.28,0,0,1,8-8c4,0,8,4,8,8C20,15,13.14,24,12,24ZM12,3a5,5,0,1,0,5,5A5,5,0,0,0,12,3Z"/>\n</svg>\n`;var aa=`<svg id="lock" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18.14,9H17V7A5,5,0,0,0,7,7V9H5.86A1.87,1.87,0,0,0,4,10.86v8.28A1.87,1.87,0,0,0,5.86,21H18.14A1.87,1.87,0,0,0,20,19.14V10.86A1.87,1.87,0,0,0,18.14,9ZM9,7a3,3,0,0,1,6,0V9H9Zm4.74,9.66a1.52,1.52,0,0,1,.26.84,1.5,1.5,0,1,1-2.75-.84,2.49,2.49,0,0,1-1.25-2,2.5,2.5,0,1,1,3.74,2Z"/>\n</svg>\n`;var la=`<svg id="magnet" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,23C6.49,23,2,18.19,2,12.28V9H7v3.28a5.31,5.31,0,0,0,5,5.57,5.31,5.31,0,0,0,5-5.57V9h5v3.28C22,18.19,17.51,23,12,23ZM22,2H17V7h5ZM7,2H2V7H7Z"/>\n</svg>\n`;var sa=`<svg id="mail" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h22Zm-1 2H2v14h20V5Zm-7 10v2H4v-2h11Zm-2-4v2H4v-2h9Zm8-5v6h-5V6h5Z"/>\n</svg>\n`;var na=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.2857143,-1 C11.7847729,-1 13,0.215227108 13,1.71428571 L13,3 L14.2857143,3 C15.7847729,3 17,4.21522711 17,5.71428571 L17,14.2857143 C17,15.7847729 15.7847729,17 14.2857143,17 L5.71428571,17 C4.21522711,17 3,15.7847729 3,14.2857143 L3,13 L1.71428571,13 C0.270747797,13 -0.909593834,11.8731227 -0.995046385,10.451061 L-1,10.2857143 L-1,1.71428571 C-1,0.215227108 0.215227108,-1 1.71428571,-1 L10.2857143,-1 Z M13,10.2857143 C13,11.7847729 11.7847729,13 10.2857143,13 L5,13 L5,14.2857143 C5,14.6802034 5.31979661,15 5.71428571,15 L14.2857143,15 C14.6802034,15 15,14.6802034 15,14.2857143 L15,5.71428571 C15,5.31979661 14.6802034,5 14.2857143,5 L13,5 L13,10.2857143 Z M10.2857143,1 L1.71428571,1 C1.31979661,1 1,1.31979661 1,1.71428571 L1,10.2857143 C1,10.6802034 1.31979661,11 1.71428571,11 L10.2857143,11 C10.6802034,11 11,10.6802034 11,10.2857143 L11,1.71428571 C11,1.31979661 10.6802034,1 10.2857143,1 Z" transform="translate(4 4)"/></svg>`;var va=`<svg id="map-location" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M19,15c-.7,0-5-5.63-5-10a5.18,5.18,0,0,1,5-5,5.38,5.38,0,0,1,5,5C24,9.38,19.71,15,19,15ZM19,1.88A3.13,3.13,0,1,0,22.13,5,3.12,3.12,0,0,0,19,1.88ZM20.68,16l1.23,5.77-4-1.35L17.52,16l-2-3,.62,7.49-3.22,1.3v-9.4L14,11.55h0l.33-.24-.85-1.6-.39.29L12,10.82,8.49,8.18A1,1,0,0,0,8.12,8h0a1.09,1.09,0,0,0-.4,0h0L3.28,9.63a.93.93,0,0,0-.57.66L0,22.92a.9.9,0,0,0,.28.86A.86.86,0,0,0,.89,24,.92.92,0,0,0,1.17,24L6.92,22l4.75,1.91h0a.78.78,0,0,0,.6,0h0L17.08,22,22.83,24a.87.87,0,0,0,.28.05.86.86,0,0,0,.59-.23.9.9,0,0,0,.28-.86L22.08,14ZM6.11,20.42l-4,1.35L4.35,11.15,7,10.21Zm5,1.37-3.22-1.3.82-9.91,2.4,1.81Z"/>\n</svg>\n`;var ra=`<svg id="marker" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M10.79,22l-1.2,1.24a.89.89,0,0,1-.73.24l-3.63-.65-1,1.05a.42.42,0,0,1-.61,0l-.48-.5-.58.46a.67.67,0,0,1-.38.18H.33a.43.43,0,0,1-.18-.75l1.39-1.54-.47-.49a.47.47,0,0,1,0-.65l1-1-.63-3.78A1,1,0,0,1,1.65,15l1.2-1.25ZM23.91,5.12a.53.53,0,0,0-.06-.67L19.72.16A.48.48,0,0,0,19.07.1L4.37,12.16l7.94,8.26Z"/>\n</svg>\n`;var ta=`<svg id="measurement" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M1,24a1,1,0,0,1-1-1V1A1,1,0,0,1,2,1V23A1,1,0,0,1,1,24Zm23-1V1a1,1,0,0,0-2,0V23a1,1,0,0,0,2,0Zm-4-5-2-2v1H6V16L4,18l2,2V19H18v1Zm-8-3a1,1,0,1,0-1-1A1,1,0,0,0,12,15ZM12,3A4,4,0,0,0,8,7v.09a1,1,0,0,0,2,0V7a2,2,0,0,1,4,0c0,1.64-3,1.63-3,4v.09a1,1,0,0,0,2,0V11c0-1.36,3-1.21,3-4A4,4,0,0,0,12,3Z"/>\n</svg>\n`;var ia=`<svg id="minus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n  <polygon fill="currentColor" points="7 11 7 13 17 13 17 11"></polygon>\n</svg>\n`;var ga=`<svg id="minus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4ZM17,12a.92.92,0,0,0-.81-1H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1h8.38A.92.92,0,0,0,17,12Z"/>\n</svg>\n`;var oa=`<svg id="minus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M5.3,10.7 L18.7,10.7 C19.4179702,10.7 20,11.2820298 20,12 C20,12.7179702 19.4179702,13.3 18.7,13.3 L5.3,13.3 C4.58202983,13.3 4,12.7179702 4,12 C4,11.2820298 4.58202983,10.7 5.3,10.7 Z"/>\n</svg>\n`;var wa=`<svg id="more" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M6,10a2,2,0,1,0,2,2A2,2,0,0,0,6,10Zm12,0a2,2,0,1,0,2,2A2,2,0,0,0,18,10Zm-6,0a2,2,0,1,0,2,2A2,2,0,0,0,12,10Z"/>\n</svg>\n`;var ea=`<svg id="municipality" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M16,10V9H8v1H0V23H8v1h3V18h2v6h3V23h8V10ZM4,20H2V12H4Zm4,0H6V12H8Zm5-7H11V11h2Zm5,7H16V12h2Zm4,0H20V12h2ZM22,1.88a2.55,2.55,0,0,1,2,0V.51a2.53,2.53,0,0,0-2,0c-1,.41-2,.74-3-.26V0H18V6.38L16,6V3.5L12,2,8,3.5V6L0,7.5V9H8V8h8V9h8V7.5l-5-.94V4.2c1,1,2,.67,3,.25a2.55,2.55,0,0,1,2,0V3.09a2.55,2.55,0,0,0-2,0c-1,.41-2,.75-3-.25V1.63C20,2.63,21,2.29,22,1.88ZM12,6a1,1,0,1,1,1-1A1,1,0,0,1,12,6Z"/>\n</svg>\n`;var ha=`<svg id="nature" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23,22.41c0,.79-22,.79-22,0,0-.3.74-.58,2-.81V19.21a2.35,2.35,0,0,1-2-2.44C1,13.36,2.67,11,3.5,11S6,13.36,6,16.77a2.35,2.35,0,0,1-2,2.44v2.24A61.55,61.55,0,0,1,12,21c1.8,0,3.5.06,5,.16V16.43a4.29,4.29,0,0,1-3.37-2.65,7,7,0,0,0,1-9.95C15.75,1.43,17.14,0,18,0,19.69,0,23,4.72,23,11.55a4.72,4.72,0,0,1-4,4.88v4.89C21.44,21.58,23,22,23,22.41ZM11,18V12.9a5,5,0,1,0-1,.1h0v5.05c-1.72.16-3,.71-3,1.36s8,.79,8,0S13.21,18,11,18Z"/>\n</svg>\n`;var ca=`<svg id="new-window" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18,11a.92.92,0,0,1-.81,1H15v2.19A.92.92,0,0,1,14,15a.92.92,0,0,1-1-.81V12H10.81A.92.92,0,0,1,10,11a.92.92,0,0,1,.81-1H13V7.81A.92.92,0,0,1,14,7a.92.92,0,0,1,1,.81V10h2.19A.92.92,0,0,1,18,11Zm6-9V18a2,2,0,0,1-2,2H20v2a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V6A2,2,0,0,1,2,4H4V2A2,2,0,0,1,6,0H22A2,2,0,0,1,24,2ZM18,20H6a2,2,0,0,1-2-2V8H2V21a1,1,0,0,0,1,1H17a1,1,0,0,0,1-1ZM22,4H6V17a1,1,0,0,0,1,1H21a1,1,0,0,0,1-1ZM7,1A1,1,0,1,0,8,2,1,1,0,0,0,7,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,10,1Zm3,0a1,1,0,1,0,1,1A1,1,0,0,0,13,1Z"/>\n</svg>\n`;var da=`<svg id="paperclip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M21.88,8.94,10,20.6A4.63,4.63,0,0,1,6.62,22h0a5.78,5.78,0,0,1-4.05-1.81,5.34,5.34,0,0,1,0-7.56l9.3-9.26a1,1,0,1,1,1.48,1.48l-9.3,9.26h0a3.26,3.26,0,0,0,0,4.6,3.79,3.79,0,0,0,2.58,1.21,2.55,2.55,0,0,0,1.85-.81h0L20.4,7.46a1.83,1.83,0,0,0,.5-1.39,2.24,2.24,0,0,0-.63-1.44,1.85,1.85,0,0,0-2.61,0h0L7.43,14.73a.48.48,0,0,0,0,.67.48.48,0,0,0,.34.14.46.46,0,0,0,.34-.14l7.36-7.28a1,1,0,0,1,1.48,0A1,1,0,0,1,17,9.6h0L9.6,16.88h0a2.66,2.66,0,0,1-3.65,0,2.55,2.55,0,0,1,0-3.63L16.17,3.15a4,4,0,0,1,5.59,0A4.31,4.31,0,0,1,23,6,3.89,3.89,0,0,1,21.88,8.94Z"/>\n</svg>\n`;var Za=`<svg id="parking" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52ZM19,3H5A2,2,0,0,0,3,5V19a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2V5A2,2,0,0,0,19,3Zm-2.91,8.4a2.93,2.93,0,0,1-.63,1,4,4,0,0,1-1.26.84,4.6,4.6,0,0,1-1.73.29H11v3.07H8.51V7.17h4A6.5,6.5,0,0,1,14,7.33a3.42,3.42,0,0,1,1.1.47,2.41,2.41,0,0,1,.87,1,3.06,3.06,0,0,1,.3,1.41A3.57,3.57,0,0,1,16.09,11.4ZM13.58,9.52a1.15,1.15,0,0,1,.21.69,2,2,0,0,1-.1.69,1.17,1.17,0,0,1-.34.48,1.47,1.47,0,0,1-.68.31,5.81,5.81,0,0,1-1,.07H11V8.94h1.38a2.26,2.26,0,0,1,.74.17A1.21,1.21,0,0,1,13.58,9.52Z"/>\n</svg>\n`;var pa=`<svg id="pencil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M16.27,3.2l4.56,4.54L8,20.52,3.43,16ZM22.54,4,20,1.46a1.4,1.4,0,0,0-2-.1l-.87.86,4.58,4.57.87-.86A1.4,1.4,0,0,0,22.54,4ZM1,22.35h0a.4.4,0,0,0,.1.5.4.4,0,0,0,.5.1h0l5.44-1.49L2.51,16.9Z"/>\n</svg>\n`;var Aa=`<svg id="pin-outline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g>\n    <path d="M8.18,7.54a4.94,4.94,0,0,1,1.41-4A5.16,5.16,0,0,0,7,8.64a5.07,5.07,0,0,0,5.55,4.58,5,5,0,0,0,4.08-3,4.77,4.77,0,0,1-3.13,1.68A4.83,4.83,0,0,1,8.18,7.54Z" fill="none"/>\n    <path d="M12,1.71A6.45,6.45,0,0,0,9.61,14.09L10.74,21a1.26,1.26,0,1,0,2.52,0l1.13-6.91A6.45,6.45,0,0,0,12,1.71Zm.5,11.51A5.07,5.07,0,0,1,7,8.64,5.16,5.16,0,0,1,9.59,3.58a4.94,4.94,0,0,0-1.41,4,4.83,4.83,0,0,0,5.27,4.35,4.77,4.77,0,0,0,3.13-1.68A5,5,0,0,1,12.5,13.22Z" fill="#79b929"/>\n    <path d="M12,0A8.08,8.08,0,0,0,4,8.14a8.13,8.13,0,0,0,4.09,7.1l1,5.93a2.94,2.94,0,0,0,5.88,0l1-5.93A8.13,8.13,0,0,0,20,8.14,8.08,8.08,0,0,0,12,0Zm2.39,14.09L13.26,21a1.26,1.26,0,1,1-2.52,0L9.61,14.09A6.45,6.45,0,0,1,12,1.71a6.45,6.45,0,0,1,2.39,12.38Z"/>\n  </g>\n</svg>\n`;var ma=`<svg id="pin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M15.34,14.44,14,22.5a1.5,1.5,0,0,1-3,0L9.66,14.44a7.5,7.5,0,1,1,5.68,0Zm-1.11-2.57a5.68,5.68,0,0,1-4.59-9.7,6,6,0,1,0,8.3,7.74A5.63,5.63,0,0,1,14.23,11.87Z"/>\n</svg>\n`;var Ca=`<svg id="plus-circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z"></path>\n  <polygon fill="currentColor" points="13 7 11 7 11 11 7 11 7 13 11 13 11 17 13 17 13 13 17 13 17 11 13 11"></polygon>\n</svg>\n`;var Ha=`<svg id="plus-square" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M18,4a2,2,0,0,1,2,2V18a2,2,0,0,1-2,2H6a2,2,0,0,1-2-2V6A2,2,0,0,1,6,4H18m0-2H6A4,4,0,0,0,2,6V18a4,4,0,0,0,4,4H18a4,4,0,0,0,4-4V6a4,4,0,0,0-4-4Zm-1.81,9H13V7.81A.92.92,0,0,0,12,7a.92.92,0,0,0-1,.81V11H7.81A.92.92,0,0,0,7,12a.92.92,0,0,0,.81,1H11v3.19A.92.92,0,0,0,12,17a.92.92,0,0,0,1-.81V13h3.19A.92.92,0,0,0,17,12,.92.92,0,0,0,16.19,11Z"/>\n</svg>\n`;var Va=`<svg id="plus" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M17.87,11H13V6.13A1.08,1.08,0,0,0,12,5a1.08,1.08,0,0,0-1,1.13V11H6.13A1.08,1.08,0,0,0,5,12a1.08,1.08,0,0,0,1.13,1H11v4.87A1.08,1.08,0,0,0,12,19a1.08,1.08,0,0,0,1-1.13V13h4.87A1.08,1.08,0,0,0,19,12,1.08,1.08,0,0,0,17.87,11Z"/>\n</svg>\n`;var Ma=`<svg id="print" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M21.33,9H18V4a2,2,0,0,0-2-2H6A2,2,0,0,0,4,4V9H2.67A.67.67,0,0,0,2,9.67v6.66a.67.67,0,0,0,.67.67h1l-.66,2.75a1.87,1.87,0,0,0,2,2.25H16.92a1.87,1.87,0,0,0,2-2.25L18.29,17h3a.67.67,0,0,0,.67-.67V9.67A.67.67,0,0,0,21.33,9ZM6,4H16V9H6ZM19.5,14A1.5,1.5,0,1,1,21,12.5,1.5,1.5,0,0,1,19.5,14Zm-3.67,1L17,19.89l-.09.11H5.17l-.1-.11L6.21,15Z"/>\n</svg>\n`;var xa=`<svg id="procedures" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7.14,8a.26.26,0,0,0-.26.26V9.42a6.64,6.64,0,0,0-2.73,1.13l-.82-.82a.27.27,0,0,0-.19-.08A.27.27,0,0,0,3,9.73L1.74,11a.27.27,0,0,0,0,.37l.82.82a6.81,6.81,0,0,0-1.15,2.73H.26a.26.26,0,0,0-.26.26v1.73a.26.26,0,0,0,.26.26H1.42a6.64,6.64,0,0,0,1.13,2.73l-.82.82a.27.27,0,0,0,0,.37L3,22.26a.27.27,0,0,0,.37,0l.82-.82a6.81,6.81,0,0,0,2.73,1.15v1.15a.26.26,0,0,0,.26.26H8.86a.26.26,0,0,0,.26-.26V22.58a6.64,6.64,0,0,0,2.73-1.13l.82.82a.27.27,0,0,0,.37,0l1.22-1.22a.27.27,0,0,0,0-.37l-.82-.82a6.81,6.81,0,0,0,1.15-2.73h1.15a.26.26,0,0,0,.26-.26V15.14a.26.26,0,0,0-.26-.26H14.58a6.64,6.64,0,0,0-1.13-2.73l.82-.82a.27.27,0,0,0,0-.37L13.05,9.74a.27.27,0,0,0-.18-.08.27.27,0,0,0-.19.08l-.82.82A6.81,6.81,0,0,0,9.13,9.41V8.26A.26.26,0,0,0,8.87,8ZM8,14a2,2,0,1,1-1.41.58A2,2,0,0,1,8,14ZM15.25.47a.21.21,0,0,0-.12.26l.31.83A5.23,5.23,0,0,0,13.77,3.1L13,2.73a.22.22,0,0,0-.27.1L12.15,4a.2.2,0,0,0,.1.27l.8.37A5.12,5.12,0,0,0,13,6.94l-.83.31A.19.19,0,0,0,12,7.5l.46,1.25a.21.21,0,0,0,.26.12l.83-.31a5.23,5.23,0,0,0,1.54,1.67l-.37.8a.21.21,0,0,0,.1.27l1.2.55a.2.2,0,0,0,.27-.1l.37-.8a5.12,5.12,0,0,0,2.27.09l.31.83a.19.19,0,0,0,.25.12l1.25-.46a.21.21,0,0,0,.12-.26l-.31-.83A5.23,5.23,0,0,0,22.23,8.9l.8.37a.21.21,0,0,0,.27-.1L23.85,8a.2.2,0,0,0-.1-.27L23,7.33A5.12,5.12,0,0,0,23,5.06l.83-.31A.19.19,0,0,0,24,4.5l-.46-1.25a.21.21,0,0,0-.26-.12l-.83.31A5.23,5.23,0,0,0,20.9,1.77l.37-.8a.2.2,0,0,0-.1-.27L20,.15a.22.22,0,0,0-.16,0,.23.23,0,0,0-.11.11l-.37.8A5.12,5.12,0,0,0,17.06,1L16.75.13A.2.2,0,0,0,16.5,0ZM17,3.19a3,3,0,1,1-1.68,1.55A3,3,0,0,1,17,3.19Z"/>\n</svg>\n`;var fa=`<svg id="redo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12.3,3a9.43,9.43,0,0,1,6.61,2.67L20.4,4.19c.33-.33.6-.22.6.25v4.7a.85.85,0,0,1-.86.86h-4.7c-.47,0-.58-.27-.25-.6l2.28-2.29A7.32,7.32,0,0,0,12.3,5a7.12,7.12,0,0,0-7.23,7,7.12,7.12,0,0,0,7.23,7A7.22,7.22,0,0,0,19,14.62a1,1,0,0,1,1.34-.55,1,1,0,0,1,.57,1.31A9.27,9.27,0,0,1,12.3,21,9.16,9.16,0,0,1,3,12,9.16,9.16,0,0,1,12.3,3Z"/>\n</svg>\n`;var ua=`<svg id="safety" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23.79,4.08a.79.79,0,0,0-.56-.23h0A3.05,3.05,0,0,1,21,3,2.85,2.85,0,0,1,20.19.78.76.76,0,0,0,20,.23.79.79,0,0,0,19.42,0H4.58A.79.79,0,0,0,4,.23a.76.76,0,0,0-.21.55A2.85,2.85,0,0,1,3,3a3.05,3.05,0,0,1-2.18.9h0a.79.79,0,0,0-.57.23A.77.77,0,0,0,0,4.64,23.46,23.46,0,0,0,11.59,23.89a.82.82,0,0,0,.82,0A23.46,23.46,0,0,0,24,4.64.77.77,0,0,0,23.79,4.08ZM10.86,16.86,6,12.17a.93.93,0,0,1,0-1.35,1,1,0,0,1,1.41,0l3.4,3.31,7.18-7a1,1,0,0,1,1.41,0,.93.93,0,0,1,0,1.36Z"/>\n</svg>\n`;var La=`<svg id="scale" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M2,20a1,1,0,0,1-1-1V5A1,1,0,0,1,3,5V19A1,1,0,0,1,2,20Zm21-1V5a1,1,0,0,0-2,0V19a1,1,0,0,0,2,0ZM7,19V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Zm4,0V10a1,1,0,0,0-2,0v9a1,1,0,0,0,2,0Z"/>\n</svg>\n`;var Ba=`<svg id="search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor"  d="M20.71,19.29,16.46,15A7.52,7.52,0,1,0,15,16.46l4.25,4.25a1,1,0,0,0,1.42,0A1,1,0,0,0,20.71,19.29ZM5,10.5A5.5,5.5,0,1,1,10.5,16,5.51,5.51,0,0,1,5,10.5Z"/>\n</svg>\n`;var Fa=`<svg id="sitemap" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M23.2,17H22V12H13V7h1.2a.8.8,0,0,0,.8-.8V1.8a.8.8,0,0,0-.8-.8H9.8a.8.8,0,0,0-.8.8V6.2a.8.8,0,0,0,.8.8H11v5H2v5H.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8H5.2a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H4V14h7v3H9.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8a.8.8,0,0,0-.8-.8H13V14h7v3H18.8a.8.8,0,0,0-.8.8v4.4a.8.8,0,0,0,.8.8h4.4a.8.8,0,0,0,.8-.8V17.8A.8.8,0,0,0,23.2,17Z"/>\n</svg>`;var ka=`<svg id="soil" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M14.09,6.55a3.32,3.32,0,0,1,0-1.65,2.14,2.14,0,0,1,2-1.79c.5-.07,1-.09,1.52-.11.3,0,.4.09.38.39-.06.6-.09,1.21-.21,1.81A2.13,2.13,0,0,1,15.87,7C15.43,7.05,14.25,6.87,14.09,6.55Zm-3.18,0a3.32,3.32,0,0,0,0-1.65,2.14,2.14,0,0,0-2-1.79C8.4,3,7.89,3,7.38,3c-.3,0-.4.09-.38.39.06.6.09,1.21.21,1.81A2.13,2.13,0,0,0,9.13,7C9.57,7.05,10.75,6.87,10.91,6.55ZM13,10.89a2.12,2.12,0,0,0,1.8,1.91,15.48,15.48,0,0,0,1.8.2c.31,0,.4-.08.39-.39,0-.5-.05-1-.12-1.52a2.14,2.14,0,0,0-1.8-2,3.39,3.39,0,0,0-1.64,0C13.12,9.26,13,10.44,13,10.89Zm9,9-1-1c0-1-1-1-2-1s-2-1.06-4-1.06A5.13,5.13,0,0,0,12,15c-1.34-3-1.68-4.33-1.68-4.9,0-1.67,2-1.69,2.05-1.69a.72.72,0,0,0,0-1.44C11.22,7,9,8.07,9,10.13a18.32,18.32,0,0,0,1.67,5.1,2.19,2.19,0,0,0-.67.45s-4,0-4.8,1.94L4.83,18l-.4-.3c-.37-.29-.83,1.15-1.32,1.15C2,18.8,1,20.88,1,20.86V23H23V20.86C23,19.71,23,19.84,22,19.84Z"/>\n</svg>\n`;var ya=`<svg id="sort-up" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,4a1.47,1.47,0,0,1,.91.36c.53.44,4.31,3.68,5.66,4.84a1.07,1.07,0,0,1,.4.57A1.07,1.07,0,0,1,17.8,11H6.2A1.07,1.07,0,0,1,5,9.77a1.07,1.07,0,0,1,.4-.57C6.78,8,10.56,4.8,11.09,4.36A1.47,1.47,0,0,1,12,4Z"/>\n</svg>\n`;var ba=`<svg id="sort-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21Z"/>\n</svg>\n`;var za=`<svg id="sort" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,21a1.47,1.47,0,0,1-.91-.36C10.56,20.2,6.78,17,5.43,15.8A1,1,0,0,1,6.2,14H17.8a1,1,0,0,1,.77,1.8c-1.35,1.16-5.13,4.4-5.66,4.84A1.47,1.47,0,0,1,12,21ZM12,4a1.47,1.47,0,0,0-.91.36C10.56,4.8,6.78,8,5.43,9.2a1.07,1.07,0,0,0-.4.57A1.07,1.07,0,0,0,6.2,11H17.8A1.07,1.07,0,0,0,19,9.77a1.07,1.07,0,0,0-.4-.57C17.22,8,13.44,4.8,12.91,4.36A1.47,1.47,0,0,0,12,4Z"/>\n</svg>\n`;var Sa=`<svg id="sound" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M3,15a1,1,0,0,1-1-1V10a1,1,0,0,1,2,0v4A1,1,0,0,1,3,15Zm19-2V11a1,1,0,0,0-2,0v2a1,1,0,0,0,2,0ZM7,16V8A1,1,0,0,0,5,8v8a1,1,0,0,0,2,0Zm3-2V10a1,1,0,0,0-2,0v4a1,1,0,0,0,2,0Zm3,3V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm6,0V7a1,1,0,0,0-2,0V17a1,1,0,0,0,2,0Zm-3,4V3a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"/>\n</svg>\n`;var Ea=`<svg id="spinner" class="spinner" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">\n    <style>\n        .spinner { animation: rotator 8s linear infinite; transform-origin: center; }\n        @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\n        .path { stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: #39870c; animation: dash 2s ease-in-out infinite; }\n        @keyframes dash { 0% { stroke-dashoffset: 265; } 50% { stroke-dashoffset: 65; transform:rotate(90deg); } 100% { stroke-dashoffset: 265; transform:rotate(360deg); } }\n    </style>\n    <circle class="path" fill="none" stroke-width="10" stroke-linecap="butt" cx="50" cy="50" r="45"/>\n</svg>\n`;var qa=`<svg id="status-danger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g>\n    <path d="M22.6,18.51c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4a1.7,1.7,0,0,1,3.12,0Z" fill="#ce3f51"/>\n    <path d="M12,3a1.9,1.9,0,0,1,1.56,1l9,14.48c.86,1.37.29,2.49-1.25,2.49H2.65C1.11,21,.54,19.88,1.4,18.51L10.44,4A1.9,1.9,0,0,1,12,3m0-1A2.89,2.89,0,0,0,9.6,3.5L.55,18a2.75,2.75,0,0,0-.28,2.81A2.59,2.59,0,0,0,2.65,22h18.7a2.59,2.59,0,0,0,2.38-1.21A2.75,2.75,0,0,0,23.45,18L14.4,3.5A2.89,2.89,0,0,0,12,2Z" fill="#fff"/>\n  </g>\n  <path d="M12,16a1,1,0,0,1-1-.91V8.91a1,1,0,0,1,2,0v6.18A1,1,0,0,1,12,16Zm0,1a1,1,0,1,0,1,1A1,1,0,0,0,12,17Z" fill="#fff"/>\n</svg>\n`;var Da=`<svg id="status-error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="status-error">\n    <path fill="#FFF" fill-rule="nonzero" d="M15.728 1H8.272a2 2 0 0 0-1.414.586L1.586 6.858A2 2 0 0 0 1 8.272v7.456a2 2 0 0 0 .586 1.414l5.272 5.272A2 2 0 0 0 8.272 23h7.456a2 2 0 0 0 1.414-.586l5.272-5.272A2 2 0 0 0 23 15.728V8.272a2 2 0 0 0-.586-1.414l-5.272-5.272A2 2 0 0 0 15.728 1Z"/>\n    <path fill="#ce3f51" d="m16.228 2.793 4.98 4.98a1 1 0 0 1 .292.706v7.042a1 1 0 0 1-.293.707l-4.98 4.98a1 1 0 0 1-.706.292H8.479a1 1 0 0 1-.707-.293l-4.98-4.98a1 1 0 0 1-.292-.706V8.479a1 1 0 0 1 .293-.707l4.98-4.98a1 1 0 0 1 .706-.292h7.042a1 1 0 0 1 .707.293Z"/>\n    <path fill="#FFF" fill-rule="nonzero" d="M16.737 7.263c.35.35.35.917 0 1.267L13.267 12l3.47 3.47a.896.896 0 1 1-1.267 1.267L12 13.267l-3.47 3.47a.896.896 0 1 1-1.267-1.267l3.47-3.47-3.47-3.47A.896.896 0 1 1 8.53 7.263l3.47 3.47 3.47-3.47a.896.896 0 0 1 1.267 0Z"/>\n  </g>\n</svg>\n`;var Oa=`<svg id="status-info" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="status-info">\n    <path fill="#FFF" d="M19 1a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5a4 4 0 0 1 4-4h14Z"/>\n    <path fill="#2b5780" d="M5.35 2.5h13.3a2.85 2.85 0 0 1 2.85 2.85v13.3a2.85 2.85 0 0 1-2.85 2.85H5.35a2.85 2.85 0 0 1-2.85-2.85V5.35A2.85 2.85 0 0 1 5.35 2.5Z"/>\n    <path fill="#FFF" fill-rule="nonzero" d="M13.695 17.952a1.28 1.28 0 0 1-2.561 0v-6.405h-.754a.942.942 0 0 1-.94-.874l-.002-.067c0-.52.422-.942.942-.942h2.373c.52 0 .942.422.942.942v7.346Z"/>\n    <circle id="Oval" cx="12.075" cy="6.5" r="1.658" fill="#FFF"/>\n  </g>\n</svg>\n`;var Ta=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1">\n    <g id="status-success">\n      <rect id="Rectangle" x="0" y="0"/>\n      <path id="Outer" fill="#FFF" fill-rule="nonzero" d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12A12 12 0 0 0 12 0Z"/>\n      <path id="Inner" fill="#39870c" fill-rule="nonzero" d="M12 1.5c5.799 0 10.5 4.701 10.5 10.5S17.799 22.5 12 22.5 1.5 17.799 1.5 12 6.201 1.5 12 1.5"/>\n      <path id="V" fill="#FFF" fill-rule="nonzero" d="M15.873 7.887a1 1 0 1 1 1.58 1.226l-6.488 8.365-4.405-4.837a1 1 0 1 1 1.48-1.345l2.803 3.075 5.03-6.484Z"/>\n    </g>\n  </g>\n</svg>\n`;var ja=`<svg id="status-warning-inline-negative" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline-negative">\n\t<path fill="#CE3F51" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#FFFFFF" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#CE3F51" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var Ia=`<svg id="status-warning-inline" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning-inline">\n\t<path fill="#FFFFFF" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#CE3F51" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#FFFFFF" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var Na=`<svg id="status-warning" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n<g id="status-warning">\n\t<path fill="#191919" d="M9.8,3.3L0.6,17.9c-0.8,1.3-0.4,2.9,0.8,3.7C1.9,21.9,2.4,22,2.9,22h18.4c1.5,0,2.7-1.2,2.7-2.7\n\t\tc0-0.5-0.1-1-0.4-1.4L14.4,3.3c-0.8-1.3-2.5-1.6-3.7-0.8C10.3,2.7,10,2.9,9.8,3.3L9.8,3.3z"/>\n\t<path fill="#DCD400" d="M12.7,3.7c0.2,0.1,0.3,0.2,0.4,0.4l9.2,14.6c0.4,0.6,0.2,1.3-0.4,1.7c-0.2,0.1-0.4,0.2-0.7,0.2H2.9\n\t\tc-0.7,0-1.2-0.6-1.2-1.2c0-0.2,0.1-0.5,0.2-0.7L11,4.1c0.3-0.5,1-0.7,1.6-0.5C12.6,3.6,12.7,3.7,12.7,3.7z"/>\n\t<path fill="#191919" d="M11.1,14.7l-0.1-6.1c0-0.7,0.5-1.1,1.1-1.1c0.7,0,1.1,0.5,1.1,1.1l-0.1,6.1c0,0.5-0.5,0.9-1,0.9\n\t\tS11.1,15.2,11.1,14.7z M12.1,16.6c-0.5,0-1,0.4-1,1s0.4,1,1,1c0.5,0,1-0.4,1-1C13.1,17.1,12.6,16.6,12.1,16.6z"/>\n</g>\n</svg>\n`;var Pa=`<svg id="table" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M20,0H4A4,4,0,0,0,0,4V20a4,4,0,0,0,4,4H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0ZM2,20V8H7V22H4A2,2,0,0,1,2,20Zm7,2V8h6V22Zm11,0H17V8h5V20A2,2,0,0,1,20,22ZM2,6V4A2,2,0,0,1,4,2H20a2,2,0,0,1,2,2V6Z"/>\n</svg>\n`;var Ra=`<svg id="times" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M13.36,12l3.3-3.3A1,1,0,1,0,15.3,7.34L12,10.64,8.7,7.34A1,1,0,1,0,7.34,8.7l3.3,3.3-3.3,3.3A1,1,0,1,0,8.7,16.66l3.3-3.3,3.3,3.3a1,1,0,1,0,1.36-1.36Z"/>\n</svg>\n`;var Ua=`<svg id="to-do-list" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 6.35 6.35">\n    <g stroke="currentColor"><rect width="3.015" height="3.862" x="1.667" y="1.244" fill="none" stroke-width=".372" ry=".126"/>\n        <g stroke-linecap="round">\n            <g fill="none">\n                <path stroke-width=".265" d="m2.2 2.09.265.264.533-.537"/>\n                <path stroke-width=".384" d="M4.098 2.113h-.675"/>\n            </g>\n            <path fill="none" stroke-width=".265" d="m2.196 3.152.265.264.533-.537"/>\n            <path fill="#none" stroke-width=".384" d="M4.094 3.175H3.42"/>\n            <g fill="none">\n                <path stroke-width=".265" d="m2.198 4.214.265.264.533-.537"/>\n                <path stroke-width=".384" d="M4.096 4.237h-.675"/>\n            </g>\n        </g>\n    </g>\n</svg>`;var Wa=`<svg id="trash" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M19,2V5H5V2H9V1h6V2Zm0,6.16V21.84A1.16,1.16,0,0,1,17.84,23H6.16A1.16,1.16,0,0,1,5,21.84V8.16A1.16,1.16,0,0,1,6.16,7H17.84A1.16,1.16,0,0,1,19,8.16ZM9,9.6A.6.6,0,0,0,8.4,9H7.6a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Zm4,0a.6.6,0,0,0-.6-.6h-.8a.6.6,0,0,0-.6.6V20.4a.6.6,0,0,0,.6.6h.8a.6.6,0,0,0,.6-.6Z"/>\n</svg>\n`;var $a=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12.2482 4.50092C10.1904 4.49166 8.21155 5.29244 6.73939 6.73019L5.50537 5.49625C5.22584 5.21674 5.00085 5.31218 5.00085 5.70077L5.00085 9.62075C4.99151 9.80738 5.05919 9.98967 5.18808 10.125C5.31696 10.2603 5.49575 10.3368 5.68263 10.3366H9.63014C10.0256 10.3366 10.121 10.1048 9.84149 9.83208L7.93932 7.90959C9.08529 6.77398 10.6348 6.13902 12.2482 6.1439C13.8243 6.12022 15.3452 6.72416 16.4757 7.82262C17.6062 8.92108 18.2536 10.4239 18.2751 12C18.2191 15.2742 15.5227 17.885 12.2482 17.8357C9.81893 17.8607 7.61322 16.4217 6.65758 14.1884C6.47273 13.7557 5.97622 13.5499 5.53946 13.7248C5.32974 13.8039 5.16082 13.9643 5.07098 14.1696C4.98113 14.375 4.97797 14.6079 5.06221 14.8156C6.29242 17.6841 9.12697 19.5315 12.2482 19.4991C16.4577 19.5636 19.9253 16.2091 20 12C19.9253 7.7909 16.4577 4.43636 12.2482 4.50092Z"/>\n</svg>`;var _a=`<svg id="user-line" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M11.91,12h.18A4.93,4.93,0,0,0,17,7.09V6.91A4.93,4.93,0,0,0,12.09,2h-.18A4.93,4.93,0,0,0,7,6.91v.18A4.93,4.93,0,0,0,11.91,12ZM9,6.91A2.92,2.92,0,0,1,11.91,4h.18A2.92,2.92,0,0,1,15,6.91v.18A2.92,2.92,0,0,1,12.09,10h-.18A2.92,2.92,0,0,1,9,7.09ZM20.86,19.73l-2.19-5.4a4.63,4.63,0,0,0-3-2.26A6.8,6.8,0,0,1,8.51,12a4.82,4.82,0,0,0-3.18,2.33l-2.19,5.4C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73ZM5.2,20l2-4.87a2.29,2.29,0,0,1,1.18-.94,8.75,8.75,0,0,0,3.84.88,8.82,8.82,0,0,0,3.65-.8,2.08,2.08,0,0,1,1,.84l2,4.89Z"/>\n</svg>\n`;var Ga=`<svg id="user" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M7,7.09V6.91A4.93,4.93,0,0,1,11.91,2h.18A4.93,4.93,0,0,1,17,6.91v.18A4.93,4.93,0,0,1,12.09,12h-.18A4.93,4.93,0,0,1,7,7.09ZM20.86,19.73l-2.19-5.11a4.62,4.62,0,0,0-3-2.25,6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L3.14,19.73C2.75,20.81,3.17,22,4.51,22h15C20.83,22,21.25,20.81,20.86,19.73Z"/>\n</svg>`;var Ja=`<svg id="users" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M5,7.09V6.91A4.93,4.93,0,0,1,9.91,2h.18a4.92,4.92,0,0,1,4.77,3.81,2.86,2.86,0,0,1,2-.81h.3A2.86,2.86,0,0,1,20,7.85v.3A2.86,2.86,0,0,1,17.15,11h-.3a2.83,2.83,0,0,1-2.5-1.52A4.9,4.9,0,0,1,10.09,12H9.91A4.93,4.93,0,0,1,5,7.09ZM22.91,16.6l-1.46-3.16a3.06,3.06,0,0,0-2-1.39A4.87,4.87,0,0,1,14.67,12a5.1,5.1,0,0,0-.94.37h0a6.83,6.83,0,0,1-7.21-.08,4.82,4.82,0,0,0-3.18,2.33L1.14,19.73C.75,20.81,1.17,22,2.51,22h15c1.34,0,1.76-1.19,1.37-2.27L18.12,18H22A1,1,0,0,0,22.91,16.6Z"/>\n</svg>\n`;var Ka=`<svg id="water" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M20,15.33C20,19,16.42,22,12,22s-8-3-8-6.67c0-3.11,3.72-7.18,6-10A11.15,11.15,0,0,0,12,2a11.15,11.15,0,0,0,2,3.33C16.28,8.15,20,12.22,20,15.33ZM9.09,16.5A5.12,5.12,0,0,1,7.47,12,4.69,4.69,0,0,0,6,15.43,4.42,4.42,0,0,0,10.24,20,4.2,4.2,0,0,0,14,17.49C12.69,18.39,10.64,18,9.09,16.5Z"/>\n</svg>`;var Qa=`<svg id="wip-wip" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n  <path fill="currentColor" d="M12,3a9,9,0,1,1-9,9,9,9,0,0,1,9-9m0-2A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm7,9a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,10a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,10Zm0,4a1.08,1.08,0,0,0-1.13-1H6.13A1.08,1.08,0,0,0,5,14a1.08,1.08,0,0,0,1.13,1H17.87A1.08,1.08,0,0,0,19,14Z"/>\n</svg>\n`;const Xa=":host{display:inline-block;block-size:24px;vertical-align:top;inline-size:24px}*,*::after,*::before{box-sizing:border-box}.icon-container{display:block;line-height:0}";const Ya=[{alias:"air",svg:s},{alias:"angle-down",svg:n},{alias:"angle-left",svg:v},{alias:"angle-right",svg:r},{alias:"angle-up",svg:t},{alias:"asterisk",svg:i},{alias:"balloon",svg:g},{alias:"bars",svg:o},{alias:"bell",svg:w},{alias:"buildings",svg:e},{alias:"calendar",svg:h},{alias:"call",svg:c},{alias:"caret-down",svg:d},{alias:"check",svg:p},{alias:"check-circle",svg:Z},{alias:"chevron-down",svg:A},{alias:"chevron-left",svg:m},{alias:"chevron-right",svg:C},{alias:"chevron-up",svg:H},{alias:"circle-notch",svg:V},{alias:"clock",svg:M},{alias:"copy",svg:x},{alias:"crown",svg:f},{alias:"cultural",svg:u},{alias:"document",svg:L},{alias:"download",svg:B},{alias:"email",svg:F},{alias:"energy",svg:k},{alias:"environment",svg:y},{alias:"exclamation",svg:b},{alias:"external-link",svg:z},{alias:"eye-slash",svg:S},{alias:"eye",svg:E},{alias:"filter",svg:q},{alias:"forbidden",svg:D},{alias:"hammer",svg:O},{alias:"health",svg:T},{alias:"help-active",svg:j},{alias:"help",svg:I},{alias:"house",svg:N},{alias:"info-active",svg:P},{alias:"info-i",svg:R},{alias:"info",svg:U},{alias:"infrastructure",svg:W},{alias:"label",svg:$},{alias:"land",svg:_},{alias:"landscape",svg:G},{alias:"layers",svg:J},{alias:"light-bulb",svg:K},{alias:"location",svg:Y},{alias:"location-outline",svg:Q},{alias:"location-search",svg:X},{alias:"lock",svg:aa},{alias:"magnet",svg:la},{alias:"mail",svg:sa},{alias:"map-layers",svg:na},{alias:"map-location",svg:va},{alias:"marker",svg:ra},{alias:"measurement",svg:ta},{alias:"minus-circle",svg:ia},{alias:"minus-square",svg:ga},{alias:"minus",svg:oa},{alias:"more",svg:wa},{alias:"municipality",svg:ea},{alias:"nature",svg:ha},{alias:"new-window",svg:ca},{alias:"paperclip",svg:da},{alias:"parking",svg:Za},{alias:"pencil",svg:pa},{alias:"pin",svg:ma},{alias:"pin-outline",svg:Aa},{alias:"plus-circle",svg:Ca},{alias:"plus-square",svg:Ha},{alias:"plus",svg:Va},{alias:"print",svg:Ma},{alias:"procedures",svg:xa},{alias:"spinner",svg:Ea},{alias:"redo",svg:fa},{alias:"safety",svg:ua},{alias:"scale",svg:La},{alias:"search",svg:Ba},{alias:"sitemap",svg:Fa},{alias:"soil",svg:ka},{alias:"sort-ascending",svg:ya},{alias:"sort-descending",svg:ba},{alias:"sort",svg:za},{alias:"sound",svg:Sa},{alias:"status-danger",svg:qa},{alias:"status-error",svg:Da},{alias:"status-info",svg:Oa},{alias:"status-success",svg:Ta},{alias:"status-warning",svg:Na},{alias:"status-warning-inline",svg:Ia},{alias:"status-warning-inline-negative",svg:ja},{alias:"table",svg:Pa},{alias:"times",svg:Ra},{alias:"to-do-list",svg:Ua},{alias:"trash",svg:Wa},{alias:"undo",svg:$a},{alias:"user-line",svg:_a},{alias:"user",svg:Ga},{alias:"users",svg:Ja},{alias:"water",svg:Ka},{alias:"wip-wip",svg:Qa}];const al=class{constructor(l){a(this,l)}render(){if(this.icon){const a=Ya.find((a=>a.alias===this.icon));if(!a){throw new TypeError(`Unknown svg: ${this.icon}`)}return l("span",{key:"cac8baa2fe7c9b7d8930cdd858ad1b0635661536",class:"icon-container",innerHTML:a.svg})}}};al.style=Xa;export{al as dso_icon};
-//# sourceMappingURL=p-e5dc4512.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["iconCss","icons","alias","svg","air","angleDown","angleLeft","angleRight","angleUp","asterisk","balloon","bars","bell","buildings","calendar","call","caretDown","check","checkCircle","chevronDown","chevronLeft","chevronRight","chevronUp","circleNotch","clock","copy","crown","cultural","document","download","email","energy","environment","exclamation","externalLink","eyeSlash","eye","filter","forbidden","hammer","health","helpActive","help","house","infoActive","infoI","info","infrastructure","label","land","landscape","layers","lightBulb","location","locationOutline","locationSearch","lock","magnet","mail","mapLayers","mapLocation","marker","measurement","minusCircle","minusSquare","minus","more","municipality","nature","newWindow","paperclip","parking","pencil","pin","pinOutline","plusCircle","plusSquare","plus","print","procedures","spinner","redo","safety","scale","search","sitemap","soil","sortAscending","sortDescending","sort","sound","statusDanger","statusError","statusInfo","statusSuccess","statusWarning","statusWarningInline","statusWarningInlineNegative","table","times","toDoList","trash","undo","userLine","user","users","water","wipWip","Icon","render","this","icon","find","i","TypeError","h","key","class","innerHTML"],"sources":["src/components/icon/icon.scss?tag=dso-icon&encapsulation=shadow","src/components/icon/icon.tsx"],"sourcesContent":["@use \"~dso-toolkit/src/utilities\";\r\n@use \"~dso-toolkit/src/components/icon\";\r\n\r\n:host {\r\n  display: inline-block;\r\n  block-size: icon.$size;\r\n  vertical-align: icon.$vertical-align;\r\n  inline-size: icon.$size;\r\n}\r\n\r\n@include utilities.box-sizing();\r\n\r\n.icon-container {\r\n  display: block;\r\n  line-height: 0;\r\n}\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\nimport air from \"dso-toolkit/src/icons/air.svg\";\r\nimport angleDown from \"dso-toolkit/src/icons/angle-down.svg\";\r\nimport angleLeft from \"dso-toolkit/src/icons/angle-left.svg\";\r\nimport angleRight from \"dso-toolkit/src/icons/angle-right.svg\";\r\nimport angleUp from \"dso-toolkit/src/icons/angle-up.svg\";\r\nimport asterisk from \"dso-toolkit/src/icons/asterisk.svg\";\r\nimport balloon from \"dso-toolkit/src/icons/balloon.svg\";\r\nimport bars from \"dso-toolkit/src/icons/bars.svg\";\r\nimport bell from \"dso-toolkit/src/icons/bell.svg\";\r\nimport buildings from \"dso-toolkit/src/icons/buildings.svg\";\r\nimport calendar from \"dso-toolkit/src/icons/calendar.svg\";\r\nimport call from \"dso-toolkit/src/icons/call.svg\";\r\nimport caretDown from \"dso-toolkit/src/icons/caret-down.svg\";\r\nimport checkCircle from \"dso-toolkit/src/icons/check-circle.svg\";\r\nimport check from \"dso-toolkit/src/icons/check.svg\";\r\nimport chevronDown from \"dso-toolkit/src/icons/chevron-down.svg\";\r\nimport chevronLeft from \"dso-toolkit/src/icons/chevron-left.svg\";\r\nimport chevronRight from \"dso-toolkit/src/icons/chevron-right.svg\";\r\nimport chevronUp from \"dso-toolkit/src/icons/chevron-up.svg\";\r\nimport circleNotch from \"dso-toolkit/src/icons/circle-notch.svg\";\r\nimport clock from \"dso-toolkit/src/icons/clock.svg\";\r\nimport copy from \"dso-toolkit/src/icons/copy.svg\";\r\nimport crown from \"dso-toolkit/src/icons/crown.svg\";\r\nimport cultural from \"dso-toolkit/src/icons/cultural.svg\";\r\nimport document from \"dso-toolkit/src/icons/document.svg\";\r\nimport download from \"dso-toolkit/src/icons/download.svg\";\r\nimport email from \"dso-toolkit/src/icons/email.svg\";\r\nimport energy from \"dso-toolkit/src/icons/energy.svg\";\r\nimport environment from \"dso-toolkit/src/icons/environment.svg\";\r\nimport exclamation from \"dso-toolkit/src/icons/exclamation.svg\";\r\nimport externalLink from \"dso-toolkit/src/icons/external-link.svg\";\r\nimport eyeSlash from \"dso-toolkit/src/icons/eye-slash.svg\";\r\nimport eye from \"dso-toolkit/src/icons/eye.svg\";\r\nimport filter from \"dso-toolkit/src/icons/filter.svg\";\r\nimport forbidden from \"dso-toolkit/src/icons/forbidden.svg\";\r\nimport hammer from \"dso-toolkit/src/icons/hammer.svg\";\r\nimport health from \"dso-toolkit/src/icons/health.svg\";\r\nimport helpActive from \"dso-toolkit/src/icons/help-active.svg\";\r\nimport help from \"dso-toolkit/src/icons/help.svg\";\r\nimport house from \"dso-toolkit/src/icons/house.svg\";\r\nimport infoActive from \"dso-toolkit/src/icons/info-active.svg\";\r\nimport infoI from \"dso-toolkit/src/icons/info-i.svg\";\r\nimport info from \"dso-toolkit/src/icons/info.svg\";\r\nimport infrastructure from \"dso-toolkit/src/icons/infrastructure.svg\";\r\nimport label from \"dso-toolkit/src/icons/label.svg\";\r\nimport land from \"dso-toolkit/src/icons/land.svg\";\r\nimport landscape from \"dso-toolkit/src/icons/landscape.svg\";\r\nimport layers from \"dso-toolkit/src/icons/layers.svg\";\r\nimport lightBulb from \"dso-toolkit/src/icons/light-bulb.svg\";\r\nimport locationOutline from \"dso-toolkit/src/icons/location-outline.svg\";\r\nimport locationSearch from \"dso-toolkit/src/icons/location-search.svg\";\r\nimport location from \"dso-toolkit/src/icons/location.svg\";\r\nimport lock from \"dso-toolkit/src/icons/lock.svg\";\r\nimport magnet from \"dso-toolkit/src/icons/magnet.svg\";\r\nimport mail from \"dso-toolkit/src/icons/mail.svg\";\r\nimport mapLayers from \"dso-toolkit/src/icons/map-layers.svg\";\r\nimport mapLocation from \"dso-toolkit/src/icons/map-location.svg\";\r\nimport marker from \"dso-toolkit/src/icons/marker.svg\";\r\nimport measurement from \"dso-toolkit/src/icons/measurement.svg\";\r\nimport minusCircle from \"dso-toolkit/src/icons/minus-circle.svg\";\r\nimport minusSquare from \"dso-toolkit/src/icons/minus-square.svg\";\r\nimport minus from \"dso-toolkit/src/icons/minus.svg\";\r\nimport more from \"dso-toolkit/src/icons/more.svg\";\r\nimport municipality from \"dso-toolkit/src/icons/municipality.svg\";\r\nimport nature from \"dso-toolkit/src/icons/nature.svg\";\r\nimport newWindow from \"dso-toolkit/src/icons/new-window.svg\";\r\nimport paperclip from \"dso-toolkit/src/icons/paperclip.svg\";\r\nimport parking from \"dso-toolkit/src/icons/parking.svg\";\r\nimport pencil from \"dso-toolkit/src/icons/pencil.svg\";\r\nimport pinOutline from \"dso-toolkit/src/icons/pin-outline.svg\";\r\nimport pin from \"dso-toolkit/src/icons/pin.svg\";\r\nimport plusCircle from \"dso-toolkit/src/icons/plus-circle.svg\";\r\nimport plusSquare from \"dso-toolkit/src/icons/plus-square.svg\";\r\nimport plus from \"dso-toolkit/src/icons/plus.svg\";\r\nimport print from \"dso-toolkit/src/icons/print.svg\";\r\nimport procedures from \"dso-toolkit/src/icons/procedures.svg\";\r\nimport redo from \"dso-toolkit/src/icons/redo.svg\";\r\nimport safety from \"dso-toolkit/src/icons/safety.svg\";\r\nimport scale from \"dso-toolkit/src/icons/scale.svg\";\r\nimport search from \"dso-toolkit/src/icons/search.svg\";\r\nimport sitemap from \"dso-toolkit/src/icons/sitemap.svg\";\r\nimport soil from \"dso-toolkit/src/icons/soil.svg\";\r\nimport sortAscending from \"dso-toolkit/src/icons/sort-ascending.svg\";\r\nimport sortDescending from \"dso-toolkit/src/icons/sort-descending.svg\";\r\nimport sort from \"dso-toolkit/src/icons/sort.svg\";\r\nimport sound from \"dso-toolkit/src/icons/sound.svg\";\r\nimport spinner from \"dso-toolkit/src/icons/spinner.svg\";\r\nimport statusDanger from \"dso-toolkit/src/icons/status-danger.svg\";\r\nimport statusError from \"dso-toolkit/src/icons/status-error.svg\";\r\nimport statusInfo from \"dso-toolkit/src/icons/status-info.svg\";\r\nimport statusSuccess from \"dso-toolkit/src/icons/status-success.svg\";\r\nimport statusWarningInlineNegative from \"dso-toolkit/src/icons/status-warning-inline-negative.svg\";\r\nimport statusWarningInline from \"dso-toolkit/src/icons/status-warning-inline.svg\";\r\nimport statusWarning from \"dso-toolkit/src/icons/status-warning.svg\";\r\nimport table from \"dso-toolkit/src/icons/table.svg\";\r\nimport times from \"dso-toolkit/src/icons/times.svg\";\r\nimport toDoList from \"dso-toolkit/src/icons/to-do-list.svg\";\r\nimport trash from \"dso-toolkit/src/icons/trash.svg\";\r\nimport undo from \"dso-toolkit/src/icons/undo.svg\";\r\nimport userLine from \"dso-toolkit/src/icons/user-line.svg\";\r\nimport user from \"dso-toolkit/src/icons/user.svg\";\r\nimport users from \"dso-toolkit/src/icons/users.svg\";\r\nimport water from \"dso-toolkit/src/icons/water.svg\";\r\nimport wipWip from \"dso-toolkit/src/icons/wip-wip.svg\";\r\n\r\nconst icons = [\r\n  { alias: \"air\", svg: air },\r\n  { alias: \"angle-down\", svg: angleDown },\r\n  { alias: \"angle-left\", svg: angleLeft },\r\n  { alias: \"angle-right\", svg: angleRight },\r\n  { alias: \"angle-up\", svg: angleUp },\r\n  { alias: \"asterisk\", svg: asterisk },\r\n  { alias: \"balloon\", svg: balloon },\r\n  { alias: \"bars\", svg: bars },\r\n  { alias: \"bell\", svg: bell },\r\n  { alias: \"buildings\", svg: buildings },\r\n  { alias: \"calendar\", svg: calendar },\r\n  { alias: \"call\", svg: call },\r\n  { alias: \"caret-down\", svg: caretDown },\r\n  { alias: \"check\", svg: check },\r\n  { alias: \"check-circle\", svg: checkCircle },\r\n  { alias: \"chevron-down\", svg: chevronDown },\r\n  { alias: \"chevron-left\", svg: chevronLeft },\r\n  { alias: \"chevron-right\", svg: chevronRight },\r\n  { alias: \"chevron-up\", svg: chevronUp },\r\n  { alias: \"circle-notch\", svg: circleNotch },\r\n  { alias: \"clock\", svg: clock },\r\n  { alias: \"copy\", svg: copy },\r\n  { alias: \"crown\", svg: crown },\r\n  { alias: \"cultural\", svg: cultural },\r\n  { alias: \"document\", svg: document },\r\n  { alias: \"download\", svg: download },\r\n  { alias: \"email\", svg: email },\r\n  { alias: \"energy\", svg: energy },\r\n  { alias: \"environment\", svg: environment },\r\n  { alias: \"exclamation\", svg: exclamation },\r\n  { alias: \"external-link\", svg: externalLink },\r\n  { alias: \"eye-slash\", svg: eyeSlash },\r\n  { alias: \"eye\", svg: eye },\r\n  { alias: \"filter\", svg: filter },\r\n  { alias: \"forbidden\", svg: forbidden },\r\n  { alias: \"hammer\", svg: hammer },\r\n  { alias: \"health\", svg: health },\r\n  { alias: \"help-active\", svg: helpActive },\r\n  { alias: \"help\", svg: help },\r\n  { alias: \"house\", svg: house },\r\n  { alias: \"info-active\", svg: infoActive },\r\n  { alias: \"info-i\", svg: infoI },\r\n  { alias: \"info\", svg: info },\r\n  { alias: \"infrastructure\", svg: infrastructure },\r\n  { alias: \"label\", svg: label },\r\n  { alias: \"land\", svg: land },\r\n  { alias: \"landscape\", svg: landscape },\r\n  { alias: \"layers\", svg: layers },\r\n  { alias: \"light-bulb\", svg: lightBulb },\r\n  { alias: \"location\", svg: location },\r\n  { alias: \"location-outline\", svg: locationOutline },\r\n  { alias: \"location-search\", svg: locationSearch },\r\n  { alias: \"lock\", svg: lock },\r\n  { alias: \"magnet\", svg: magnet },\r\n  { alias: \"mail\", svg: mail },\r\n  { alias: \"map-layers\", svg: mapLayers },\r\n  { alias: \"map-location\", svg: mapLocation },\r\n  { alias: \"marker\", svg: marker },\r\n  { alias: \"measurement\", svg: measurement },\r\n  { alias: \"minus-circle\", svg: minusCircle },\r\n  { alias: \"minus-square\", svg: minusSquare },\r\n  { alias: \"minus\", svg: minus },\r\n  { alias: \"more\", svg: more },\r\n  { alias: \"municipality\", svg: municipality },\r\n  { alias: \"nature\", svg: nature },\r\n  { alias: \"new-window\", svg: newWindow },\r\n  { alias: \"paperclip\", svg: paperclip },\r\n  { alias: \"parking\", svg: parking },\r\n  { alias: \"pencil\", svg: pencil },\r\n  { alias: \"pin\", svg: pin },\r\n  { alias: \"pin-outline\", svg: pinOutline },\r\n  { alias: \"plus-circle\", svg: plusCircle },\r\n  { alias: \"plus-square\", svg: plusSquare },\r\n  { alias: \"plus\", svg: plus },\r\n  { alias: \"print\", svg: print },\r\n  { alias: \"procedures\", svg: procedures },\r\n  { alias: \"spinner\", svg: spinner },\r\n  { alias: \"redo\", svg: redo },\r\n  { alias: \"safety\", svg: safety },\r\n  { alias: \"scale\", svg: scale },\r\n  { alias: \"search\", svg: search },\r\n  { alias: \"sitemap\", svg: sitemap },\r\n  { alias: \"soil\", svg: soil },\r\n  { alias: \"sort-ascending\", svg: sortAscending },\r\n  { alias: \"sort-descending\", svg: sortDescending },\r\n  { alias: \"sort\", svg: sort },\r\n  { alias: \"sound\", svg: sound },\r\n  { alias: \"status-danger\", svg: statusDanger },\r\n  { alias: \"status-error\", svg: statusError },\r\n  { alias: \"status-info\", svg: statusInfo },\r\n  { alias: \"status-success\", svg: statusSuccess },\r\n  { alias: \"status-warning\", svg: statusWarning },\r\n  { alias: \"status-warning-inline\", svg: statusWarningInline },\r\n  { alias: \"status-warning-inline-negative\", svg: statusWarningInlineNegative },\r\n  { alias: \"table\", svg: table },\r\n  { alias: \"times\", svg: times },\r\n  { alias: \"to-do-list\", svg: toDoList },\r\n  { alias: \"trash\", svg: trash },\r\n  { alias: \"undo\", svg: undo },\r\n  { alias: \"user-line\", svg: userLine },\r\n  { alias: \"user\", svg: user },\r\n  { alias: \"users\", svg: users },\r\n  { alias: \"water\", svg: water },\r\n  { alias: \"wip-wip\", svg: wipWip },\r\n];\r\n\r\n@Component({\r\n  tag: \"dso-icon\",\r\n  styleUrl: \"./icon.scss\",\r\n  shadow: true,\r\n})\r\nexport class Icon {\r\n  /**\r\n   * The alias of the icon.\r\n   */\r\n  @Prop()\r\n  icon?: string;\r\n\r\n  render() {\r\n    if (this.icon) {\r\n      const icon = icons.find((i) => i.alias === this.icon);\r\n      if (!icon) {\r\n        throw new TypeError(`Unknown svg: ${this.icon}`);\r\n      }\r\n\r\n      return <span class=\"icon-container\" innerHTML={icon.svg} />;\r\n    }\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/dso-toolkit/p-e980ad1a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,f as i,h as s,H as o,g as n}from"./p-DxWmN7gh.js";import{c as d}from"./p-ChV9xqsO.js";const a=":host{display:block;padding-block:4px;padding-inline:4px}*,*::after,*::before{box-sizing:border-box}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item dso-icon-button.active{--_dso-icon-button-tertiary-color:#173521}.legend-item-right-content{margin-inline-start:auto;display:flex;justify-content:center;align-content:center;align-items:center}.legend-item-right-content dso-slide-toggle{display:flex;align-self:center;line-height:1;margin-inline-start:8px;padding-block-start:0 !important}";const l=class{constructor(i){e(this,i);this.dsoActiveChange=t(this,"dsoActiveChange",7);this.dsoMouseEnter=t(this,"dsoMouseEnter",7);this.dsoMouseLeave=t(this,"dsoMouseLeave",7);this.disabled=false;this.showOptions=false}connectedCallback(){this.mutationObserver=new MutationObserver((()=>i(this.host)));this.mutationObserver.observe(this.host,{attributes:true,childList:true})}disconnectedCallback(){var e;(e=this.mutationObserver)===null||e===void 0?void 0:e.disconnect();delete this.mutationObserver}get symbolSlottedElement(){return this.host.querySelector("[slot='symbol']")}get optionsSlottedElement(){return this.host.querySelector("[slot='options']")}render(){const e=this.symbolSlottedElement!==null;const t=this.optionsSlottedElement!==null;return s(o,{key:"d4e2f6d842f7ca0157c262d6f4512e1decf04a9d",onMouseEnter:()=>this.dsoMouseEnter.emit(),onMouseLeave:()=>this.dsoMouseLeave.emit()},s("div",{key:"cfd02f4df6aa26b14fdbee59b466f90f8d8cbee2",class:d("legend-item",{"legend-item-symbol":e})},e&&s("div",{key:"0d2c32702db90dbe44583a44c50055aba1958cf4"},s("slot",{key:"bebec9612d2ddbb73f930b6d7fd6826e8f30e8af",name:"symbol"})),s("div",{key:"b4badff0166ace15d3e1fc0be215705801af1067"},s("slot",{key:"23ca6f63fd79d869ee906a3a857b3c56a837364c"})),this.disabled&&this.disabledMessage&&s("dso-toggletip",{key:"648ce50e21c68c7f400c8a08a7e5df6704d19a43",position:"bottom"},this.disabledMessage),s("div",{key:"b296b98e92f779c77020ec235c2d4cbfe061c4f0",class:"legend-item-right-content"},t&&!this.disabled&&s("dso-icon-button",{key:"865c48d41bd29c744940bfd71f48cd66d488b526",label:"Opties",icon:"more",variant:"tertiary",class:{active:this.showOptions},id:"edit-button",onDsoClick:()=>this.showOptions=!this.showOptions}),this.activatable&&s("dso-slide-toggle",{key:"4130979dbe5871e51a58f656fbb910fb3e713de2",accessibleLabel:"Maak actief",checked:this.active,disabled:this.disabled,onDsoActiveChange:e=>this.dsoActiveChange.emit({current:Boolean(this.active),next:!this.active,originalEvent:e})}))),t&&s("div",{key:"87667bd6400a0bc4adb212e7f38bc7ee50052f3e",hidden:this.disabled||!this.showOptions,class:"options"},s("slot",{key:"0d875c2b0d2a41441766255041b397c66b4cfe69",name:"options"})))}get host(){return n(this)}};l.style=a;export{l as dso_legend_item};
-//# sourceMappingURL=p-e980ad1a.entry.js.map