@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-dropdown.js","sourceRoot":"","sources":["../../../../src/components/stzh-dropdown/stzh-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Method,\n  Event,\n  EventEmitter,\n  Listen,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport {\n  StzhDropdownSize,\n  StzhDropdownOption,\n  StzhDropdownChangeEvent,\n  StzhDropdownItemAddEvent,\n  StzhDropdownItemRemoveEvent,\n  StzhDropdownOptionAddEvent,\n  StzhDropdownOptionRemoveEvent,\n  StzhDropdownOpenEvent,\n  StzhDropdowCloseEvent,\n  StzhDropdownFocusEvent,\n  StzhDropdownBlurEvent,\n  StzhDropdowInitEvent\n} from \"../../index\";\n\nimport { StzhDropdownLocalizedText } from './stzh-dropdown.localization';\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport TomSelect from \"../../libraries/tom-select/esm/tom-select.js\";\nimport TomSelectRemoveButton from \"../../libraries/tom-select/esm/plugins/remove_button/plugin.js\";\nimport TomSelectCheckboxOptions from \"../../libraries/tom-select/esm/plugins/checkbox_options/plugin.js\";\nimport TomSelectInputAutogrow from \"../../libraries/tom-select/esm/plugins/input_autogrow/plugin.js\";\nimport TomSelectNoBackspaceDelete from \"../../libraries/tom-select/esm/plugins/no_backspace_delete/plugin.js\";\n\nconst TomSelectInputReadonly = function (_plugin_options) {\n  const self = this;\n\n  self.on(\"initialize\", () => {\n    const input = self.control_input as HTMLInputElement;\n    if (input) input.readOnly = true;\n  })\n};\n\nconst CLASS_FILLED = \"stzh-dropdown--is-filled\";\nconst CLASS_FOCUS = \"stzh-dropdown--has-focus\";\n\nTomSelect.define(\"remove_button\", TomSelectRemoveButton);\nTomSelect.define(\"checkbox_options\", TomSelectCheckboxOptions);\nTomSelect.define(\"input_autogrow\", TomSelectInputAutogrow);\nTomSelect.define(\"no_backspace_delete\", TomSelectNoBackspaceDelete);\nTomSelect.define(\"input_readonly\", TomSelectInputReadonly);\n\nlet dropdownCounter = 0;\n\n/**\n * @slot label - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot icon - Slot for left icon\n * @slot icon-angle - Slot for angle icon\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-dropdown\",\n  styleUrl: \"stzh-dropdown.scss\"\n})\nexport class StzhDropdown {\n  /** Available options */\n  @Prop() options: StzhDropdownOption[] | string;\n  private _options: StzhDropdownOption[];\n\n  /**\n   * Option groups that options will be bucketed into.\n   * Make sure each object in the array has a property named whatever `optgroupValueField` is set to.\n   */\n  @Prop() optgroups: any[] | string;\n  private _optgroups: any[];\n\n  /**\n   * Set selected options. Can be array set with JS or as JSON string.\n   * To get the current (user) selected options, use `getItems` method.\n   */\n  @Prop({ mutable: true }) items: string[] | string;\n  private _items: string[];\n\n  /**\n   * Default items (used by reset)\n   */\n  @Prop({ mutable: true }) defaultItems: string[];\n\n  /**\n   * An array of property names to analyze when filtering options.\n   * Weights can be given to each field to improve search result:\n   * `[{\"field\":\"text\",\"weight\":2},{\"field\":\"text2\",\"weight\":0.5}]`\n   */\n  @Prop() searchField: string[] | string = [\"text\"];\n  private _searchField: string[];\n\n  /** Whether multiple items option can be selected */\n  @Prop({ reflect: true }) multiple: boolean = false;\n\n  /** Show inline (auto width) */\n  @Prop({ reflect: true }) inline: boolean = false;\n\n  /** The max number of options to display in the dropdown. Set to `null` for an unlimited number of options. */\n  @Prop() maxOptions: number | null = null;\n\n  /** When searching for multiple terms (separated by space), this is the operator used. Can be 'and' or 'or' */\n  @Prop() searchConjunction: \"and\" | \"or\" = \"and\";\n\n  /** Transform applied to input value before e.g. search is executed */\n  @Prop() transformLoadQuery: \"trim\" | \"trim-to-single-ws\" | \"join\" | Function = \"trim\";\n\n  /**  If true, any options with a \"\" value will be treated like a normal option. This defaults to false to accommodate the common <select> practice of having the first empty option to act as a placeholder. */\n  @Prop() allowEmptyOption: boolean = false;\n\n  /** Show the dropdown immediately when the control receives focus. */\n  @Prop() openOnFocus: boolean = true;\n\n  /** After a selection is made, the dropdown will remain open if in a multi-selection control or will close in a single-selection control. Setting closeAfterSelect to true will force the dropdown to close after selections are made. Setting closeAfterSelect to false will keep the dropdown open after selections are made. */\n  @Prop() closeAfterSelect: boolean | null = null;\n\n  /** Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises). */\n  @Prop() load: (query: string, callback: Function) => any[] | null = null;\n\n  /** Minimum of characters required to execute the `load` function */\n  @Prop() minCharacters: number = 3;\n\n  /** The number of milliseconds to wait before requesting options from the server or null. If null, throttling is disabled. Useful when loading options dynamically while the user types a search / filter expression. */\n  @Prop() loadThrottle: number = 300;\n\n  /** If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus. */\n  @Prop() preload: boolean | \"focus\" = false;\n\n  /** The name of the property to render as an option / item label (not needed when custom rendering functions are defined). */\n  @Prop() labelField: string = \"text\";\n\n  /** The name of the property to use as the value when an item is selected. */\n  @Prop() valueField: string = \"value\";\n\n  /** Only used for Angular control value accessors. Use `items` property to define preselected options. */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  /** The name of the property to group items by. */\n  @Prop() optgroupField: string = \"optgroup\";\n\n  /** The name of the property to render as an option group label (not needed when custom rendering functions are defined). */\n  @Prop() optgroupLabelField: string = \"label\";\n\n  /** The name of the option group property that serves as its unique identifier. */\n  @Prop() optgroupValueField: string = \"value\";\n\n  /** If truthy, all optgroups will be displayed in the same order as they were added (by the `$order` property). Otherwise, it will order based on the score of the results in each. */\n  @Prop() lockOptgroupOrder: true;\n\n  /** Name of hidden select element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Initial open state */\n  @Prop() open: boolean = false;\n\n  /** Current open state (readonly) */\n  @Prop({ reflect: true }) isOpen: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"plain\" | \"filter\" = \"default\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: StzhDropdownSize = \"default\";\n\n  /** Size variant (above small breakpoint) */\n  @Prop({ reflect: true }) sizeSmall: StzhDropdownSize;\n\n  /** Size variant (above medium breakpoint) */\n  @Prop({ reflect: true }) sizeMedium: StzhDropdownSize;\n\n  /** Size variant (above large breakpoint) */\n  @Prop({ reflect: true }) sizeLarge: StzhDropdownSize;\n\n  /** Size variant (above ultra breakpoint) */\n  @Prop({ reflect: true }) sizeUltra: StzhDropdownSize;\n\n  /** Whether the dropdown is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement */\n  @Prop({ reflect: true }) popoverPlacement: \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Whether to stretch popover to fullwith of parent */\n  @Prop({ reflect: true }) popoverFullwidth: \"horizontal\" | \"\" = \"\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Angle icon */\n  @Prop() iconAngle: string = \"angle-down\";\n\n  /** Prevent option search */\n  @Prop() noSearch: boolean = false;\n\n  /** Prevent backspace delete */\n  @Prop() noBackspaceDelete: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form ot hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhDropdownLocalizedText;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"options\")\n  optionsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._options = JSON.parse(newValue);\n    } else {\n      this._options = newValue;\n    }\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n    this.value = this._items;\n  }\n\n  @Watch(\"searchField\")\n  searchFieldWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._searchField = JSON.parse(newValue);\n    } else {\n      this._searchField = newValue;\n    }\n  }\n\n  @Watch(\"optgroups\")\n  optgroupsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._optgroups = JSON.parse(newValue);\n    } else {\n      this._optgroups = newValue;\n    }\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Element() element: HTMLStzhDropdownElement;\n\n  /**\n   * Returns the value of the control.\n   * If multiple items can be selected,\n   * this returns an array, otherwise a string.\n  */\n  @Method()\n  async getValue(): Promise<string | string[]> {\n    return this.tomSelect.getValue();\n  }\n\n  /** Set new value */\n  @Method()\n  async setValue(newValue: string | string[], silent: boolean = false) {\n    this.tomSelect.setValue(newValue, silent);\n  }\n\n  /** Reset loaded/cached search queries (calls from load property function) */\n  @Method()\n  async resetLoadedSearches() {\n    this.tomSelect.loadedSearches = {};\n  }\n\n  /** Return loaded/cached search queries (calls from load property function) */\n  @Method()\n  async getLoadedSearches() {\n    return this.tomSelect.loadedSearches;\n  }\n\n  /** Return current selected items */\n  @Method()\n  async getItems() {\n    return this.tomSelect.items;\n  }\n\n  /** Load items by calling load property/function */\n  @Method()\n  async loadItems(query: string) {\n    return this.tomSelect.load(query);\n  }\n\n  /** Show dropdown popover */\n  @Method()\n  async show() {\n    return this.tomSelect.open();\n  }\n\n  /** Hide dropdown popover */\n  @Method()\n  async hide() {\n    return this.tomSelect.close();\n  }\n\n  /** Dropdown change event */\n  @Event() stzhChange: EventEmitter<StzhDropdownChangeEvent>;\n\n  /** Dropdown item added event */\n  @Event() stzhItemAdd: EventEmitter<StzhDropdownItemAddEvent>;\n\n  /** Dropdown item removed event */\n  @Event() stzhItemRemove: EventEmitter<StzhDropdownItemRemoveEvent>;\n\n  /** Dropdown option added event */\n  @Event() stzhOptionAdd: EventEmitter<StzhDropdownOptionAddEvent>;\n\n  /** Dropdown option removed event */\n  @Event() stzhOptionRemove: EventEmitter<StzhDropdownOptionRemoveEvent>;\n\n  /** Dropdown open event */\n  @Event() stzhOpen: EventEmitter<StzhDropdownOpenEvent>;\n\n  /** Dropdown close event */\n  @Event() stzhClose: EventEmitter<StzhDropdowCloseEvent>;\n\n  /** Dropdown focus event */\n  @Event() stzhFocus: EventEmitter<StzhDropdownFocusEvent>;\n\n  /** Dropdown blur event */\n  @Event() stzhBlur: EventEmitter<StzhDropdownBlurEvent>;\n\n  /** Dropdown focus event */\n  @Event() stzhInit: EventEmitter<StzhDropdowInitEvent>;\n\n  private tomSelect: TomSelect;\n  private select: HTMLSelectElement;\n  private rootElement: HTMLElement;\n  private dropdownWrapperElement: HTMLElement;\n  private dropdownId: string;\n  private focusedByInput: boolean = false;\n\n  private updateFilled() {\n    if (this._items?.length > 0) {\n      this.rootElement.classList.add(CLASS_FILLED);\n      this.element.setAttribute(\"is-filled\", \"true\");\n    } else {\n      this.rootElement.classList.remove(CLASS_FILLED);\n      this.element.removeAttribute(\"is-filled\");\n    }\n  }\n\n  private handleReset = () => {\n    this.items = [...this.defaultItems];\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.tomSelect.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  async componentWillLoad() {\n    this.dropdownId = `stzh-dropdown-${dropdownCounter++}`;\n\n    this.optionsWatcher(this.options);\n    this.optgroupsWatcher(this.optgroups);\n    this.itemsWatcher(this.items);\n    this.searchFieldWatcher(this.searchField);\n    this.errorWatcher(this.error);\n\n    this.defaultItems = this.defaultItems || this._items;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dropdown\");\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return [\"isOpen\", \"value\"].includes(prop) === false;\n  }\n\n  async componentWillUpdate() {\n    if (this.tomSelect) {\n      this.tomSelect.destroy();\n      this.tomSelect = null;\n    }\n  }\n\n  async componentDidRender() {\n    if (this.tomSelect) {\n      return;\n    }\n\n    const plugins = {};\n\n    if (this.noSearch) {\n      plugins[\"input_readonly\"] = {};\n    } else {\n      plugins[\"input_autogrow\"] = {};\n    }\n\n    if (this.noBackspaceDelete) {\n      plugins[\"no_backspace_delete\"] = {};\n    }\n\n    if (this.multiple) {\n      plugins[\"checkbox_options\"] = {};\n    }\n\n    if (this.multiple || this.variant === \"filter\") {\n      plugins[\"remove_button\"] = {\n        title: this.localization.removeButtonTitle,\n        label: '<stzh-icon name=\"close-big\" class=\"stzh-dropdown__remove-icon\"></stzh-icon>'\n      };\n    }\n\n    const tomSelectOptions: any = {\n      dropdownParent: this.dropdownWrapperElement,\n      openDisplay: 'flex',\n      plugins,\n      maxItems: this.multiple ? null : 1,\n      maxOptions: this.maxOptions,\n      items: this._items,\n      optgroups: this._optgroups,\n      searchField: this._searchField,\n      searchConjunction: this.searchConjunction,\n      allowEmptyOption: this.allowEmptyOption,\n      closeAfterSelect: this.closeAfterSelect !== null\n        ? this.closeAfterSelect\n        : !this.multiple,\n      labelField: this.labelField,\n      valueField: this.valueField,\n      optgroupField: this.optgroupField,\n      optgroupLabelField: this.optgroupLabelField,\n      optgroupValueField: this.optgroupValueField,\n      lockOptgroupOrder: this.lockOptgroupOrder,\n      load: this.load,\n      transformLoadQuery: (inputValue: string) => {\n        if (typeof this.transformLoadQuery === \"function\") {\n          return this.transformLoadQuery(inputValue);\n        } else if (this.transformLoadQuery === \"join\") {\n          const lastQueries = Array.from(this.tomSelect.controlChildren())\n            .map((element: HTMLElement) => element.innerText);\n\n          return (lastQueries.length > 0\n              ? lastQueries.join(\" \") + (inputValue ? \" \" : \"\")\n              : \"\")\n            + inputValue.replace(/\\s\\s+/g, ' ');\n        } else if (this.transformLoadQuery === \"trim-to-single-ws\") {\n          return inputValue.replace(/\\s\\s+/g, ' ')\n        } else {\n          return inputValue.trim();\n        }\n      },\n      shouldLoad: (query: string) => {\n        return query.length >= this.minCharacters;\n      },\n      loadThrottle: this.loadThrottle,\n      preload: this.preload,\n      openOnFocus: this.openOnFocus,\n      loadingClass: \"is-loading\",\n      hideSelected: false,\n      duplicates: false,\n      delimiter: \",\",\n      copyClassesToDropdown: false,\n      hidePlaceholder: null,\n      // if you want the user to be able to add own items enable this option\n      // (but checkbox_options plugin throws an error and would need a fix first)\n      // create: function(input, callback) {\n      //   callback({ value: input, text: input });\n      // },\n      // createOnBlur: false,\n      // createFilter: null,\n      // persist: false,\n      render: {\n        option: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__option\">\n              <span class=\"stzh-dropdown__option-title\">\n                ${escape(data[this.labelField])}\n              </span>\n              <stzh-icon name=\"checkmark\" class=\"stzh-dropdown__option-check\"></stzh-icon>\n            </div>\n          `;\n        },\n        item: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__item\">\n              ${escape(data[this.labelField])}\n            </div>\n          `;\n        },\n        option_create: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__create\">\n              ${this.localization.create.replace(/\\{x\\}/gi, escape(data.input))}&hellip;\n            </div>\n          `;\n        },\n        no_results: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__no-results\" id=\"${this.dropdownId}-no-results\">\n              ${this.localization.noResults.replace(/\\{x\\}/gi, escape(data.input))}\n            </div>`;\n        },\n        not_loading: this.load === null ? null : (_data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__not-loading\" id=\"${this.dropdownId}-not-loading\">\n              ${this.localization.notLoading.replace(/\\{x\\}/gi, escape(this.minCharacters.toString()))}\n            </div>\n          `;\n        },\n        optgroup: (data) => {\n          let optgroup = document.createElement(\"div\");\n          optgroup.className = \"stzh-dropdown__optgroup\";\n          optgroup.appendChild(data.options);\n          return optgroup;\n        },\n        optgroup_header: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__optgroup-header\">\n              ${escape(data.label)}\n            </div>\n          `;\n        },\n        loading: () => {\n          return `\n            <div class=\"stzh-dropdown__loader\">\n              <stzh-loader></stzh-loader>\n            </div>\n          `;\n        },\n        dropdown: () => {\n          return `<div class=\"stzh-dropdown__dropdown\"></div>`;\n        }\n      },\n      onChange: (value) => {\n        this._items = this.tomSelect.items;\n        this.updateFilled();\n        this.value = this.multiple ? this._items : this._items[0];\n        this.stzhChange.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onItemAdd: (value) => {\n        this._items = this.tomSelect.items;\n        this.stzhItemAdd.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onItemRemove: (value) => {\n        this._items = this.tomSelect.items;\n        this.stzhItemRemove.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onOptionAdd: (value) => {\n        this._options = this.tomSelect.options;\n        this.updateFilled();\n\n        this.stzhOptionAdd.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onOptionRemove: (value) => {\n        this._options = this.tomSelect.options;\n        this.updateFilled();\n\n        this.stzhOptionRemove.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onDropdownOpen: () => {\n        this.isOpen = true;\n        this.stzhOpen.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onDropdownClose: () => {\n        this.isOpen = false;\n        this.stzhClose.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onFocus: () => {\n        this.focusedByInput = true;\n\n        if (this.tomSelect.load && this.preload === \"focus\") {\n          // to be able to execute load function again, we reset loaded searches\n          this.resetLoadedSearches();\n\n          // if results have been preloaded before, load them now directly with load function\n          if (this.tomSelect.wrapper.classList.contains('preloaded')) {\n            // since tomSelect.preload() doesn't call tomSelect.shouldCall() method internally (to check for minCharacters),\n            // we will also not call it (this.tomSelect.settings.shouldLoad.call(this.tomSelect, ''))\n            this.tomSelect.load('');\n          }\n        }\n\n        this.rootElement.classList.add(CLASS_FOCUS);\n        const focusEvent = new FocusEvent('focus', {\n          view: window,\n          bubbles: false,\n          cancelable: false\n        });\n\n        this.element.dispatchEvent(focusEvent);\n        this.stzhFocus.emit({\n          component: \"stzh-dropdown\",\n          originalEvent: {\n            target: this.tomSelect.control\n          }\n        });\n      },\n      onBlur: () => {\n        this.rootElement.classList.remove(CLASS_FOCUS);\n        const blurEvent = new FocusEvent('blur', {\n          view: window,\n          bubbles: false,\n          cancelable: false\n        });\n\n        this.element.dispatchEvent(blurEvent);\n        this.stzhBlur.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onInitialize: () => {\n        this.stzhInit.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onLoad: () => {\n        this._options = this.tomSelect.options;\n      }\n    };\n\n    if (this._options) {\n      tomSelectOptions.options = this._options;\n    }\n\n    if (this._optgroups) {\n      tomSelectOptions.optgroups = this._optgroups;\n    }\n\n    if (this._items) {\n      tomSelectOptions.items = this._items;\n    }\n\n    this.updateFilled();\n    this.tomSelect = new TomSelect(this.select, tomSelectOptions);\n\n    if (!this.openOnFocus) {\n      // we still want to enable opening the dropdown by click\n      this.tomSelect.control.addEventListener(\"click\", () => {\n        this.tomSelect.open();\n      });\n    }\n\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.tomSelect) {\n      this.tomSelect.destroy();\n      this.tomSelect = null;\n    }\n  }\n\n  render() {\n    const iconUsed = hasSlot(this.element, 'icon') || !!this.icon;\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-dropdown\": true,\n      \"stzh-dropdown--is-inline\": this.inline,\n      \"stzh-dropdown--is-multiple\": this.multiple,\n      \"stzh-dropdown--is-disabled\": this.disabled,\n      \"stzh-dropdown--is-required\": this.required,\n      \"stzh-dropdown--is-invalid\": this.invalid || errorUsed,\n      [CLASS_FILLED]: this._items && this._items.length > 0,\n      \"stzh-dropdown--has-icon\": iconUsed,\n      \"stzh-dropdown--has-description\": descriptionUsed,\n      \"stzh-dropdown--has-description-long\": descriptionLongUsed,\n      \"stzh-dropdown--has-error\": errorUsed,\n      \"stzh-dropdown--has-no-search\": this.noSearch,\n      \"stzh-dropdown--has-label-hidden\": this.labelHidden,\n      [`stzh-dropdown--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n      [`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]: !!this.popoverFullwidth,\n      [`stzh-dropdown--size-${this.size}`]: !!this.size,\n      [`stzh-dropdown--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div\n          class={classes}\n          ref={(el) => (this.rootElement = el as HTMLDivElement)}\n        >\n          <div class=\"stzh-dropdown__wrapper\">\n            <label\n              id={`${this.dropdownId}-label`}\n              class=\"stzh-dropdown__label\"\n              htmlFor={this.dropdownId}\n            >\n              {this.label ? this.label : <slot name=\"label\"></slot>}\n              {!this.hideOptional &&\n                <span class=\"stzh-dropdown__marker\">\n                  <span class=\"stzh-dropdown__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker\n                    }\n                  </span>\n                  <span class=\"stzh-dropdown__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText\n                    }\n                  </span>\n                </span>\n              }\n            </label>\n\n            <div class=\"stzh-dropdown__field-wrapper\">\n              {/* tom-select replaces this select with an combobox.\n                  Since it doesn't support aria-(describedby/required/invalid),\n                  we write necessary status information in the aria-labelledby */}\n              <select\n                id={this.dropdownId}\n                class=\"stzh-dropdown__select\"\n                ref={(el) => (this.select = el as HTMLSelectElement)}\n                multiple={this.multiple}\n                name={this.name}\n                disabled={this.disabled}\n                aria-labelledby={`${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}`}\n              >\n                <slot></slot>\n              </select>\n\n              {this.inline && this.label &&\n                <div class=\"stzh-dropdown__sizer\">\n                  {this.label}\n                </div>\n              }\n\n              <div class=\"stzh-dropdown__icon-angle-wrapper\">\n                {this.iconAngle ?\n                  <stzh-icon name={this.iconAngle} class=\"stzh-dropdown__icon-angle\"></stzh-icon>\n                  :\n                  <slot name=\"icon-angle\"></slot>\n                }\n              </div>\n\n              <div class=\"stzh-dropdown__icon-wrapper\">\n                {this.icon ?\n                  <stzh-icon class=\"stzh-dropdown__icon\" name={this.icon}></stzh-icon>\n                  :\n                  <slot name=\"icon\"></slot>\n                }\n              </div>\n\n              {this.hideOptional && this.required &&\n                <div id={`${this.dropdownId}-required`} class=\"stzh-dropdown__vhidden\">\n                  {this.localization.$globals.requiredFieldText}\n                </div>\n              }\n\n              {this.invalid &&\n                <div id={`${this.dropdownId}-invalid`} class=\"stzh-dropdown__vhidden\">\n                  {this.localization.$globals.invalidFieldText}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div\n            class=\"stzh-dropdown__dropdown-wrapper\"\n            ref={(el) => (this.dropdownWrapperElement = el as HTMLDivElement)}\n          ></div>\n\n          <StzhInputDescription\n            classPrefix=\"stzh-dropdown\"\n            id={`${this.dropdownId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongTitle={this.descriptionLongTitle}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-dropdown.js","sourceRoot":"","sources":["../../../../src/components/stzh-dropdown/stzh-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Method,\n  Event,\n  EventEmitter,\n  Listen,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport {\n  StzhDropdownSize,\n  StzhDropdownOption,\n  StzhDropdownChangeEvent,\n  StzhDropdownItemAddEvent,\n  StzhDropdownItemRemoveEvent,\n  StzhDropdownOptionAddEvent,\n  StzhDropdownOptionRemoveEvent,\n  StzhDropdownOpenEvent,\n  StzhDropdowCloseEvent,\n  StzhDropdownFocusEvent,\n  StzhDropdownBlurEvent,\n  StzhDropdowInitEvent\n} from \"../../index\";\n\nimport { StzhDropdownLocalizedText } from './stzh-dropdown.localization';\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nimport TomSelect from \"../../libraries/tom-select/esm/tom-select.js\";\nimport TomSelectRemoveButton from \"../../libraries/tom-select/esm/plugins/remove_button/plugin.js\";\nimport TomSelectCheckboxOptions from \"../../libraries/tom-select/esm/plugins/checkbox_options/plugin.js\";\nimport TomSelectInputAutogrow from \"../../libraries/tom-select/esm/plugins/input_autogrow/plugin.js\";\nimport TomSelectNoBackspaceDelete from \"../../libraries/tom-select/esm/plugins/no_backspace_delete/plugin.js\";\n\nconst TomSelectInputReadonly = function (_plugin_options) {\n  const self = this;\n\n  self.on(\"initialize\", () => {\n    const input = self.control_input as HTMLInputElement;\n    if (input) input.readOnly = true;\n  })\n};\n\nconst CLASS_FILLED = \"stzh-dropdown--is-filled\";\nconst CLASS_FOCUS = \"stzh-dropdown--has-focus\";\n\nTomSelect.define(\"remove_button\", TomSelectRemoveButton);\nTomSelect.define(\"checkbox_options\", TomSelectCheckboxOptions);\nTomSelect.define(\"input_autogrow\", TomSelectInputAutogrow);\nTomSelect.define(\"no_backspace_delete\", TomSelectNoBackspaceDelete);\nTomSelect.define(\"input_readonly\", TomSelectInputReadonly);\n\nlet dropdownCounter = 0;\n\n/**\n * @slot label - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot icon - Slot for left icon\n * @slot icon-angle - Slot for angle icon\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-dropdown\",\n  styleUrl: \"stzh-dropdown.scss\"\n})\nexport class StzhDropdown {\n  /** Available options */\n  @Prop() options: StzhDropdownOption[] | string;\n  private _options: StzhDropdownOption[];\n\n  /**\n   * Option groups that options will be bucketed into.\n   * Make sure each object in the array has a property named whatever `optgroupValueField` is set to.\n   */\n  @Prop() optgroups: any[] | string;\n  private _optgroups: any[];\n\n  /**\n   * Set selected options. Can be array set with JS or as JSON string.\n   * To get the current (user) selected options, use `getItems` method.\n   */\n  @Prop({ mutable: true }) items: string[] | string;\n  private _items: string[];\n\n  /**\n   * Default items (used by reset)\n   */\n  @Prop({ mutable: true }) defaultItems: string[];\n\n  /**\n   * An array of property names to analyze when filtering options.\n   * Weights can be given to each field to improve search result:\n   * `[{\"field\":\"text\",\"weight\":2},{\"field\":\"text2\",\"weight\":0.5}]`\n   */\n  @Prop() searchField: string[] | string = [\"text\"];\n  private _searchField: string[];\n\n  /** Whether multiple items option can be selected */\n  @Prop({ reflect: true }) multiple: boolean = false;\n\n  /** Show inline (auto width) */\n  @Prop({ reflect: true }) inline: boolean = false;\n\n  /** The max number of options to display in the dropdown. Set to `null` for an unlimited number of options. */\n  @Prop() maxOptions: number | null = null;\n\n  /** When searching for multiple terms (separated by space), this is the operator used. Can be 'and' or 'or' */\n  @Prop() searchConjunction: \"and\" | \"or\" = \"and\";\n\n  /** Transform applied to input value before e.g. search is executed */\n  @Prop() transformLoadQuery: \"trim\" | \"trim-to-single-ws\" | \"join\" | Function = \"trim\";\n\n  /**  If true, any options with a \"\" value will be treated like a normal option. This defaults to false to accommodate the common <select> practice of having the first empty option to act as a placeholder. */\n  @Prop() allowEmptyOption: boolean = false;\n\n  /** Show the dropdown immediately when the control receives focus. */\n  @Prop() openOnFocus: boolean = true;\n\n  /** After a selection is made, the dropdown will remain open if in a multi-selection control or will close in a single-selection control. Setting closeAfterSelect to true will force the dropdown to close after selections are made. Setting closeAfterSelect to false will keep the dropdown open after selections are made. */\n  @Prop() closeAfterSelect: boolean | null = null;\n\n  /** Invoked when new options should be loaded from the server. Called with the current query string and a callback function to call with the results when they are loaded (or nothing when an error arises). */\n  @Prop() load: (query: string, callback: Function) => any[] | null = null;\n\n  /** Minimum of characters required to execute the `load` function */\n  @Prop() minCharacters: number = 3;\n\n  /** The number of milliseconds to wait before requesting options from the server or null. If null, throttling is disabled. Useful when loading options dynamically while the user types a search / filter expression. */\n  @Prop() loadThrottle: number = 300;\n\n  /** If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus. */\n  @Prop() preload: boolean | \"focus\" = false;\n\n  /** The name of the property to render as an option / item label (not needed when custom rendering functions are defined). */\n  @Prop() labelField: string = \"text\";\n\n  /** The name of the property to use as the value when an item is selected. */\n  @Prop() valueField: string = \"value\";\n\n  /** Only used for Angular control value accessors. Use `items` property to define preselected options. */\n  @Prop({ mutable: true }) value: string | string[] = \"\";\n\n  /** The name of the property to group items by. */\n  @Prop() optgroupField: string = \"optgroup\";\n\n  /** The name of the property to render as an option group label (not needed when custom rendering functions are defined). */\n  @Prop() optgroupLabelField: string = \"label\";\n\n  /** The name of the option group property that serves as its unique identifier. */\n  @Prop() optgroupValueField: string = \"value\";\n\n  /** If truthy, all optgroups will be displayed in the same order as they were added (by the `$order` property). Otherwise, it will order based on the score of the results in each. */\n  @Prop() lockOptgroupOrder: true;\n\n  /** Name of hidden select element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Initial open state */\n  @Prop() open: boolean = false;\n\n  /** Current open state (readonly) */\n  @Prop({ reflect: true }) isOpen: boolean = false;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"plain\" | \"filter\" = \"default\";\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: StzhDropdownSize = \"default\";\n\n  /** Size variant (above small breakpoint) */\n  @Prop({ reflect: true }) sizeSmall: StzhDropdownSize;\n\n  /** Size variant (above medium breakpoint) */\n  @Prop({ reflect: true }) sizeMedium: StzhDropdownSize;\n\n  /** Size variant (above large breakpoint) */\n  @Prop({ reflect: true }) sizeLarge: StzhDropdownSize;\n\n  /** Size variant (above ultra breakpoint) */\n  @Prop({ reflect: true }) sizeUltra: StzhDropdownSize;\n\n  /** Whether the dropdown is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Popover placement */\n  @Prop({ reflect: true }) popoverPlacement: \"bottom\" | \"bottom-end\" | \"bottom-center\" | \"top\" | \"top-end\" | \"top-center\" = \"bottom\";\n\n  /** Whether to stretch popover to fullwith of parent */\n  @Prop({ reflect: true }) popoverFullwidth: \"horizontal\" | \"\" = \"\";\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Angle icon */\n  @Prop() iconAngle: string = \"angle-down\";\n\n  /** Prevent option search */\n  @Prop() noSearch: boolean = false;\n\n  /** Prevent backspace delete */\n  @Prop() noBackspaceDelete: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhDropdownLocalizedText;\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"options\")\n  optionsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._options = JSON.parse(newValue);\n    } else {\n      this._options = newValue;\n    }\n  }\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._items = JSON.parse(newValue);\n    } else {\n      this._items = newValue;\n    }\n    this.value = this._items;\n  }\n\n  @Watch(\"searchField\")\n  searchFieldWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._searchField = JSON.parse(newValue);\n    } else {\n      this._searchField = newValue;\n    }\n  }\n\n  @Watch(\"optgroups\")\n  optgroupsWatcher(newValue: any[] | string) {\n    if (typeof newValue === \"string\") {\n      this._optgroups = JSON.parse(newValue);\n    } else {\n      this._optgroups = newValue;\n    }\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Element() element: HTMLStzhDropdownElement;\n\n  /**\n   * Returns the value of the control.\n   * If multiple items can be selected,\n   * this returns an array, otherwise a string.\n  */\n  @Method()\n  async getValue(): Promise<string | string[]> {\n    return this.tomSelect.getValue();\n  }\n\n  /** Set new value */\n  @Method()\n  async setValue(newValue: string | string[], silent: boolean = false) {\n    this.tomSelect.setValue(newValue, silent);\n  }\n\n  /** Reset loaded/cached search queries (calls from load property function) */\n  @Method()\n  async resetLoadedSearches() {\n    this.tomSelect.loadedSearches = {};\n  }\n\n  /** Return loaded/cached search queries (calls from load property function) */\n  @Method()\n  async getLoadedSearches() {\n    return this.tomSelect.loadedSearches;\n  }\n\n  /** Return current selected items */\n  @Method()\n  async getItems() {\n    return this.tomSelect.items;\n  }\n\n  /** Load items by calling load property/function */\n  @Method()\n  async loadItems(query: string) {\n    return this.tomSelect.load(query);\n  }\n\n  /** Show dropdown popover */\n  @Method()\n  async show() {\n    return this.tomSelect.open();\n  }\n\n  /** Hide dropdown popover */\n  @Method()\n  async hide() {\n    return this.tomSelect.close();\n  }\n\n  /** Dropdown change event */\n  @Event() stzhChange: EventEmitter<StzhDropdownChangeEvent>;\n\n  /** Dropdown item added event */\n  @Event() stzhItemAdd: EventEmitter<StzhDropdownItemAddEvent>;\n\n  /** Dropdown item removed event */\n  @Event() stzhItemRemove: EventEmitter<StzhDropdownItemRemoveEvent>;\n\n  /** Dropdown option added event */\n  @Event() stzhOptionAdd: EventEmitter<StzhDropdownOptionAddEvent>;\n\n  /** Dropdown option removed event */\n  @Event() stzhOptionRemove: EventEmitter<StzhDropdownOptionRemoveEvent>;\n\n  /** Dropdown open event */\n  @Event() stzhOpen: EventEmitter<StzhDropdownOpenEvent>;\n\n  /** Dropdown close event */\n  @Event() stzhClose: EventEmitter<StzhDropdowCloseEvent>;\n\n  /** Dropdown focus event */\n  @Event() stzhFocus: EventEmitter<StzhDropdownFocusEvent>;\n\n  /** Dropdown blur event */\n  @Event() stzhBlur: EventEmitter<StzhDropdownBlurEvent>;\n\n  /** Dropdown focus event */\n  @Event() stzhInit: EventEmitter<StzhDropdowInitEvent>;\n\n  private tomSelect: TomSelect;\n  private select: HTMLSelectElement;\n  private rootElement: HTMLElement;\n  private dropdownWrapperElement: HTMLElement;\n  private dropdownId: string;\n  private focusedByInput: boolean = false;\n\n  private updateFilled() {\n    if (this._items?.length > 0) {\n      this.rootElement.classList.add(CLASS_FILLED);\n      this.element.setAttribute(\"is-filled\", \"true\");\n    } else {\n      this.rootElement.classList.remove(CLASS_FILLED);\n      this.element.removeAttribute(\"is-filled\");\n    }\n  }\n\n  private handleReset = () => {\n    this.items = [...this.defaultItems];\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.tomSelect.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  async componentWillLoad() {\n    this.dropdownId = `stzh-dropdown-${dropdownCounter++}`;\n\n    this.optionsWatcher(this.options);\n    this.optgroupsWatcher(this.optgroups);\n    this.itemsWatcher(this.items);\n    this.searchFieldWatcher(this.searchField);\n    this.errorWatcher(this.error);\n\n    this.defaultItems = this.defaultItems || this._items;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"dropdown\");\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return [\"isOpen\", \"value\"].includes(prop) === false;\n  }\n\n  async componentWillUpdate() {\n    if (this.tomSelect) {\n      this.tomSelect.destroy();\n      this.tomSelect = null;\n    }\n  }\n\n  async componentDidRender() {\n    if (this.tomSelect) {\n      return;\n    }\n\n    const plugins = {};\n\n    if (this.noSearch) {\n      plugins[\"input_readonly\"] = {};\n    } else {\n      plugins[\"input_autogrow\"] = {};\n    }\n\n    if (this.noBackspaceDelete) {\n      plugins[\"no_backspace_delete\"] = {};\n    }\n\n    if (this.multiple) {\n      plugins[\"checkbox_options\"] = {};\n    }\n\n    if (this.multiple || this.variant === \"filter\") {\n      plugins[\"remove_button\"] = {\n        title: this.localization.removeButtonTitle,\n        label: '<stzh-icon name=\"close-big\" class=\"stzh-dropdown__remove-icon\"></stzh-icon>'\n      };\n    }\n\n    const tomSelectOptions: any = {\n      dropdownParent: this.dropdownWrapperElement,\n      openDisplay: 'flex',\n      plugins,\n      maxItems: this.multiple ? null : 1,\n      maxOptions: this.maxOptions,\n      items: this._items,\n      optgroups: this._optgroups,\n      searchField: this._searchField,\n      searchConjunction: this.searchConjunction,\n      allowEmptyOption: this.allowEmptyOption,\n      closeAfterSelect: this.closeAfterSelect !== null\n        ? this.closeAfterSelect\n        : !this.multiple,\n      labelField: this.labelField,\n      valueField: this.valueField,\n      optgroupField: this.optgroupField,\n      optgroupLabelField: this.optgroupLabelField,\n      optgroupValueField: this.optgroupValueField,\n      lockOptgroupOrder: this.lockOptgroupOrder,\n      load: this.load,\n      transformLoadQuery: (inputValue: string) => {\n        if (typeof this.transformLoadQuery === \"function\") {\n          return this.transformLoadQuery(inputValue);\n        } else if (this.transformLoadQuery === \"join\") {\n          const lastQueries = Array.from(this.tomSelect.controlChildren())\n            .map((element: HTMLElement) => element.innerText);\n\n          return (lastQueries.length > 0\n              ? lastQueries.join(\" \") + (inputValue ? \" \" : \"\")\n              : \"\")\n            + inputValue.replace(/\\s\\s+/g, ' ');\n        } else if (this.transformLoadQuery === \"trim-to-single-ws\") {\n          return inputValue.replace(/\\s\\s+/g, ' ')\n        } else {\n          return inputValue.trim();\n        }\n      },\n      shouldLoad: (query: string) => {\n        return query.length >= this.minCharacters;\n      },\n      loadThrottle: this.loadThrottle,\n      preload: this.preload,\n      openOnFocus: this.openOnFocus,\n      loadingClass: \"is-loading\",\n      hideSelected: false,\n      duplicates: false,\n      delimiter: \",\",\n      copyClassesToDropdown: false,\n      hidePlaceholder: null,\n      // if you want the user to be able to add own items enable this option\n      // (but checkbox_options plugin throws an error and would need a fix first)\n      // create: function(input, callback) {\n      //   callback({ value: input, text: input });\n      // },\n      // createOnBlur: false,\n      // createFilter: null,\n      // persist: false,\n      render: {\n        option: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__option\">\n              <span class=\"stzh-dropdown__option-title\">\n                ${escape(data[this.labelField])}\n              </span>\n              <stzh-icon name=\"checkmark\" class=\"stzh-dropdown__option-check\"></stzh-icon>\n            </div>\n          `;\n        },\n        item: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__item\">\n              ${escape(data[this.labelField])}\n            </div>\n          `;\n        },\n        option_create: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__create\">\n              ${this.localization.create.replace(/\\{x\\}/gi, escape(data.input))}&hellip;\n            </div>\n          `;\n        },\n        no_results: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__no-results\" id=\"${this.dropdownId}-no-results\">\n              ${this.localization.noResults.replace(/\\{x\\}/gi, escape(data.input))}\n            </div>`;\n        },\n        not_loading: this.load === null ? null : (_data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__not-loading\" id=\"${this.dropdownId}-not-loading\">\n              ${this.localization.notLoading.replace(/\\{x\\}/gi, escape(this.minCharacters.toString()))}\n            </div>\n          `;\n        },\n        optgroup: (data) => {\n          let optgroup = document.createElement(\"div\");\n          optgroup.className = \"stzh-dropdown__optgroup\";\n          optgroup.appendChild(data.options);\n          return optgroup;\n        },\n        optgroup_header: (data, escape) => {\n          return `\n            <div class=\"stzh-dropdown__optgroup-header\">\n              ${escape(data.label)}\n            </div>\n          `;\n        },\n        loading: () => {\n          return `\n            <div class=\"stzh-dropdown__loader\">\n              <stzh-loader></stzh-loader>\n            </div>\n          `;\n        },\n        dropdown: () => {\n          return `<div class=\"stzh-dropdown__dropdown\"></div>`;\n        }\n      },\n      onChange: (value) => {\n        this._items = this.tomSelect.items;\n        this.updateFilled();\n        this.value = this.multiple ? this._items : this._items[0];\n        this.stzhChange.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onItemAdd: (value) => {\n        this._items = this.tomSelect.items;\n        this.stzhItemAdd.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onItemRemove: (value) => {\n        this._items = this.tomSelect.items;\n        this.stzhItemRemove.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onOptionAdd: (value) => {\n        this._options = this.tomSelect.options;\n        this.updateFilled();\n\n        this.stzhOptionAdd.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onOptionRemove: (value) => {\n        this._options = this.tomSelect.options;\n        this.updateFilled();\n\n        this.stzhOptionRemove.emit({\n          component: \"stzh-dropdown\",\n          value\n        });\n      },\n      onDropdownOpen: () => {\n        this.isOpen = true;\n        this.stzhOpen.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onDropdownClose: () => {\n        this.isOpen = false;\n        this.stzhClose.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onFocus: () => {\n        this.focusedByInput = true;\n\n        if (this.tomSelect.load && this.preload === \"focus\") {\n          // to be able to execute load function again, we reset loaded searches\n          this.resetLoadedSearches();\n\n          // if results have been preloaded before, load them now directly with load function\n          if (this.tomSelect.wrapper.classList.contains('preloaded')) {\n            // since tomSelect.preload() doesn't call tomSelect.shouldCall() method internally (to check for minCharacters),\n            // we will also not call it (this.tomSelect.settings.shouldLoad.call(this.tomSelect, ''))\n            this.tomSelect.load('');\n          }\n        }\n\n        this.rootElement.classList.add(CLASS_FOCUS);\n        const focusEvent = new FocusEvent('focus', {\n          view: window,\n          bubbles: false,\n          cancelable: false\n        });\n\n        this.element.dispatchEvent(focusEvent);\n        this.stzhFocus.emit({\n          component: \"stzh-dropdown\",\n          originalEvent: {\n            target: this.tomSelect.control\n          }\n        });\n      },\n      onBlur: () => {\n        this.rootElement.classList.remove(CLASS_FOCUS);\n        const blurEvent = new FocusEvent('blur', {\n          view: window,\n          bubbles: false,\n          cancelable: false\n        });\n\n        this.element.dispatchEvent(blurEvent);\n        this.stzhBlur.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onInitialize: () => {\n        this.stzhInit.emit({\n          component: \"stzh-dropdown\"\n        });\n      },\n      onLoad: () => {\n        this._options = this.tomSelect.options;\n      }\n    };\n\n    if (this._options) {\n      tomSelectOptions.options = this._options;\n    }\n\n    if (this._optgroups) {\n      tomSelectOptions.optgroups = this._optgroups;\n    }\n\n    if (this._items) {\n      tomSelectOptions.items = this._items;\n    }\n\n    this.updateFilled();\n    this.tomSelect = new TomSelect(this.select, tomSelectOptions);\n\n    if (!this.openOnFocus) {\n      // we still want to enable opening the dropdown by click\n      this.tomSelect.control.addEventListener(\"click\", () => {\n        this.tomSelect.open();\n      });\n    }\n\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.tomSelect) {\n      this.tomSelect.destroy();\n      this.tomSelect = null;\n    }\n  }\n\n  render() {\n    const iconUsed = hasSlot(this.element, 'icon') || !!this.icon;\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-dropdown\": true,\n      \"stzh-dropdown--is-inline\": this.inline,\n      \"stzh-dropdown--is-multiple\": this.multiple,\n      \"stzh-dropdown--is-disabled\": this.disabled,\n      \"stzh-dropdown--is-required\": this.required,\n      \"stzh-dropdown--is-invalid\": this.invalid || errorUsed,\n      [CLASS_FILLED]: this._items && this._items.length > 0,\n      \"stzh-dropdown--has-icon\": iconUsed,\n      \"stzh-dropdown--has-description\": descriptionUsed,\n      \"stzh-dropdown--has-description-long\": descriptionLongUsed,\n      \"stzh-dropdown--has-error\": errorUsed,\n      \"stzh-dropdown--has-no-search\": this.noSearch,\n      \"stzh-dropdown--has-label-hidden\": this.labelHidden,\n      [`stzh-dropdown--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,\n      [`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]: !!this.popoverFullwidth,\n      [`stzh-dropdown--size-${this.size}`]: !!this.size,\n      [`stzh-dropdown--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div\n          class={classes}\n          ref={(el) => (this.rootElement = el as HTMLDivElement)}\n        >\n          <div class=\"stzh-dropdown__wrapper\">\n            <label\n              id={`${this.dropdownId}-label`}\n              class=\"stzh-dropdown__label\"\n              htmlFor={this.dropdownId}\n            >\n              {this.label ? this.label : <slot name=\"label\"></slot>}\n              {!this.hideOptional &&\n                <span class=\"stzh-dropdown__marker\">\n                  <span class=\"stzh-dropdown__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker\n                    }\n                  </span>\n                  <span class=\"stzh-dropdown__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText\n                    }\n                  </span>\n                </span>\n              }\n            </label>\n\n            <div class=\"stzh-dropdown__field-wrapper\">\n              {/* tom-select replaces this select with an combobox.\n                  Since it doesn't support aria-(describedby/required/invalid),\n                  we write necessary status information in the aria-labelledby */}\n              <select\n                id={this.dropdownId}\n                class=\"stzh-dropdown__select\"\n                ref={(el) => (this.select = el as HTMLSelectElement)}\n                multiple={this.multiple}\n                name={this.name}\n                disabled={this.disabled}\n                aria-labelledby={`${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}`}\n              >\n                <slot></slot>\n              </select>\n\n              {this.inline && this.label &&\n                <div class=\"stzh-dropdown__sizer\">\n                  {this.label}\n                </div>\n              }\n\n              <div class=\"stzh-dropdown__icon-angle-wrapper\">\n                {this.iconAngle ?\n                  <stzh-icon name={this.iconAngle} class=\"stzh-dropdown__icon-angle\"></stzh-icon>\n                  :\n                  <slot name=\"icon-angle\"></slot>\n                }\n              </div>\n\n              <div class=\"stzh-dropdown__icon-wrapper\">\n                {this.icon ?\n                  <stzh-icon class=\"stzh-dropdown__icon\" name={this.icon}></stzh-icon>\n                  :\n                  <slot name=\"icon\"></slot>\n                }\n              </div>\n\n              {this.hideOptional && this.required &&\n                <div id={`${this.dropdownId}-required`} class=\"stzh-dropdown__vhidden\">\n                  {this.localization.$globals.requiredFieldText}\n                </div>\n              }\n\n              {this.invalid &&\n                <div id={`${this.dropdownId}-invalid`} class=\"stzh-dropdown__vhidden\">\n                  {this.localization.$globals.invalidFieldText}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div\n            class=\"stzh-dropdown__dropdown-wrapper\"\n            ref={(el) => (this.dropdownWrapperElement = el as HTMLDivElement)}\n          ></div>\n\n          <StzhInputDescription\n            classPrefix=\"stzh-dropdown\"\n            id={`${this.dropdownId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongTitle={this.descriptionLongTitle}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-editor/stzh-editor.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-eventdata/stzh-eventdata.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-eventinfo/stzh-eventinfo.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-fieldset/stzh-fieldset.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-fieldset/stzh-fieldset.js

@@ -93,7 +93,7 @@ export class StzhFieldset {
         "mutable": false,
         "complexType": {
           "original": "Font.Curves | \"auto\"",
-          "resolved": "\"auto\" | \"caption\" | \"default\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"hero\" | \"lead\" | \"none\" | \"p1\" | \"p2\"",
+          "resolved": "\"auto\" | \"caption\" | \"default\" | \"h1\" | \"h1home\" | \"h2\" | \"h3\" | \"h4\" | \"hero\" | \"lead\" | \"none\" | \"p1\" | \"p2\"",
           "references": {
             "Font": {
               "location": "import",

package/dist/collection/components/stzh-figure/stzh-figure.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-flyingfocus/stzh-flyingfocus.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-footer/stzh-footer.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-footer/stzh-footer.stories.js

@@ -34,6 +34,14 @@ const TEMPLATE_MICROSITE = `
 </stzh-footer>
 `;
 
+const TEMPLATE_PUBLIZISTISCHE_INHALTE = `
+<stzh-footer>
+  <stzh-link slot="link" href="#" target="_blank">Legal notice</stzh-link>
+  <stzh-link slot="link" href="#" target="_blank">Imprint</stzh-link>
+  <stzh-link slot="link" href="#" target="_blank">Accessibility</stzh-link>
+</stzh-footer>
+`;
+
 const TEMPLATE_E_GOV = `
 <stzh-footer></stzh-footer>
 `;
@@ -54,10 +62,7 @@ export default {
       allowFullscreen: true
     }
   },
-  decorators: [
-    withActions,
-    withDesign
-  ]
+  decorators: [withActions, withDesign]
 };
 
 export const Default = {
@@ -73,6 +78,13 @@ export const Microsite = {
 export const eGov = {
   render: (args) => story(args, TEMPLATE_E_GOV),
   args: {
-    variant: "egov"
+    variant: 'egov'
+  }
+};
+
+export const PublizistischeInhalte = {
+  render: (args) => story(args, TEMPLATE_PUBLIZISTISCHE_INHALTE),
+  args: {
+    variant: 'egov'
   }
 };

package/dist/collection/components/stzh-gallery/stzh-gallery.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -730,7 +733,6 @@ stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner {
 }
 .stzh-gallery__list-actions {
   margin-top: var(--stzh-space-xxlarge);
-  padding-top: var(--stzh-space-xlarge);
   display: grid;
 }
 @media screen and (min-width: 900px) {
@@ -743,16 +745,6 @@ stzh-gallery .stzh-fylingfocus-focused::-moz-focus-inner {
     margin-top: var(--stzh-space-xxxxlarge);
   }
 }
-@media screen and (min-width: 900px) {
-  .stzh-gallery__list-actions {
-    padding-top: var(--stzh-space-xxlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  .stzh-gallery__list-actions {
-    padding-top: var(--stzh-space-xxxlarge);
-  }
-}
 @media screen and (min-width: 600px) {
   .stzh-gallery__list-actions {
     justify-content: center;

package/dist/collection/components/stzh-ghettobox/stzh-ghettobox.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */

package/dist/collection/components/stzh-header/stzh-header.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -207,14 +210,14 @@
   color: var(--stzh-color-grey90);
   /* Search is filled */
   /* Hide logo */
-  /* Has empty metabar */
-  /* Has empty metabar */
-  /* Metabar Stay */
   /* Fixed variant (as soon as header is passed) */
   /* Sticky (transition) variant */
   /* Sticky disabled */
   /* Sticky always */
   /* Flyout open */
+  /**
+   * Search button.
+   */
 }
 .stzh-header__inner, .stzh-header__main {
   max-width: calc(100vw - var(--stzh-scrollbar-width));
@@ -671,7 +674,7 @@
     padding-left: 0;
   }
 }
-.stzh-header__flyout {
+.stzh-header__flyout, .stzh-header__flyout-search {
   font-size: var(--stzh-font-milli-font-size);
   line-height: var(--stzh-font-milli-text-line-height);
   letter-spacing: var(--stzh-font-curve---text-letter-spacing);
@@ -1211,13 +1214,23 @@
   visibility: visible;
   opacity: 1;
 }
-.stzh-header--is-flyout-open .stzh-header__flyout {
+.stzh-header__flyout-search-main {
+  position: absolute;
+  width: 100%;
+  transition-property: opacity, transform;
+  transition-duration: var(--stzh-base-transition-animation-speed);
+  transform: translateY(-6.25rem);
+  opacity: 0;
+  margin-top: var(--stzh-header-main-height);
+  overflow: auto;
+}
+.stzh-header--is-flyout-open .stzh-header__flyout, .stzh-header--is-flyout-search-open .stzh-header__flyout-search {
   visibility: visible;
 }
-.stzh-header--is-flyout-open .stzh-header__flyout-backdrop {
+.stzh-header--is-flyout-open .stzh-header__flyout-backdrop, .stzh-header--is-flyout-search-open .stzh-header__flyout-backdrop {
   opacity: 1;
 }
-.stzh-header--is-flyout-open .stzh-header__flyout-scrollbar {
+.stzh-header--is-flyout-open .stzh-header__flyout-scrollbar, .stzh-header--is-flyout-search-open .stzh-header__flyout-scrollbar {
   display: none;
   z-index: 999;
   position: absolute;
@@ -1229,12 +1242,12 @@
   border-left: calc(0.5px * var(--stzh-scrollbar-active)) solid var(--stzh-color-grey30);
 }
 @media (min-height: 580px) {
-  .stzh-header--is-flyout-open .stzh-header__flyout-scrollbar {
+  .stzh-header--is-flyout-open .stzh-header__flyout-scrollbar, .stzh-header--is-flyout-search-open .stzh-header__flyout-scrollbar {
     display: block;
   }
 }
 @media screen and (min-width: 900px) {
-  .stzh-header--is-flyout-open .stzh-header__flyout-scrollbar {
+  .stzh-header--is-flyout-open .stzh-header__flyout-scrollbar, .stzh-header--is-flyout-search-open .stzh-header__flyout-scrollbar {
     display: block;
   }
 }
@@ -1242,8 +1255,12 @@
   opacity: 1;
   transform: translateX(0);
 }
+.stzh-header--is-flyout-search-open .stzh-header__flyout-search-main {
+  opacity: 1;
+  transform: translateX(0);
+}
 @media screen and (min-width: 600px) {
-  .stzh-header--is-flyout-open .stzh-header__inner {
+  .stzh-header--is-flyout-open .stzh-header__inner, .stzh-header--is-flyout-search-open .stzh-header__inner {
     z-index: var(--stzh-z-index-header);
     transform: translateY(0);
     position: fixed;
@@ -1254,7 +1271,7 @@
   }
 }
 @media screen and (max-width: 599px) {
-  .stzh-header--is-flyout-open .stzh-header__main {
+  .stzh-header--is-flyout-open .stzh-header__main, .stzh-header--is-flyout-search-open .stzh-header__main {
     z-index: var(--stzh-z-index-header);
     transform: translateY(0);
     position: fixed;
@@ -1264,13 +1281,16 @@
     margin-top: 0;
   }
 }
-.stzh-header--is-flyout-open .stzh-header__logobar {
+.stzh-header--is-flyout-open .stzh-header__logobar, .stzh-header--is-flyout-search-open .stzh-header__logobar {
   opacity: 1;
 }
-.stzh-header--is-flyout-open .stzh-header__logobar, .stzh-header--is-flyout-open .stzh-header__metabar {
+.stzh-header--is-flyout-open .stzh-header__logobar, .stzh-header--is-flyout-search-open .stzh-header__logobar, .stzh-header--is-flyout-open .stzh-header__metabar, .stzh-header--is-flyout-search-open .stzh-header__metabar {
   visibility: visible;
 }
-.stzh-header--is-flyout-open .stzh-header__logo-link {
+.stzh-header--is-flyout-open .stzh-header__logo-link, .stzh-header--is-flyout-search-open .stzh-header__logo-link {
   opacity: 1;
   transition: none;
+}
+.stzh-header__search-button--is-hidden {
+  display: none;
 }