npm - @oiz/stzh-components - Versions diffs - 3.4.0-beta1 → 3.4.0-beta2 - Mend

@oiz/stzh-components 3.4.0-beta1 → 3.4.0-beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/dist/stzh-components/p-0d092d58.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhCardCss","StzhCard","this","_subtitles","nodeChange","entries","changeInSlot","forEach","entry","target","closest","hasAttribute","forceUpdate","element","headerClick","event","collapsible","filterTags","composedPathTags","composedPath","map","_a","tagName","toLowerCase","found","some","r","includes","collapsed","stzhCollapse","emit","component","subtitleClick","subtitleInteractive","stzhSubtitleClick","originalEvent","starToggleClick","stzhStarClick","starred","actionClick","action","stzhHeaderActionClick","arrowUpClick","sortable","findSortableChildElement","moveItem","arrowDownClick","updateElementInsideSortable","currentSortable","removeEventListener","init","chips","querySelectorAll","texts","chip","setPropsIfNull","size","text","handleMutation","handleSelectionChange","checked","detail","handleCardClick","stzhClick","href","subtitleWatcher","newValue","JSON","parse","err","headerActionsWatcher","_headerActions","footerActionsWatcher","_footerActions","sortableContainer","container","parentElement","componentWillLoad","subtitle","headerActions","footerActions","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","addEventListener","componentDidRender","requestAnimationFrame","objectId","analyticsId","headingTextElement","innerText","_b","imageLinkElement","setAttribute","_c","titleLinkElement","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","imageUsed","hasSlot","headingUsed","footerUsed","contentUsed","Heading","headingLevel","Subtitle","sortableChildElement","isFirstItemInSortable","Array","from","children","indexOf","isLastItemInSortable","length","sortableEnabled","sortableDisabled","disabled","sortableActionsEnabled","hideMovementActions","hasHeading","heading","hasHeader","starrable","hasFooter","selectable","headerActionsWithBadge","filter","badge","badgeEmpty","classes","variant","hyphensEnabled","h","Host","role","class","ref","el","tabindex","onClick","name","icon","iconOnly","slot","actionRemove","actionAdd","label","actionsPopoverLabel","placement","headerActionsBadge","badgePosition","badgeType","headerActionsBadgeType","_d","e","Fragment","actionMoveUp","actionMoveDown","actions","fullwidth","type","value","select","onStzhChange"],"sources":["src/components/stzh-card/stzh-card.scss?tag=stzh-card&encapsulation=scoped","src/components/stzh-card/stzh-card.tsx"],"sourcesContent":["/**\n * @prop --content-min-height: Min height of content\n */\n\n:host {\n // --box-shadow: none;\n --border-radius: 0px;\n\n --content-min-height: 120px;\n\n --dnd-visibility: hidden;\n --dnd-opacity: 0;\n\n display: flex;\n flex-direction: column;\n position: relative;\n border-radius: var(--border-radius);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n &[collapsed]:not([collapsed=\"false\"]) {\n --content-min-height: none;\n }\n\n &[checked]:not([checked=\"false\"]) {\n outline: 3px solid $colorPrimary;\n }\n\n &.is-ghost::after,\n .is-ghost &::after {\n border-radius: var(--border-radius);\n }\n\n &[href]:hover,\n &[href]:focus-within,\n &.is-selected,\n &.is-chosen,\n .is-selected &,\n .is-chosen & {\n // --box-shadow: #{$boxShadowOverlay};\n }\n\n &.is-ghost,\n .is-ghost & {\n // --box-shadow: none;\n\n overflow: hidden;\n }\n\n &.is-drag,\n &.is-chosen,\n &.is-ghost,\n &.is-selected,\n .is-drag &,\n .is-chosen &,\n .is-ghost &,\n .is-selected &,\n &[is-sortable]:hover {\n --dnd-visibility: visible;\n --dnd-opacity: 1;\n }\n\n ::slotted([slot=\"image\"]) {\n width: 100%;\n max-width: 100%;\n }\n\n ::slotted(img[slot=\"image\"]) {\n display: block;\n }\n\n ::slotted(table) {\n border: 0;\n border-spacing: 0;\n\n th {\n @include font;\n }\n\n td, th {\n padding: 0;\n }\n\n td {\n color: $colorBlack;\n padding-left: space('xsmall');\n }\n }\n}\n\n.stzh-card {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n background-color: $colorWhite;\n border-radius: var(--border-radius);\n // box-shadow: var(--box-shadow);\n // transition: box-shadow $baseTransitionAnimationSpeed;\n\n // .vshow-medium {\n // @include mq($to: medium) {\n // @include visuallyhidden;\n // }\n // }\n\n // .show-medium {\n // @include mq($to: medium) {\n // display: none;\n // }\n // }\n\n // .hide-medium {\n // @include mq($from: medium) {\n // display: none;\n // }\n // }\n\n &__content-wrapper {\n position: relative;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n min-height: var(--content-min-height);\n }\n\n &__dnd {\n --size: #{iconSize('xsmall')};\n position: absolute;\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 3px;\n top: 23px;\n display: flex;\n visibility: var(--dnd-visibility);\n opacity: var(--dnd-opacity);\n transition: all $baseTransitionAnimationSpeed;\n display: none;\n\n @include mq($from: medium) {\n display: block;\n }\n\n @include mq($from: large) {\n // INFO: we don't use space() values here, because we want this element to align with the heading\n left: 4px;\n top: 27px;\n }\n }\n\n &__header-top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n }\n\n &__header-meta {\n &:not(:empty) {\n display: inline-flex;\n margin-top: space('xsmall');\n gap: space('xsmall');\n }\n }\n\n &__header-left,\n &__header-right {\n display: flex;\n }\n\n &__header-right {\n @include spaceCurve('padding-left', 'tiny');\n }\n\n &__left {\n align-self: center;\n }\n\n &__title-area {\n @include wordWrap;\n overflow: hidden;\n }\n\n &__title,\n &__subtitle {\n margin: 0;\n }\n\n &__title-link {\n color: inherit;\n text-decoration-line: none;\n }\n\n &__title {\n @include font('title');\n @include fontSize('milli');\n }\n\n &__image-link {\n display: block;\n }\n\n &__subtitle {\n @include fontSize('milli');\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n text-decoration-line: none;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n margin-left: -0.5625em;\n }\n\n &__subtitle-text {\n position: relative;\n display: inline-flex;\n // INFO: we don't use space() values here, since we try to mimic the width of a whitespace here\n padding-left: 0.5625em;\n\n &::after {\n content: ',';\n position: absolute;\n left: 0;\n }\n }\n\n &__content {\n @include fontSize('milli');\n flex-grow: 1;\n }\n\n // &__footer-meta {\n // @include fontSize('micro');\n // display: flex;\n // flex-wrap: wrap;\n // gap: space('xsmall');\n // color: $colorGrey80;\n // }\n\n // &__footer-meta-separator {\n // width: 1px;\n // background-color: currentColor;\n // flex-shrink: 0;\n // }\n\n &__card-actions {\n display: inline-flex;\n white-space: nowrap;\n }\n\n &__card-action {\n @include mq($to: medium) {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n &[variant=\"tertiary\"] {\n --color: #{$baseColor};\n }\n\n &.is-button {\n --icon-size: #{iconSize('small')};\n }\n\n &.is-placeholder {\n width: space('xxlarge');\n height: space('xxlarge');\n }\n\n &.is-star {\n }\n }\n\n &__card-action-popover {\n --width: auto;\n }\n\n /* Service */\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__subtitle {\n @include fontCurve('p1');\n }\n\n &--service &__title {\n @include fontCurve('h3', 'heading');\n }\n\n /* Has content */\n\n &--has-content &__content {\n @include spaceCurve('padding-bottom', 'large');\n padding-top: space('xlarge');\n padding-left: space('medium');\n padding-right: space('medium');\n\n @include mq($from: medium) {\n @include spaceCurve('padding-bottom', 'medium');\n }\n }\n\n &--has-content#{&}--service &__content {\n @include spaceCurve('padding', 'regular');\n }\n\n /* Has header */\n\n &--has-header &__header {\n padding-top: space('xlarge');\n padding-left: space('medium');\n padding-right: space('medium');\n }\n\n &--has-header#{&}--has-content &__content {\n padding-top: space('xsmall');\n }\n\n &--has-header#{&}--service &__header {\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-header#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-top', 'regular');\n }\n\n /* Has footer */\n\n &--has-footer &__footer {\n @include spaceCurve('padding-bottom', 'medium');\n padding-left: space('medium');\n padding-right: space('medium');\n }\n\n &--has-footer#{&}--has-content &__content {\n padding-bottom: space('medium');\n }\n\n &--has-footer#{&}--service &__footer {\n @include spaceCurve('padding-bottom', 'regular');\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n }\n\n &--has-footer#{&}--has-content#{&}--service &__content {\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n /* Has tag */\n\n &--has-tag#{&}--has-header &__header {\n padding-top: space('xxxlarge');\n }\n\n /* Has Link */\n\n &--has-link &__title-link,\n &--has-link &__content {\n transition: color $baseTransitionAnimationSpeed;\n }\n\n &--has-link &__title-link {\n color: $colorPrimary;\n text-decoration-line: none;\n border-radius: $buttonBorderRadius;\n cursor: pointer;\n\n &::before,\n &::after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n // &::before {\n // transition: all $baseTransitionAnimationSpeed;\n // }\n\n &::after {\n z-index: 1;\n }\n }\n\n &--has-link &__card-actions,\n &--has-link &__header-meta,\n &--has-link &__footer-actionset,\n &--has-link &__footer-select-button {\n position: relative;\n z-index: 2;\n }\n\n &--has-link:has(#{&}__image-link:hover) &__title-link,\n &--has-link:has(#{&}__image-link:hover) &__content,\n &--has-link:has(#{&}__title-link:hover) &__title-link,\n &--has-link:has(#{&}__title-link:hover) &__content {\n color: $colorSecondary60;\n\n // &::before,\n // &::before {\n // background-color: $colorPrimary20;\n // }\n }\n\n // &__footer-arrow {\n // color: $colorPrimary;\n // }\n\n // &--has-link:hover &__footer-arrow {\n // color: $colorSecondary60;\n // }\n\n /* Interactive Subtitle */\n\n &--has-subtitle-interactive &__subtitle {\n cursor: pointer;\n font-family: inherit;\n padding: 0;\n appearance: none;\n background: none;\n border: none;\n transition: color $baseTransitionAnimationSpeed;\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Is collapsible */\n\n &--is-collapsible &__header {\n cursor: pointer;\n }\n\n /* Collapsed (Header) */\n\n &--is-collapsed,\n &--has-collapsed-header &__header {\n // .vhide-when-collapsed {\n // @include visuallyhidden;\n // }\n\n .hide-when-collapsed {\n display: none;\n }\n\n // .show-when-collapsed {\n // display: block;\n // }\n }\n\n &--is-collapsed &__header {\n // border-bottom: none;\n padding-bottom: space('xlarge');\n }\n\n &--is-collapsed#{&}--service &__header {\n // border-bottom: none;\n @include spaceCurve('padding-bottom', 'regular');\n }\n\n &--is-collapsed &__card-action,\n &--has-collapsed-header &__card-action {\n --icon-text-margin: 0px;\n --badge-icon-text-margin: 0px;\n }\n\n /* Starred */\n\n &--is-starred &__card-action.is-star {\n color: $colorPrimary;\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n }\n }\n\n /* Hyphens */\n &--hyphens &__heading,\n &--hyphens &__title {\n hyphens: auto;\n }\n}\n","import { Component, Element, Event, EventEmitter, forceUpdate, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport {\n StzhActionsetItem,\n StzhButtonChangeEvent,\n StzhCardClickEvent,\n StzhCardCollapseEvent,\n StzhCardHeaderAction,\n StzhCardHeaderActionClickEvent,\n StzhCardStarClickEvent,\n StzhCardSubtitleClickEvent,\n} from \"../../index\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n// import { media } from '../../utils/media-utils';\nimport { StzhCardLocalizedText } from \"./stzh-card.localization\";\n\n/**\n * @slot heading - Slot for heading\n * @slot image - Slot for optional image element\n * @slot content - Slot for content for any elements\n * @slot meta - Slot for meta elements (status or chip)\n * @slot footer - Slot to replace footer content (`footerActions` and `selectable` button are not shown anymore)\n */\n@Component({\n tag: \"stzh-card\",\n styleUrl: \"stzh-card.scss\",\n scoped: true,\n})\nexport class StzhCard {\n /** Translation strings */\n @Prop() localization: StzhCardLocalizedText;\n\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"service\" = \"default\";\n\n /** Whether card is collapsed or not */\n @Prop({ reflect: true, mutable: true }) collapsed: boolean = false;\n\n /** Whether card was starred */\n @Prop({ reflect: true, mutable: true }) starred: boolean = false;\n\n /**\n * Whether card star is displayed (with tooltip and menu-item in mobile popover).\n * The tooltip / menu-item text can be adjusted in the translations file (`actionAdd` & `actionRemove`).\n */\n @Prop({ reflect: true }) starrable: boolean = false;\n\n /** Whether card is selectable */\n @Prop({ reflect: true }) selectable: boolean = false;\n\n /** Whether card is checked (if card is selectable) */\n @Prop({ reflect: true }) checked: boolean = false;\n\n /** The name of the input element (if card is selectable) */\n @Prop({ reflect: true }) name: string = \"\";\n\n /** Href of card */\n @Prop({ reflect: true }) href: string;\n\n /** target if the button is used as link (if href used) */\n @Prop() target: string;\n\n /** The value of the input element (if card is selectable) */\n @Prop({ mutable: true }) value: string = \"\";\n\n /** Whether the element is disabled or not (if card is selectable) */\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n /** Heading (or use heading slot instead) */\n @Prop() heading: string = \"\";\n\n /** Heading level */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** Subtitle */\n @Prop() subtitle: string | string[] = \"\";\n private _subtitles = [];\n\n /** Author name */\n // @Prop() author: string;\n\n /** Date to display */\n // @Prop() date: Date | string;\n\n /**\n * Date adapter, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n // @Prop() dateAdapter: StzhLocaleAdapter;\n\n /** Tag name */\n // @Prop() tag: string;\n\n /** Card header actions */\n @Prop() headerActions: string | StzhCardHeaderAction[] = [];\n private _headerActions: StzhCardHeaderAction[];\n\n /**\n * Set a badge text if header action badge exists (see headerActionsBadgeType for more info).\n */\n @Prop() headerActionsBadge: string;\n\n /**\n * If a header action with a badge exists inside `headerActions`, the more actions popover will automatically have a empty badge.\n * By default, it takes the badge type from the first one. With this property you can overwrite it.\n */\n @Prop() headerActionsBadgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\";\n\n /**\n * Card footer actions.\n * The [`stzh-actionset`](?path=/story/components-actionset) component is used internally.\n * You can listen to clicks with the `stzhActionClick` event.\n */\n @Prop() footerActions: string | StzhActionsetItem[] = [];\n private _footerActions: StzhActionsetItem[];\n\n /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */\n @Prop() subtitleInteractive: boolean = false;\n\n /**\n * Whether sorting should be disabled.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop({ reflect: true }) sortableDisabled: boolean = false;\n\n /** Whether card is collapsible */\n @Prop({ reflect: true }) collapsible: boolean = false;\n\n /**\n * Whether movement menu items should be shown.\n * Has no effect if card is not inside a `cardlist` element, which has `sortableEnabled` property set to true.\n */\n @Prop() hideMovementActions: boolean = false;\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the link elements.\n * Default value will be taken from `heading` prop/slot.\n */\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhCardElement;\n\n /** Click event (if href is used) */\n @Event() stzhClick: EventEmitter<StzhCardClickEvent>;\n\n /** Collapse event */\n @Event() stzhCollapse: EventEmitter<StzhCardCollapseEvent>;\n\n /** Subtitle click event */\n @Event() stzhSubtitleClick: EventEmitter<StzhCardSubtitleClickEvent>;\n\n /** Star click event */\n @Event() stzhStarClick: EventEmitter<StzhCardStarClickEvent>;\n\n /** Header action click event */\n @Event() stzhHeaderActionClick: EventEmitter<StzhCardHeaderActionClickEvent>;\n\n @Watch(\"subtitle\")\n subtitleWatcher(newValue: string[] | string) {\n if (typeof newValue === \"string\") {\n if (newValue === \"\") {\n this._subtitles = [];\n } else {\n try {\n this._subtitles = JSON.parse(newValue);\n } catch (err) {\n this._subtitles = [newValue];\n }\n }\n } else {\n this._subtitles = newValue;\n }\n }\n\n @Watch(\"headerActions\")\n headerActionsWatcher(newValue: StzhCardHeaderAction[] | string) {\n if (typeof newValue === \"string\") {\n this._headerActions = JSON.parse(newValue);\n } else {\n this._headerActions = newValue;\n }\n }\n\n @Watch(\"footerActions\")\n footerActionsWatcher(newValue: StzhActionsetItem[] | string) {\n if (typeof newValue === \"string\") {\n this._footerActions = JSON.parse(newValue);\n } else {\n this._footerActions = newValue;\n }\n }\n\n // @Watch(\"collapsed\")\n // collapsedWatcher() {\n // this.handleResize();\n // }\n\n private observer: MutationObserver;\n\n private nodeChange = entries => {\n let changeInSlot = false;\n\n entries.forEach(entry => {\n if (entry.target.closest(\"[slot]\") || entry.target.hasAttribute(\"slot\")) {\n changeInSlot = true;\n }\n });\n\n if (changeInSlot) {\n forceUpdate(this.element);\n }\n };\n\n // private mainElement: HTMLElement;\n // private headerElement: HTMLElement;\n // private headerLeftElement: HTMLElement;\n // private headerRightElement: HTMLElement;\n private imageLinkElement: HTMLAnchorElement;\n private titleLinkElement: HTMLAnchorElement;\n private headingTextElement: HTMLDivElement;\n private sortable: HTMLStzhSortableElement;\n\n // private debounceResize: number;\n // private resizeObserver: ResizeObserver;\n\n // private update = () => {\n // if (!this.mainElement) {\n // return;\n // }\n\n // this.mainElement.classList.remove(\"stzh-card--has-collapsed-header\");\n\n // if (media('medium').matches) {\n // const headerWidth = this.headerElement.clientWidth;\n // const leftWidth = this.headerLeftElement.clientWidth;\n // const rightWidth = this.headerRightElement.clientWidth;\n\n // if (headerWidth - leftWidth <= rightWidth) {\n // this.mainElement.classList.add(\"stzh-card--has-collapsed-header\");\n // }\n // }\n // }\n\n private headerClick = (event: MouseEvent) => {\n if (!this.collapsible) {\n return;\n }\n\n const filterTags = [\n \"stzh-popover\",\n \"stzh-tooltip\",\n \"button\",\n \"a\",\n \"input\",\n \"select\",\n \"textarea\",\n \"iframe\",\n \"details\",\n \"label\",\n \"area\",\n ];\n const composedPathTags = event.composedPath().map(element => (element as HTMLElement).tagName?.toLowerCase());\n const found = composedPathTags.some(r => filterTags.includes(r));\n\n if (!found) {\n this.collapsed = !this.collapsed;\n\n this.stzhCollapse.emit({\n component: \"stzh-card\",\n collapsed: this.collapsed,\n });\n }\n };\n\n private subtitleClick = (event: MouseEvent) => {\n if (this.subtitleInteractive) {\n this.stzhSubtitleClick.emit({\n component: \"stzh-card\",\n originalEvent: event,\n });\n }\n };\n\n private starToggleClick = (event: MouseEvent) => {\n this.stzhStarClick.emit({\n component: \"stzh-card\",\n starred: this.starred,\n originalEvent: event,\n });\n };\n\n private actionClick = (event: MouseEvent, action: StzhCardHeaderAction) => {\n this.stzhHeaderActionClick.emit({\n component: \"stzh-card\",\n action,\n originalEvent: event,\n });\n };\n\n private arrowUpClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"up\");\n }\n };\n\n private arrowDownClick = () => {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n const element = this.findSortableChildElement();\n sortable.moveItem(element, \"down\");\n }\n };\n\n private updateElementInsideSortable = () => {\n const currentSortable = this.element.closest(\"stzh-sortable\");\n\n // check if element is still inside sortable\n if (!currentSortable) {\n this.sortable.removeEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.removeEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n return;\n }\n\n if (this.element) {\n forceUpdate(this.element);\n }\n };\n\n private init = () => {\n const chips = this.element.querySelectorAll('stzh-chip[slot=\"meta\"], [slot=\"meta\"] stzh-chip');\n\n const texts = this.element.querySelectorAll('stzh-text[slot=\"content\"], [slot=\"meta\"] stzh-text');\n\n chips.forEach(chip => {\n setPropsIfNull(chip, {\n size: \"small\",\n } as HTMLStzhChipElement);\n });\n\n texts.forEach(text => {\n setPropsIfNull(text, {\n size: \"inherit\",\n } as HTMLStzhTextElement);\n });\n };\n\n // private handleResize = () => {\n // if (this.debounceResize) {\n // window.cancelAnimationFrame(this.debounceResize);\n // }\n\n // this.debounceResize = requestAnimationFrame(this.update);\n // }\n\n private handleMutation = entries => {\n this.init();\n this.nodeChange(entries);\n };\n\n private handleSelectionChange = (event: CustomEvent<StzhButtonChangeEvent>) => {\n this.checked = event.detail.checked;\n };\n\n private handleCardClick = (originalEvent: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-card\",\n originalEvent,\n href: this.href,\n });\n };\n\n private findSortableChildElement(): HTMLElement | undefined {\n const sortable = this.element.closest(\"stzh-sortable\");\n\n if (sortable) {\n let element: HTMLElement = this.element;\n let sortableContainer = null;\n\n if (typeof sortable.container === \"function\") {\n sortableContainer = sortable.container();\n } else {\n sortableContainer = sortable.container;\n }\n\n while (element.parentElement && element.parentElement !== sortableContainer) {\n element = element.parentElement;\n }\n\n return element;\n }\n }\n\n async componentWillLoad() {\n this.subtitleWatcher(this.subtitle);\n this.headerActionsWatcher(this.headerActions);\n this.footerActionsWatcher(this.footerActions);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card\");\n }\n\n // if (!this.dateAdapter) {\n // this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n // this.localization.$formats,\n // this.localization.$globals\n // );\n // }\n }\n\n componentDidLoad() {\n this.sortable = this.element.closest(\"stzh-sortable\");\n\n if (this.sortable) {\n this.sortable.addEventListener(\"stzhUpdate\", this.updateElementInsideSortable);\n this.sortable.addEventListener(\"stzhDisable\", this.updateElementInsideSortable);\n }\n }\n\n componentDidRender() {\n requestAnimationFrame(() => {\n const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n if (objectId) {\n this.imageLinkElement?.setAttribute(\"s-object-id\", objectId);\n this.titleLinkElement?.setAttribute(\"s-object-id\", objectId);\n }\n });\n }\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.handleMutation);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n\n // this.resizeObserver = new ResizeObserver(this.handleResize);\n // this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n // if (this.resizeObserver) {\n // this.resizeObserver.disconnect();\n // }\n }\n\n render() {\n const imageUsed: boolean = hasSlot(this.element, \"image\");\n const headingUsed: boolean = hasSlot(this.element, \"heading\");\n const footerUsed: boolean = hasSlot(this.element, \"footer\");\n const contentUsed: boolean = hasSlot(this.element, \"content\");\n\n const Heading = `h${this.headingLevel}`;\n const Subtitle = `${this.subtitleInteractive ? \"button\" : \"span\"}`;\n\n const sortableChildElement = this.findSortableChildElement();\n\n const isFirstItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) === 0;\n\n const isLastItemInSortable =\n sortableChildElement?.parentElement &&\n Array.from(sortableChildElement?.parentElement?.children).indexOf(sortableChildElement) ===\n sortableChildElement?.parentElement?.children.length - 1;\n\n const sortableEnabled = !this.sortableDisabled && this.sortable && !this.sortable.disabled;\n const sortableActionsEnabled = sortableEnabled && !this.hideMovementActions;\n\n // const nonCollapsingTextHeaderActions = this._headerActions.filter(action => !action.onlyCollapseText);\n\n // const headerActions = [\n // ...this._headerActions\n // ];\n\n const hasHeading = !!this.heading || headingUsed;\n\n const hasHeader =\n hasHeading ||\n this._subtitles.length > 0 ||\n this._headerActions.length > 0 ||\n // || nonCollapsingTextHeaderActions.length > 0\n this.starrable ||\n sortableActionsEnabled;\n\n const hasFooter = footerUsed || this._footerActions.length > 0 || this.selectable;\n // || !!this.author\n // || !!this.date;\n\n const headerActionsWithBadge = this._headerActions.filter(action => !!action.badge || action.badgeEmpty);\n\n const classes = {\n \"stzh-card\": true,\n \"stzh-card--has-link\": !!this.href,\n \"stzh-card--has-image\": imageUsed,\n \"stzh-card--has-content\": contentUsed,\n \"stzh-card--has-subtitle\": !!this.subtitle,\n \"stzh-card--has-subtitle-interactive\": !!this.subtitle && this.subtitleInteractive,\n \"stzh-card--has-header\": hasHeader,\n \"stzh-card--has-footer\": hasFooter,\n // \"stzh-card--has-tag\": !!this.tag,\n \"stzh-card--is-collapsible\": this.collapsible,\n \"stzh-card--is-collapsed\": this.collapsed,\n \"stzh-card--is-starred\": this.starred,\n \"stzh-card--is-checked\": this.checked,\n \"stzh-card--is-sortable\": sortableEnabled,\n [`stzh-card--${this.variant}`]: !!this.variant,\n \"stzh-card--hyphens\": this.hyphensEnabled,\n };\n\n return (\n <Host role=\"listitem\" aria-label={this.heading} is-sortable={sortableEnabled}>\n <article\n // ref={(el) => (this.mainElement = el as HTMLElement)}\n class={classes}\n >\n <a\n ref={el => (this.imageLinkElement = el as HTMLAnchorElement)}\n aria-hidden=\"true\"\n tabindex=\"-1\"\n class=\"stzh-card__image-link\"\n href={this.href}\n target={this.target}\n onClick={this.href ? this.handleCardClick : null}\n >\n <slot name=\"image\"></slot>\n </a>\n <div class=\"stzh-card__content-wrapper\">\n <stzh-icon class=\"stzh-card__dnd\" name=\"drag\"></stzh-icon>\n {/* {this.tag && <div class=\"stzh-card__tag\">{this.tag}</div>} */}\n\n <header\n // ref={(el) => (this.headerElement = el as HTMLElement)}\n class=\"stzh-card__header\"\n onClick={this.headerClick}\n >\n <div class=\"stzh-card__header-top\">\n <div\n // ref={(el) => (this.headerLeftElement = el as HTMLElement)}\n class=\"stzh-card__header-left\"\n >\n <div class=\"stzh-card__title-area\">\n {hasHeading && (\n <Heading class=\"stzh-card__title\">\n <a\n ref={el => (this.titleLinkElement = el as HTMLAnchorElement)}\n class=\"stzh-card__title-link\"\n href={this.href}\n target={this.target}\n onClick={this.href ? this.handleCardClick : null}\n >\n <div ref={el => (this.headingTextElement = el as HTMLDivElement)}>\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </div>\n </a>\n </Heading>\n )}\n {this._subtitles.length > 0 && (\n <Subtitle class=\"stzh-card__subtitle\" onClick={this.subtitleClick}>\n {this._subtitles.map(subtitle => (\n <span class=\"stzh-card__subtitle-text\">{subtitle}</span>\n ))}\n </Subtitle>\n )}\n </div>\n </div>\n <div\n // ref={(el) => (this.headerRightElement = el as HTMLElement)}\n class=\"stzh-card__header-right\"\n >\n <div class=\"stzh-card__card-actions\">\n {/* {this._headerActions.map(action => (\n <stzh-button\n class={{\n \"stzh-card__card-action\": true,\n \"is-button\": true,\n \"show-medium\": !action.onlyCollapseText,\n \"hide-when-collapsed\": !action.onlyCollapseText,\n \"hide-text-when-collapsed\": action.onlyCollapseText\n }}\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n variant=\"tertiary\"\n size=\"tiny\"\n badgePosition=\"icon\"\n onClick={(e: MouseEvent) => { this.actionClick(e, action) }}\n >\n <span\n class={{\n \"vshow-medium\": action.onlyCollapseText,\n \"vhide-when-collapsed\": action.onlyCollapseText\n }}\n >\n {action.label}\n </span>\n </stzh-button>\n ))} */}\n\n {this.starrable && (\n <stzh-tooltip>\n <stzh-button\n class=\"stzh-card__card-action is-star\"\n icon={this.starred ? \"star-filled\" : \"star\"}\n variant=\"tertiary\"\n size=\"tiny\"\n iconOnly={true}\n onClick={this.starToggleClick}\n ></stzh-button>\n <div slot=\"content\">\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </div>\n </stzh-tooltip>\n )}\n\n {/* <stzh-actionset actions={headerActions} variant=\"overflow\"></stzh-actionset> */}\n {/* {(nonCollapsingTextHeaderActions.length > 0 || this.starrable || sortableActionsEnabled) && */}\n {(this._headerActions.length > 0 || this.starrable || sortableActionsEnabled) && (\n <stzh-popover\n label={this.localization.actionsPopoverLabel}\n placement=\"bottom-end\"\n class={{\n \"stzh-card__card-action-popover\": true,\n // \"hide-medium show-when-collapsed\": !this.starrable && !sortableActionsEnabled\n }}\n >\n <stzh-button\n class=\"stzh-card__card-action is-further\"\n variant=\"tertiary\"\n size=\"tiny\"\n icon=\"more-vertical\"\n iconOnly={true}\n badge={this.headerActionsBadge}\n badgeEmpty={headerActionsWithBadge.length > 0}\n badgePosition=\"icon\"\n badgeType={this.headerActionsBadgeType || headerActionsWithBadge[0]?.badgeType || \"default\"}\n ></stzh-button>\n <stzh-menu slot=\"content\">\n {/* {nonCollapsingTextHeaderActions.map(action => ( */}\n {this._headerActions.map(action => (\n <stzh-menu-item\n // class=\"hide-medium show-when-collapsed\"\n icon={action.icon}\n badge={action.badge}\n badgeEmpty={action.badgeEmpty}\n badgeType={action.badgeType}\n onClick={(e: MouseEvent) => {\n this.actionClick(e, action);\n }}\n >\n {action.label}\n </stzh-menu-item>\n ))}\n\n {sortableActionsEnabled && (\n <Fragment>\n {!isFirstItemInSortable && (\n <stzh-menu-item icon=\"arrow-up\" onClick={this.arrowUpClick}>\n {this.localization.actionMoveUp}\n </stzh-menu-item>\n )}\n {!isLastItemInSortable && (\n <stzh-menu-item icon=\"arrow-down\" onClick={this.arrowDownClick}>\n {this.localization.actionMoveDown}\n </stzh-menu-item>\n )}\n </Fragment>\n )}\n\n {this.starrable && (\n <stzh-menu-item icon={this.starred ? \"star-filled\" : \"star\"} onClick={this.starToggleClick}>\n {this.starred ? this.localization.actionRemove : this.localization.actionAdd}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </stzh-popover>\n )}\n </div>\n </div>\n </div>\n\n <div class=\"stzh-card__header-meta\">\n <slot name=\"meta\"></slot>\n </div>\n </header>\n\n <div class=\"stzh-card__content hide-when-collapsed\">\n <slot name=\"content\"></slot>\n </div>\n\n <div class=\"stzh-card__footer hide-when-collapsed\">\n {/* {(this.author || this.date) &&\n <div class=\"stzh-card__footer-meta\">\n {this.author &&\n <div class=\"stzh-card__footer-author\">{this.author}</div>\n }\n {this.author && this.date &&\n <div class=\"stzh-card__footer-meta-separator\"></div>\n }\n {this.date &&\n <div class=\"stzh-card__footer-date\">\n {this.dateAdapter.format(new Date(this.date), \"dateInput\")}\n </div>\n }\n </div>\n } */}\n\n <slot name=\"footer\">\n {this._footerActions.length > 0 && (\n <stzh-actionset class=\"stzh-card__footer-actionset\" actions={this._footerActions}></stzh-actionset>\n )}\n\n {this.selectable && (\n <stzh-button\n class=\"stzh-card__footer-select-button\"\n fullwidth\n type=\"radio\"\n variant=\"secondary\"\n name={this.name}\n value={this.value}\n checked={this.checked}\n disabled={this.disabled}\n label={this.localization.select}\n onStzhChange={this.handleSelectionChange}\n ></stzh-button>\n )}\n </slot>\n </div>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/{p-38cd406c.entry.js → p-10c2c688.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as i,F as e,a as h,g as a}from"./p-c7bfac7a.js";const r=".sc-stzh-archivelist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{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);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge);display:flex;justify-content:center}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}";const c=class{constructor(i){t(this,i);this.stzhItemClick=s(this,"stzhItemClick",7);this._showMoreLink=false;this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems};this.localization=undefined;this.showItems=9;this.stepItems=9;this.items=[]}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.showItemsWatcher(this._initialShowItems)}showItemsWatcher(t){this._itemsShown=this._items.slice(0,t);this._showMoreLink=t<this._items.length}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-archivelist",item:t,originalEvent:s})}async componentWillLoad(){this._initialShowItems=this.showItems;this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"archivelist")}}render(){const t={"stzh-archivelist":true};return i(h,null,i("div",{class:t},i("div",{class:"stzh-archivelist__list",role:"list"},this._itemsShown.map((t=>i("a",{class:"stzh-archivelist__item",role:"listitem",href:t.href,onClick:s=>this.handleClick(t,s)},t.dateline&&i("div",{class:"stzh-archivelist__dateline"},t.dateline),t.label&&i("div",{class:"stzh-archivelist__label"},t.labelClamp?i("stzh-clamp",Object.assign({},t.labelClamp),t.label):i(e,null,t.label)),t.description&&i("div",{class:"stzh-archivelist__description"},t.descriptionClamp?i("stzh-clamp",Object.assign({},t.descriptionClamp),t.description):i(e,null,t.description)))))),this._showMoreLink&&i("div",{class:"stzh-archivelist__actions"},i("stzh-button",{variant:"secondary",size:"small",sizeMedium:"default",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],showItems:["showItemsWatcher"]}}};c.style=r;export{c as stzh_archivelist};
-//# sourceMappingURL=p-38cd406c.entry.js.map
+import{r as t,c as s,h as i,F as e,a as h,g as a}from"./p-c7bfac7a.js";const r=".sc-stzh-archivelist-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-archivelist-h{display:none}.sc-stzh-archivelist-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-archivelist-h *.sc-stzh-archivelist,.sc-stzh-archivelist-h *.sc-stzh-archivelist::before,.sc-stzh-archivelist-h *.sc-stzh-archivelist::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-archivelist-h .has-focus.sc-stzh-archivelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist{outline-style:none !important}.sc-stzh-archivelist-h .stzh-fylingfocus-focused.sc-stzh-archivelist::-moz-focus-inner{border:0 !important}.stzh-archivelist__list.sc-stzh-archivelist{display:grid;gap:var(--stzh-space-medium)}.stzh-archivelist__item.sc-stzh-archivelist{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);background-color:var(--stzh-color-grey10);color:var(--stzh-color-grey80);text-decoration:none;padding:var(--stzh-space-large);transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-archivelist__item.sc-stzh-archivelist:hover{background-color:var(--stzh-color-secondary10)}.stzh-archivelist__dateline.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-bottom:var(--stzh-space-medium)}.stzh-archivelist__label.sc-stzh-archivelist{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary70);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line)}.stzh-archivelist__description.sc-stzh-archivelist{margin-top:var(--stzh-space-xsmall)}.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxlarge);display:flex;justify-content:center}@media screen and (min-width: 900px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-archivelist__actions.sc-stzh-archivelist{margin-top:var(--stzh-space-xxxxlarge)}}.stzh-archivelist__heading.sc-stzh-archivelist{margin-bottom:var(--stzh-space-medium)}";const c=class{constructor(i){t(this,i);this.stzhItemClick=s(this,"stzhItemClick",7);this._showMoreLink=false;this.handleMoreClick=()=>{this.showItems=this.stepItems+this.showItems};this.localization=undefined;this.showItems=9;this.stepItems=9;this.heading="";this.headingLevel="3";this.items=[]}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.showItemsWatcher(this._initialShowItems)}showItemsWatcher(t){this._itemsShown=this._items.slice(0,t);this._showMoreLink=t<this._items.length}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-archivelist",item:t,originalEvent:s})}async componentWillLoad(){this._initialShowItems=this.showItems;this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"archivelist")}}render(){const t={"stzh-archivelist":true};return i(h,null,i("div",{class:t},this.heading&&i("stzh-heading",{level:this.headingLevel,class:"stzh-archivelist__heading"},this.heading),i("div",{class:"stzh-archivelist__list",role:"list"},this._itemsShown.map((t=>i("a",{class:"stzh-archivelist__item",role:"listitem",href:t.href,onClick:s=>this.handleClick(t,s)},t.dateline&&i("div",{class:"stzh-archivelist__dateline"},t.dateline),t.label&&i("div",{class:"stzh-archivelist__label"},t.labelClamp?i("stzh-clamp",Object.assign({},t.labelClamp),t.label):i(e,null,t.label)),t.description&&i("div",{class:"stzh-archivelist__description"},t.descriptionClamp?i("stzh-clamp",Object.assign({},t.descriptionClamp),t.description):i(e,null,t.description)))))),this._showMoreLink&&i("div",{class:"stzh-archivelist__actions"},i("stzh-button",{variant:"secondary",size:"small",sizeMedium:"default",label:this.localization.showMore,onClick:this.handleMoreClick}))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],showItems:["showItemsWatcher"]}}};c.style=r;export{c as stzh_archivelist};
+//# sourceMappingURL=p-10c2c688.entry.js.map

package/dist/stzh-components/p-10c2c688.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["stzhArchivelistCss","StzhArchivelist","this","_showMoreLink","handleMoreClick","showItems","stepItems","itemsWatcher","newValue","_items","JSON","parse","showItemsWatcher","_initialShowItems","_itemsShown","slice","length","handleClick","item","originalEvent","stzhItemClick","emit","component","componentWillLoad","items","localization","window","stzhComponents","utils","fetchTranslations","element","render","classes","h","Host","class","heading","level","headingLevel","role","map","href","onClick","e","dateline","label","labelClamp","Object","assign","Fragment","description","descriptionClamp","variant","size","sizeMedium","showMore"],"sources":["src/components/stzh-archivelist/stzh-archivelist.scss?tag=stzh-archivelist&encapsulation=scoped","src/components/stzh-archivelist/stzh-archivelist.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-archivelist {\n &__list {\n display: grid;\n gap: space('medium');\n }\n\n &__item {\n @include fontSize('milli');\n background-color: $colorGrey10;\n color: $colorGrey80;\n text-decoration: none;\n padding: space('large');\n transition: background-color $baseTransitionAnimationSpeed;\n\n &:hover {\n background-color: $colorSecondary10;\n }\n }\n\n &__dateline {\n @include font('heavy');\n @include fontSize('micro');\n margin-bottom: space('medium');\n }\n\n &__label {\n @include font('heavy');\n color: $colorPrimary70;\n text-decoration-line: $linkTextDecorationLine;\n }\n\n &__description {\n margin-top: space('xsmall');\n }\n\n &__actions {\n @include spaceCurve('margin-top', 'large');\n display: flex;\n justify-content: center;\n }\n\n &__heading {\n margin-bottom: space('medium');\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhArchivelistItem, StzhArchivelistItemClickEvent } from \"../../index\";\n\nimport { StzhArchivelistLocalizedText } from \"./stzh-archivelist.localization\";\n\n/**\n *\n */\n@Component({\n tag: \"stzh-archivelist\",\n styleUrl: \"stzh-archivelist.scss\",\n scoped: true,\n})\nexport class StzhArchivelist {\n /** Translation strings */\n @Prop() localization: StzhArchivelistLocalizedText;\n\n /** Nr of entries shown */\n @Prop({ mutable: true }) showItems: number = 9;\n private _initialShowItems: number;\n\n /** Nr of items loaded when more link is clicked */\n @Prop() stepItems: number = 9;\n\n /** Heading */\n @Prop() heading: string = \"\";\n\n /** Heading level */\n @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /**\n * Initial selected values.\n * Array of objects with `label`, `href`, optionally: `dateline`, `description`, `labelClamp` and `descriptionClamp` attribute:\n * `[{\"href\":\"#lorem\", \"label\": \"Label 1\"}, {\"href\":\"#lorem2\", \"label\": \"Label 2\", \"labelClamp\": { \"lines\": 2, \"linesMedium\": 1 }}]`\n */\n @Prop() items: StzhArchivelistItem[] | string = [];\n private _items: StzhArchivelistItem[];\n private _itemsShown: StzhArchivelistItem[];\n private _showMoreLink: boolean = false;\n\n @Element() element: HTMLStzhArchivelistElement;\n\n @Watch(\"items\")\n itemsWatcher(newValue: StzhArchivelistItem[] | string) {\n if (typeof newValue === \"string\") {\n this._items = JSON.parse(newValue);\n } else {\n this._items = newValue;\n }\n\n this.showItemsWatcher(this._initialShowItems);\n }\n\n @Watch(\"showItems\")\n showItemsWatcher(newValue: number) {\n this._itemsShown = this._items.slice(0, newValue);\n this._showMoreLink = newValue < this._items.length;\n }\n\n /** Item click event */\n @Event() stzhItemClick: EventEmitter<StzhArchivelistItemClickEvent>;\n\n private handleClick(item: StzhArchivelistItem, originalEvent: MouseEvent) {\n this.stzhItemClick.emit({\n component: \"stzh-archivelist\",\n item,\n originalEvent,\n });\n }\n\n private handleMoreClick = () => {\n this.showItems = this.stepItems + this.showItems;\n };\n\n async componentWillLoad() {\n this._initialShowItems = this.showItems;\n this.itemsWatcher(this.items);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"archivelist\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-archivelist\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n {this.heading && (\n <stzh-heading level={this.headingLevel} class=\"stzh-archivelist__heading\">\n {this.heading}\n </stzh-heading>\n )}\n <div class=\"stzh-archivelist__list\" role=\"list\">\n {this._itemsShown.map(item => (\n <a\n class=\"stzh-archivelist__item\"\n role=\"listitem\"\n href={item.href}\n onClick={e => this.handleClick(item, e)}\n >\n {item.dateline && <div class=\"stzh-archivelist__dateline\">{item.dateline}</div>}\n\n {item.label && (\n <div class=\"stzh-archivelist__label\">\n {item.labelClamp ? (\n <stzh-clamp {...item.labelClamp}>{item.label}</stzh-clamp>\n ) : (\n <Fragment>{item.label}</Fragment>\n )}\n </div>\n )}\n\n {item.description && (\n <div class=\"stzh-archivelist__description\">\n {item.descriptionClamp ? (\n <stzh-clamp {...item.descriptionClamp}>{item.description}</stzh-clamp>\n ) : (\n <Fragment>{item.description}</Fragment>\n )}\n </div>\n )}\n </a>\n ))}\n </div>\n\n {this._showMoreLink && (\n <div class=\"stzh-archivelist__actions\">\n <stzh-button\n variant=\"secondary\"\n size=\"small\"\n sizeMedium=\"default\"\n label={this.localization.showMore}\n onClick={this.handleMoreClick}\n ></stzh-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"uEAAA,MAAMA,EAAqB,4+F,MCcdC,EAAe,M,sEAyBlBC,KAAAC,cAAyB,MAgCzBD,KAAAE,gBAAkB,KACxBF,KAAKG,UAAYH,KAAKI,UAAYJ,KAAKG,SAAS,E,2CArDL,E,eAIjB,E,aAGF,G,kBAGoB,I,WAOE,E,CAQhD,YAAAE,CAAaC,GACX,UAAWA,IAAa,SAAU,CAChCN,KAAKO,OAASC,KAAKC,MAAMH,E,KACpB,CACLN,KAAKO,OAASD,C,CAGhBN,KAAKU,iBAAiBV,KAAKW,kB,CAI7B,gBAAAD,CAAiBJ,GACfN,KAAKY,YAAcZ,KAAKO,OAAOM,MAAM,EAAGP,GACxCN,KAAKC,cAAgBK,EAAWN,KAAKO,OAAOO,M,CAMtC,WAAAC,CAAYC,EAA2BC,GAC7CjB,KAAKkB,cAAcC,KAAK,CACtBC,UAAW,mBACXJ,OACAC,iB,CAQJ,uBAAMI,GACJrB,KAAKW,kBAAoBX,KAAKG,UAC9BH,KAAKK,aAAaL,KAAKsB,OAEvB,IAAKtB,KAAKuB,aAAc,CACtBvB,KAAKuB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkB3B,KAAK4B,QAAS,c,EAI1F,MAAAC,GACE,MAAMC,EAAU,CACd,mBAAoB,MAGtB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACT9B,KAAKkC,SACJH,EAAA,gBAAcI,MAAOnC,KAAKoC,aAAcH,MAAM,6BAC3CjC,KAAKkC,SAGVH,EAAA,OAAKE,MAAM,yBAAyBI,KAAK,QACtCrC,KAAKY,YAAY0B,KAAItB,GACpBe,EAAA,KACEE,MAAM,yBACNI,KAAK,WACLE,KAAMvB,EAAKuB,KACXC,QAASC,GAAKzC,KAAKe,YAAYC,EAAMyB,IAEpCzB,EAAK0B,UAAYX,EAAA,OAAKE,MAAM,8BAA8BjB,EAAK0B,UAE/D1B,EAAK2B,OACJZ,EAAA,OAAKE,MAAM,2BACRjB,EAAK4B,WACJb,EAAA,aAAAc,OAAAC,OAAA,GAAgB9B,EAAK4B,YAAa5B,EAAK2B,OAEvCZ,EAACgB,EAAQ,KAAE/B,EAAK2B,QAKrB3B,EAAKgC,aACJjB,EAAA,OAAKE,MAAM,iCACRjB,EAAKiC,iBACJlB,EAAA,aAAAc,OAAAC,OAAA,GAAgB9B,EAAKiC,kBAAmBjC,EAAKgC,aAE7CjB,EAACgB,EAAQ,KAAE/B,EAAKgC,kBAQ3BhD,KAAKC,eACJ8B,EAAA,OAAKE,MAAM,6BACTF,EAAA,eACEmB,QAAQ,YACRC,KAAK,QACLC,WAAW,UACXT,MAAO3C,KAAKuB,aAAa8B,SACzBb,QAASxC,KAAKE,oB"}

package/dist/stzh-components/{p-23de5712.entry.js → p-1391115f.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as n,h as t,a as e,g as o}from"./p-c7bfac7a.js";const c=".sc-stzh-vbz-connection-finder-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-connection-finder-h{display:none}.sc-stzh-vbz-connection-finder-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::before,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-connection-finder-h .has-focus.sc-stzh-vbz-connection-finder{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder{outline-style:none !important}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-connection-finder-h{width:100%}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxxlarge)}}";const i=class{constructor(t){n(this,t)}render(){const n={"stzh-vbz-connection-finder":true};return t(e,null,t("div",{class:n},t("script",{src:"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js"}),t("div",{id:"zvv-searchmask","data-accent-color":"#0F05A0","data-background-color":"#ffffff","data-font-family":"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;"})))}get element(){return o(this)}};i.style=c;export{i as stzh_vbz_connection_finder};
-//# sourceMappingURL=p-23de5712.entry.js.map
+import{r as n,h as t,a as e,g as o}from"./p-c7bfac7a.js";const c=".sc-stzh-vbz-connection-finder-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-connection-finder-h{display:none}.sc-stzh-vbz-connection-finder-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::before,.sc-stzh-vbz-connection-finder-h *.sc-stzh-vbz-connection-finder::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-connection-finder-h .has-focus.sc-stzh-vbz-connection-finder{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder{outline-style:none !important}.sc-stzh-vbz-connection-finder-h .stzh-fylingfocus-focused.sc-stzh-vbz-connection-finder::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-connection-finder-h{width:100%}.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xlarge);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-vbz-connection-finder.sc-stzh-vbz-connection-finder{padding-bottom:var(--stzh-space-xxxlarge)}}";const i=class{constructor(t){n(this,t)}render(){const n={"stzh-vbz-connection-finder":true};return t(e,null,t("div",{class:n},t("script",{src:"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js"}),t("div",{id:"zvv-searchmask","data-accent-color":"#057FAC","data-background-color":"#ffffff","data-font-family":"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;"})))}get element(){return o(this)}};i.style=c;export{i as stzh_vbz_connection_finder};
+//# sourceMappingURL=p-1391115f.entry.js.map

package/dist/stzh-components/{p-23de5712.entry.js.map → p-1391115f.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["stzhVbzConnectionFinderCss","StzhVbzConnectionFinder","render","classes","h","Host","class","src","id"],"sources":["src/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.scss?tag=stzh-vbz-connection-finder&encapsulation=scoped","src/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.stzh-vbz-connection-finder {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n}\n\n\n","import { Component, Element, h, Host } from \"@stencil/core\";\n\n/*\n \n */\n@Component({\n tag: \"stzh-vbz-connection-finder\",\n styleUrl: \"stzh-vbz-connection-finder.scss\",\n scoped: true,\n})\nexport class StzhVbzConnectionFinder {\n @Element() element: HTMLStzhVbzConnectionFinderElement;\n\n render() {\n const classes = {\n \"stzh-vbz-connection-finder\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <script src=\"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js\"></script>\n <div\n id=\"zvv-searchmask\"\n data-accent-color=\"#~~0F05A0~~\"\n data-background-color=\"#ffffff\"\n data-font-family=\"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;\"\n ></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA6B,qoE,MCUtBC,EAAuB,M,yBAGlC,MAAAC,GACE,MAAMC,EAAU,CACd,6BAA8B,MAGhC,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,UAAQG,IAAI,kDACZH,EAAA,OACEI,GAAG,iBAAgB,oBACD,UAAS,wBACL,UAAS,mBACd,iF"}
1	+ {"version":3,"names":["stzhVbzConnectionFinderCss","StzhVbzConnectionFinder","render","classes","h","Host","class","src","id"],"sources":["src/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.scss?tag=stzh-vbz-connection-finder&encapsulation=scoped","src/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.tsx"],"sourcesContent":[":host {\n width: 100%;\n}\n\n.stzh-vbz-connection-finder {\n @include spaceCurve('padding-top', 'medium');\n @include spaceCurve('padding-bottom', 'medium');\n}\n\n\n","import { Component, Element, h, Host } from \"@stencil/core\";\n\n/*\n \n */\n@Component({\n tag: \"stzh-vbz-connection-finder\",\n styleUrl: \"stzh-vbz-connection-finder.scss\",\n scoped: true,\n})\nexport class StzhVbzConnectionFinder {\n @Element() element: HTMLStzhVbzConnectionFinderElement;\n\n render() {\n const classes = {\n \"stzh-vbz-connection-finder\": true,\n };\n\n return (\n <Host>\n <div class={classes}>\n <script src=\"https://fpcdn.zvv.ch/cdn/v1/searchmask.min.js\"></script>\n <div\n id=\"zvv-searchmask\"\n data-accent-color=\"#057FAC\"\n data-background-color=\"#ffffff\"\n data-font-family=\"'HelveticaNeueLTW01_55Roman','Helvetica Neue','Helvetica,Arial',sans-serif;\"\n ></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAA6B,qoE,MCUtBC,EAAuB,M,yBAGlC,MAAAC,GACE,MAAMC,EAAU,CACd,6BAA8B,MAGhC,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,UAAQG,IAAI,kDACZH,EAAA,OACEI,GAAG,iBAAgB,oBACD,UAAS,wBACL,UAAS,mBACd,iF"}

package/dist/stzh-components/p-1b2fb680.entry.js ADDED Viewed

@@ -0,0 +1,9 @@
+import{r as t,c as e,h as o,a as r,g as i}from"./p-c7bfac7a.js";import{h as s}from"./p-d789f265.js";import{S as n}from"./p-fc692303.js";import"./p-9b063923.js";function a(t,e){t.split(/\s+/).forEach((t=>{e(t)}))}class l{constructor(){this._events=void 0;this._events={}}on(t,e){a(t,(t=>{const o=this._events[t]||[];o.push(e);this._events[t]=o}))}off(t,e){var o=arguments.length;if(o===0){this._events={};return}a(t,(t=>{if(o===1){delete this._events[t];return}const r=this._events[t];if(r===undefined)return;r.splice(r.indexOf(e),1);this._events[t]=r}))}trigger(t,...e){var o=this;a(t,(t=>{const r=o._events[t];if(r===undefined)return;r.forEach((t=>{t.apply(o,e)}))}))}}function d(t){t.plugins={};return class extends t{constructor(...t){super(...t);this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(e,o){t.plugins[e]={name:e,fn:o}}initializePlugins(t){var e,o;const r=this;const i=[];if(Array.isArray(t)){t.forEach((t=>{if(typeof t==="string"){i.push(t)}else{r.plugins.settings[t.name]=t.options;i.push(t.name)}}))}else if(t){for(e in t){if(t.hasOwnProperty(e)){r.plugins.settings[e]=t[e];i.push(e)}}}while(o=i.shift()){r.require(o)}}loadPlugin(e){var o=this;var r=o.plugins;var i=t.plugins[e];if(!t.plugins.hasOwnProperty(e)){throw new Error('Unable to find "'+e+'" plugin')}r.requested[e]=true;r.loaded[e]=i.fn.apply(o,[o.plugins.settings[e]||{}]);r.names.push(e)}require(t){var e=this;var o=e.plugins;if(!e.plugins.loaded.hasOwnProperty(t)){if(o.requested[t]){throw new Error('Plugin has circular dependency ("'+t+'")')}e.loadPlugin(t)}return o.loaded[t]}}}
+/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const h=t=>{t=t.filter(Boolean);if(t.length<2){return t[0]||""}return v(t)==1?"["+t.join("")+"]":"(?:"+t.join("|")+")"};const p=t=>{if(!u(t)){return t.join("")}let e="";let o=0;const r=()=>{if(o>1){e+="{"+o+"}"}};t.forEach(((i,s)=>{if(i===t[s-1]){o++;return}r();e+=i;o=1}));r();return e};const c=t=>{let e=z(t);return h(e)};const u=t=>new Set(t).size!==t.length;const f=t=>(t+"").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu,"\\$1");const v=t=>t.reduce(((t,e)=>Math.max(t,m(e))),0);const m=t=>z(t).length;const z=t=>Array.from(t)
+/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */;const g=t=>{if(t.length===1)return[[t]];let e=[];const o=t.substring(1);const r=g(o);r.forEach((function(o){let r=o.slice(0);r[0]=t.charAt(0)+r[0];e.push(r);r=o.slice(0);r.unshift(t.charAt(0));e.push(r)}));return e};
+/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const w=[[0,65535]];const x="[̀-ͯ·ʾʼ]";let b;let _;const y=3;const k={};const O={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in O){let e=O[t]||"";for(let o=0;o<e.length;o++){let r=e.substring(o,o+1);k[r]=t}}const S=new RegExp(Object.keys(k).join("|")+"|"+x,"gu");const F=t=>{if(b!==undefined)return;b=T(t||w)};const A=(t,e="NFKD")=>t.normalize(e);const $=t=>z(t).reduce(((t,e)=>t+C(e)),"");const C=t=>{t=A(t).toLowerCase().replace(S,(t=>k[t]||""));return A(t,"NFC")};function*I(t){for(const[e,o]of t){for(let t=e;t<=o;t++){let e=String.fromCharCode(t);let o=$(e);if(o==e.toLowerCase()){continue}if(o.length>y){continue}if(o.length==0){continue}yield{folded:o,composed:e,code_point:t}}}}const j=t=>{const e={};const o=(t,o)=>{const r=e[t]||new Set;const i=new RegExp("^"+c(r)+"$","iu");if(o.match(i)){return}r.add(f(o));e[t]=r};for(let e of I(t)){o(e.folded,e.folded);o(e.folded,e.composed)}return e};const T=t=>{const e=j(t);const o={};let r=[];for(let t in e){let i=e[t];if(i){o[t]=c(i)}if(t.length>1){r.push(f(t))}}r.sort(((t,e)=>e.length-t.length));const i=h(r);_=new RegExp("^"+i,"u");return o};const E=(t,e=1)=>{let o=0;t=t.map((t=>{if(b[t]){o+=t.length}return b[t]||t}));if(o>=e){return p(t)}return""};const L=(t,e=1)=>{e=Math.max(e,t.length-1);return h(g(t).map((t=>E(t,e))))};const R=(t,e=true)=>{let o=t.length>1?1:0;return h(t.map((t=>{let r=[];const i=e?t.length():t.length()-1;for(let e=0;e<i;e++){r.push(L(t.substrs[e]||"",o))}return p(r)})))};const M=(t,e)=>{for(const o of e){if(o.start!=t.start||o.end!=t.end){continue}if(o.substrs.join("")!==t.substrs.join("")){continue}let e=t.parts;const r=t=>{for(const o of e){if(o.start===t.start&&o.substr===t.substr){return false}if(t.length==1||o.length==1){continue}if(t.start<o.start&&t.end>o.start){return true}if(o.start<t.start&&o.end>t.start){return true}}return false};let i=o.parts.filter(r);if(i.length>0){continue}return true}return false};class D{constructor(){this.parts=[];this.substrs=[];this.start=0;this.end=0}add(t){if(t){this.parts.push(t);this.substrs.push(t.substr);this.start=Math.min(t.start,this.start);this.end=Math.max(t.end,this.end)}}last(){return this.parts[this.parts.length-1]}length(){return this.parts.length}clone(t,e){let o=new D;let r=JSON.parse(JSON.stringify(this.parts));let i=r.pop();for(const t of r){o.add(t)}let s=e.substr.substring(0,t-i.start);let n=s.length;o.add({start:i.start,end:i.start+n,length:n,substr:s});return o}}const N=t=>{F();t=$(t);let e="";let o=[new D];for(let r=0;r<t.length;r++){let i=t.substring(r);let s=i.match(_);const n=t.substring(r,r+1);const a=s?s[0]:null;let l=[];let d=new Set;for(const t of o){const e=t.last();if(!e||e.length==1||e.end<=r){if(a){const e=a.length;t.add({start:r,end:r+e,length:e,substr:a});d.add("1")}else{t.add({start:r,end:r+1,length:1,substr:n});d.add("2")}}else if(a){let o=t.clone(r,e);const i=a.length;o.add({start:r,end:r+i,length:i,substr:a});l.push(o)}else{d.add("3")}}if(l.length>0){l=l.sort(((t,e)=>t.length()-e.length()));for(let t of l){if(M(t,o)){continue}o.push(t)}continue}if(r>0&&d.size==1&&!d.has("3")){e+=R(o,false);let t=new D;const r=o[0];if(r){t.add(r.last())}o=[t]}}e+=R(o,true);return e};
+/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */const q=(t,e)=>{if(!t)return;return t[e]};const W=(t,e)=>{if(!t)return;var o,r=e.split(".");while((o=r.shift())&&(t=t[o]));return t};const P=(t,e,o)=>{var r,i;if(!t)return 0;t=t+"";if(e.regex==null)return 0;i=t.search(e.regex);if(i===-1)return 0;r=e.string.length/t.length;if(i===0)r+=.5;return r*o};const V=(t,e)=>{var o=t[e];if(typeof o=="function")return o;if(o&&!Array.isArray(o)){t[e]=[o]}};const J=(t,e)=>{if(Array.isArray(t)){t.forEach(e)}else{for(var o in t){if(t.hasOwnProperty(o)){e(t[o],o)}}}};const B=(t,e)=>{if(typeof t==="number"&&typeof e==="number"){return t>e?1:t<e?-1:0}t=$(t+"").toLowerCase();e=$(e+"").toLowerCase();if(t>e)return 1;if(e>t)return-1;return 0};
+/*! sifter.js | https://github.com/orchidjs/sifter.js | Apache License (v2) */class H{constructor(t,e){this.items=void 0;this.settings=void 0;this.items=t;this.settings=e||{diacritics:true}}tokenize(t,e,o){if(!t||!t.length)return[];const r=[];const i=t.split(/\s+/);var s;if(o){s=new RegExp("^("+Object.keys(o).map(f).join("|")+"):(.*)$")}i.forEach((t=>{let o;let i=null;let n=null;if(s&&(o=t.match(s))){i=o[1];t=o[2]}if(t.length>0){if(this.settings.diacritics){n=N(t)||null}else{n=f(t)}if(n&&e)n="\\b"+n}r.push({string:t,regex:n?new RegExp(n,"iu"):null,field:i})}));return r}getScoreFunction(t,e){var o=this.prepareSearch(t,e);return this._getScoreFunction(o)}_getScoreFunction(t){const e=t.tokens,o=e.length;if(!o){return function(){return 0}}const r=t.options.fields,i=t.weights,s=r.length,n=t.getAttrFn;if(!s){return function(){return 1}}const a=function(){if(s===1){return function(t,e){const o=r[0].field;return P(n(e,o),t,i[o]||1)}}return function(t,e){var o=0;if(t.field){const r=n(e,t.field);if(!t.regex&&r){o+=1/s}else{o+=P(r,t,1)}}else{J(i,((r,i)=>{o+=P(n(e,i),t,r)}))}return o/s}}();if(o===1){return function(t){return a(e[0],t)}}if(t.options.conjunction==="and"){return function(t){var r,i=0;for(let o of e){r=a(o,t);if(r<=0)return 0;i+=r}return i/o}}else{return function(t){var r=0;J(e,(e=>{r+=a(e,t)}));return r/o}}}getSortFunction(t,e){var o=this.prepareSearch(t,e);return this._getSortFunction(o)}_getSortFunction(t){var e,o=[];const r=this,i=t.options,s=!t.query&&i.sort_empty?i.sort_empty:i.sort;if(typeof s=="function"){return s.bind(this)}const n=function e(o,i){if(o==="$score")return i.score;return t.getAttrFn(r.items[i.id],o)};if(s){for(let e of s){if(t.query||e.field!=="$score"){o.push(e)}}}if(t.query){e=true;for(let t of o){if(t.field==="$score"){e=false;break}}if(e){o.unshift({field:"$score",direction:"desc"})}}else{o=o.filter((t=>t.field!=="$score"))}const a=o.length;if(!a){return null}return function(t,e){var r,i;for(let s of o){i=s.field;let o=s.direction==="desc"?-1:1;r=o*B(n(i,t),n(i,e));if(r)return r}return 0}}prepareSearch(t,e){const o={};var r=Object.assign({},e);V(r,"sort");V(r,"sort_empty");if(r.fields){V(r,"fields");const t=[];r.fields.forEach((e=>{if(typeof e=="string"){e={field:e,weight:1}}t.push(e);o[e.field]="weight"in e?e.weight:1}));r.fields=t}return{options:r,query:t.toLowerCase().trim(),tokens:this.tokenize(t,r.respect_word_boundaries,o),total:0,items:[],weights:o,getAttrFn:r.nesting?W:q}}search(t,e){var o=this,r,i;i=this.prepareSearch(t,e);e=i.options;t=i.query;const s=e.score||o._getScoreFunction(i);if(t.length){J(o.items,((t,o)=>{r=s(t);if(e.filter===false||r>0){i.items.push({score:r,id:o})}}))}else{J(o.items,((t,e)=>{i.items.push({score:1,id:e})}))}const n=o._getSortFunction(i);if(n)i.items.sort(n);i.total=i.items.length;if(typeof e.limit==="number"){i.items=i.items.slice(0,e.limit)}return i}}const K=(t,e)=>{if(Array.isArray(t)){t.forEach(e)}else{for(var o in t){if(t.hasOwnProperty(o)){e(t[o],o)}}}};const G=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(U(t)){var e=document.createElement("template");e.innerHTML=t.trim();return e.content.firstChild}return document.querySelector(t)};const U=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};const Y=t=>t.replace(/['"\\]/g,"\\$&");const Q=(t,e)=>{var o=document.createEvent("HTMLEvents");o.initEvent(e,true,false);t.dispatchEvent(o)};const X=(t,e)=>{Object.assign(t.style,e)};const Z=(t,...e)=>{var o=et(e);t=ot(t);t.map((t=>{o.map((e=>{t.classList.add(e)}))}))};const tt=(t,...e)=>{var o=et(e);t=ot(t);t.map((t=>{o.map((e=>{t.classList.remove(e)}))}))};const et=t=>{var e=[];K(t,(t=>{if(typeof t==="string"){t=t.trim().split(/[\11\12\14\15\40]/)}if(Array.isArray(t)){e=e.concat(t)}}));return e.filter(Boolean)};const ot=t=>{if(!Array.isArray(t)){t=[t]}return t};const rt=(t,e,o)=>{if(o&&!o.contains(t)){return}while(t&&t.matches){if(t.matches(e)){return t}t=t.parentNode}};const it=(t,e=0)=>{if(e>0){return t[t.length-1]}return t[0]};const st=t=>Object.keys(t).length===0;const nt=(t,e)=>{if(!t)return-1;e=e||t.nodeName;var o=0;while(t=t.previousElementSibling){if(t.matches(e)){o++}}return o};const at=(t,e)=>{K(e,((e,o)=>{if(e==null){t.removeAttribute(o)}else{t.setAttribute(o,""+e)}}))};const lt=(t,e)=>{if(t.parentNode)t.parentNode.replaceChild(e,t)};const dt=(t,e)=>{if(e===null)return;if(typeof e==="string"){if(!e.length)return;e=new RegExp(e,"i")}const o=t=>{var o=t.data.match(e);if(o&&t.data.length>0){var r=document.createElement("span");r.className="highlight";var i=t.splitText(o.index);i.splitText(o[0].length);var s=i.cloneNode(true);r.appendChild(s);lt(i,r);return 1}return 0};const r=t=>{if(t.nodeType===1&&t.childNodes&&!/(script|style)/i.test(t.tagName)&&(t.className!=="highlight"||t.tagName!=="SPAN")){Array.from(t.childNodes).forEach((t=>{i(t)}))}};const i=t=>{if(t.nodeType===3){return o(t)}r(t);return 0};i(t)};const ht=t=>{var e=t.querySelectorAll("span.highlight");Array.prototype.forEach.call(e,(function(t){var e=t.parentNode;e.replaceChild(t.firstChild,t);e.normalize()}))};const pt=65;const ct=13;const ut=27;const ft=37;const vt=38;const mt=39;const zt=40;const gt=8;const wt=46;const xt=9;const bt=typeof navigator==="undefined"?false:/Mac/.test(navigator.userAgent);const _t=bt?"metaKey":"ctrlKey";var yt={options:[],optgroups:[],plugins:[],delimiter:",",splitOn:null,persist:true,diacritics:true,create:null,createOnBlur:false,createFilter:null,highlight:true,openOnFocus:true,shouldOpen:null,maxOptions:50,maxItems:null,hideSelected:null,duplicates:false,addPrecedence:false,selectOnTab:false,preload:null,allowEmptyOption:false,loadThrottle:300,loadingClass:"loading",dataAttr:null,optgroupField:"optgroup",valueField:"value",labelField:"text",disabledField:"disabled",optgroupLabelField:"label",optgroupValueField:"value",lockOptgroupOrder:false,sortField:"$order",searchField:["text"],searchConjunction:"and",mode:null,openDisplay:"block",wrapperClass:"ts-wrapper",controlClass:"ts-control",dropdownClass:"ts-dropdown",dropdownContentClass:"ts-dropdown-content",itemClass:"item",optionClass:"option",dropdownParent:null,controlInput:'<input type="text" autocomplete="off" size="1" />',copyClassesToDropdown:false,placeholder:null,hidePlaceholder:null,transformLoadQuery:function(t){return t.trim()},shouldLoad:function(t){return t.length>0},render:{}};const kt=t=>{if(typeof t==="undefined"||t===null)return null;return Ot(t)};const Ot=t=>{if(typeof t==="boolean")return t?"1":"0";return t+""};const St=t=>(t+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");const Ft=(t,e)=>{var o;return function(r,i){var s=this;if(o){s.loading=Math.max(s.loading-1,0);clearTimeout(o)}o=setTimeout((function(){o=null;s.loadedSearches[r]=true;t.call(s,r,i)}),e)}};const At=(t,e,o)=>{var r;var i=t.trigger;var s={};t.trigger=function(){var o=arguments[0];if(e.indexOf(o)!==-1){s[o]=arguments}else{return i.apply(t,arguments)}};o.apply(t,[]);t.trigger=i;for(r of e){if(r in s){i.apply(t,s[r])}}};const $t=t=>({start:t.selectionStart||0,length:(t.selectionEnd||0)-(t.selectionStart||0)});const Ct=(t,e=false)=>{if(t){t.preventDefault();if(e){t.stopPropagation()}}};const It=(t,e,o,r)=>{t.addEventListener(e,o,r)};const jt=(t,e)=>{if(!e){return false}if(!e[t]){return false}var o=(e.altKey?1:0)+(e.ctrlKey?1:0)+(e.shiftKey?1:0)+(e.metaKey?1:0);if(o===1){return true}return false};const Tt=(t,e)=>{const o=t.getAttribute("id");if(o){return o}t.setAttribute("id",e);return e};const Et=t=>t.replace(/[\\"']/g,"\\$&");const Lt=(t,e)=>{if(e)t.append(e)};function Rt(t,e){var o=Object.assign({},yt,e);var r=o.dataAttr;var i=o.labelField;var s=o.valueField;var n=o.disabledField;var a=o.optgroupField;var l=o.optgroupLabelField;var d=o.optgroupValueField;var h=t.tagName.toLowerCase();var p=t.getAttribute("placeholder")||t.getAttribute("data-placeholder");if(!p&&!o.allowEmptyOption){let e=t.querySelector('option[value=""]');if(e){p=e.textContent}}var c={placeholder:p,options:[],optgroups:[],items:[],maxItems:null};var u=()=>{var e;var h=c.options;var p={};var u=1;var f=t=>{var e=Object.assign({},t.dataset);var o=r&&e[r];if(typeof o==="string"&&o.length){e=Object.assign(e,JSON.parse(o))}return e};var v=(t,e)=>{var r=kt(t.value);if(r==null)return;if(!r&&!o.allowEmptyOption)return;if(p.hasOwnProperty(r)){if(e){var l=p[r][a];if(!l){p[r][a]=e}else if(!Array.isArray(l)){p[r][a]=[l,e]}else{l.push(e)}}}else{var d=f(t);d[i]=d[i]||t.textContent;d[s]=d[s]||r;d[n]=d[n]||t.disabled;d[a]=d[a]||e;d.$option=t;p[r]=d;h.push(d)}if(t.selected){c.items.push(r)}};var m=t=>{var e,o;o=f(t);o[l]=o[l]||t.getAttribute("label")||"";o[d]=o[d]||u++;o[n]=o[n]||t.disabled;c.optgroups.push(o);e=o[d];K(t.children,(t=>{v(t,e)}))};c.maxItems=t.hasAttribute("multiple")?null:1;K(t.children,(t=>{e=t.tagName.toLowerCase();if(e==="optgroup"){m(t)}else if(e==="option"){v(t)}}))};var f=()=>{const e=t.getAttribute(r);if(!e){var n=t.value.trim()||"";if(!o.allowEmptyOption&&!n.length)return;const e=n.split(o.delimiter);K(e,(t=>{const e={};e[i]=t;e[s]=t;c.options.push(e)}));c.items=e}else{c.options=JSON.parse(e);K(c.options,(t=>{c.items.push(t[s])}))}};if(h==="select"){u()}else{f()}return Object.assign({},yt,c,e)}var Mt=0;class Dt extends(d(l)){constructor(t,e){super();this.control_input=void 0;this.wrapper=void 0;this.dropdown=void 0;this.control=void 0;this.dropdown_content=void 0;this.focus_node=void 0;this.order=0;this.settings=void 0;this.input=void 0;this.tabIndex=void 0;this.is_select_tag=void 0;this.rtl=void 0;this.inputId=void 0;this._destroy=void 0;this.sifter=void 0;this.isOpen=false;this.isDisabled=false;this.isRequired=void 0;this.isInvalid=false;this.isValid=true;this.isLocked=false;this.isFocused=false;this.isInputHidden=false;this.isSetup=false;this.ignoreFocus=false;this.ignoreHover=false;this.hasOptions=false;this.currentResults=void 0;this.lastValue="";this.caretPos=0;this.loading=0;this.loadedSearches={};this.activeOption=null;this.activeItems=[];this.optgroups={};this.options={};this.userOptions={};this.items=[];Mt++;var o;var r=G(t);if(r.tomselect){throw new Error("Tom Select already initialized on this element")}r.tomselect=this;var i=window.getComputedStyle&&window.getComputedStyle(r,null);o=i.getPropertyValue("direction");const s=Rt(r,e);this.settings=s;this.input=r;this.tabIndex=r.tabIndex||0;this.is_select_tag=r.tagName.toLowerCase()==="select";this.rtl=/rtl/i.test(o);this.inputId=Tt(r,"tomselect-"+Mt);this.isRequired=r.required;this.sifter=new H(this.options,{diacritics:s.diacritics});s.mode=s.mode||(s.maxItems===1?"single":"multi");if(typeof s.hideSelected!=="boolean"){s.hideSelected=s.mode==="multi"}if(typeof s.hidePlaceholder!=="boolean"){s.hidePlaceholder=s.mode!=="multi"}var n=s.createFilter;if(typeof n!=="function"){if(typeof n==="string"){n=new RegExp(n)}if(n instanceof RegExp){s.createFilter=t=>n.test(t)}else{s.createFilter=t=>this.settings.duplicates||!this.options[t]}}this.initializePlugins(s.plugins);this.setupCallbacks();this.setupTemplates();const a=G("<div>");const l=G("<div>");const d=this._render("dropdown");const h=G(`<div role="listbox" tabindex="-1">`);const p=this.input.getAttribute("class")||"";const c=s.mode;var u;Z(a,s.wrapperClass,p,c);Z(l,s.controlClass);Lt(a,l);Z(d,s.dropdownClass,c);if(s.copyClassesToDropdown){Z(d,p)}Z(h,s.dropdownContentClass);Lt(d,h);G(s.dropdownParent||a).appendChild(d);if(U(s.controlInput)){u=G(s.controlInput);var f=["autocorrect","autocapitalize","autocomplete"];J(f,(t=>{if(r.getAttribute(t)){at(u,{[t]:r.getAttribute(t)})}}));u.tabIndex=-1;l.appendChild(u);this.focus_node=u}else if(s.controlInput){u=G(s.controlInput);this.focus_node=u}else{u=G("<input/>");this.focus_node=l}this.wrapper=a;this.dropdown=d;this.dropdown_content=h;this.control=l;this.control_input=u;this.setup()}setup(){const t=this;const e=t.settings;const o=t.control_input;const r=t.dropdown;const i=t.dropdown_content;const s=t.wrapper;const n=t.control;const a=t.input;const l=t.focus_node;const d={passive:true};const h=t.inputId+"-ts-dropdown";at(i,{id:h});at(l,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":h});const p=Tt(l,t.inputId+"-ts-control");const c="label[for='"+Y(t.inputId)+"']";const u=document.querySelector(c);const v=t.focus.bind(t);const m=a.getAttribute("aria-labelledby");if(u){It(u,"click",v);at(u,{for:p})}if(m){at(l,{"aria-labelledby":m});at(i,{"aria-labelledby":m})}s.style.width=a.style.width;if(t.plugins.names.length){const e="plugin-"+t.plugins.names.join(" plugin-");Z([s,r],e)}if(e.mode==="multi"){at(i,{"aria-multiselectable":"true"});if(t.is_select_tag){at(a,{multiple:"multiple"})}}if(e.placeholder){at(o,{placeholder:e.placeholder})}if(!e.splitOn&&e.delimiter){e.splitOn=new RegExp("\\s*"+f(e.delimiter)+"+\\s*")}if(e.load&&e.loadThrottle){e.load=Ft(e.load,e.loadThrottle)}t.control_input.type=a.type;It(r,"mousemove",(()=>{t.ignoreHover=false}));It(r,"mouseenter",(e=>{var o=rt(e.target,"[data-selectable]",r);if(o)t.onOptionHover(e,o)}),{capture:true});It(r,"click",(e=>{const o=rt(e.target,"[data-selectable]");if(o){t.onOptionSelect(e,o);Ct(e,true)}}));It(n,"click",(e=>{var r=rt(e.target,"[data-ts-item]",n);if(r&&t.onItemSelect(e,r)){Ct(e,true);return}if(o.value!=""){return}t.onClick();Ct(e,true)}));It(l,"keydown",(e=>t.onKeyDown(e)));It(o,"keypress",(e=>t.onKeyPress(e)));It(o,"input",(e=>t.onInput(e)));It(l,"blur",(e=>t.onBlur(e)));It(l,"focus",(e=>t.onFocus(e)));It(o,"paste",(e=>t.onPaste(e)));const z=e=>{const i=e.composedPath()[0];if(!s.contains(i)&&!r.contains(i)){if(t.isFocused){t.blur()}t.inputState();return}if(i==o&&t.isOpen){e.stopPropagation()}else{Ct(e,true)}};const g=()=>{if(t.isOpen){t.positionDropdown()}};It(document,"mousedown",z);It(window,"scroll",g,d);It(window,"resize",g,d);this._destroy=()=>{document.removeEventListener("mousedown",z);window.removeEventListener("scroll",g);window.removeEventListener("resize",g);if(u)u.removeEventListener("click",v)};this.revertSettings={innerHTML:a.innerHTML,tabIndex:a.tabIndex};a.tabIndex=-1;a.insertAdjacentElement("afterend",t.wrapper);t.sync(false);e.items=[];delete e.optgroups;delete e.options;It(a,"invalid",(()=>{if(t.isValid){t.isValid=false;t.isInvalid=true;t.refreshState()}}));t.updateOriginalInput();t.refreshItems();t.close(false);t.inputState();t.isSetup=true;if(a.disabled){t.disable()}else{t.enable()}t.on("change",this.onChange);Z(a,"tomselected","ts-hidden-accessible");t.trigger("initialize");if(e.preload===true){t.preload()}}setupOptions(t=[],e=[]){this.addOptions(t);J(e,(t=>{this.registerOptionGroup(t)}))}setupTemplates(){var t=this;var e=t.settings.labelField;var o=t.settings.optgroupLabelField;var r={optgroup:t=>{let e=document.createElement("div");e.className="optgroup";e.appendChild(t.options);return e},optgroup_header:(t,e)=>'<div class="optgroup-header">'+e(t[o])+"</div>",option:(t,o)=>"<div>"+o(t[e])+"</div>",item:(t,o)=>"<div>"+o(t[e])+"</div>",option_create:(t,e)=>'<div class="create">Add <strong>'+e(t.input)+"</strong>&hellip;</div>",no_results:()=>'<div class="no-results">No results found</div>',loading:()=>'<div class="spinner"></div>',not_loading:()=>{},dropdown:()=>"<div></div>"};t.settings.render=Object.assign({},r,t.settings.render)}setupCallbacks(){var t,e;var o={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"};for(t in o){e=this.settings[o[t]];if(e)this.on(t,e)}}sync(t=true){const e=this;const o=t?Rt(e.input,{delimiter:e.settings.delimiter}):e.settings;e.setupOptions(o.options,o.optgroups);e.setValue(o.items||[],true);e.lastQuery=null}onClick(){var t=this;if(t.activeItems.length>0){t.clearActiveItems();t.focus();return}if(t.isFocused&&t.isOpen){t.blur()}else{t.focus()}}onMouseDown(){}onChange(){Q(this.input,"input");Q(this.input,"change")}onPaste(t){var e=this;if(e.isInputHidden||e.isLocked){Ct(t);return}if(!e.settings.splitOn){return}setTimeout((()=>{var t=e.inputValue();if(!t.match(e.settings.splitOn)){return}var o=t.trim().split(e.settings.splitOn);J(o,(t=>{const o=kt(t);if(o){if(this.options[t]){e.addItem(t)}else{e.createItem(t)}}}))}),0)}onKeyPress(t){var e=this;if(e.isLocked){Ct(t);return}var o=String.fromCharCode(t.keyCode||t.which);if(e.settings.create&&e.settings.mode==="multi"&&o===e.settings.delimiter){e.createItem();Ct(t);return}}onKeyDown(t){var e=this;e.ignoreHover=true;if(e.isLocked){if(t.keyCode!==xt){Ct(t)}return}switch(t.keyCode){case pt:if(jt(_t,t)){if(e.control_input.value==""){Ct(t);e.selectAll();return}}break;case ut:if(e.isOpen){Ct(t,true);e.close()}e.clearActiveItems();return;case zt:if(!e.isOpen&&e.hasOptions){e.open()}else if(e.activeOption){let t=e.getAdjacent(e.activeOption,1);if(t)e.setActiveOption(t)}Ct(t);return;case vt:if(e.activeOption){let t=e.getAdjacent(e.activeOption,-1);if(t)e.setActiveOption(t)}Ct(t);return;case ct:if(e.canSelect(e.activeOption)){e.onOptionSelect(t,e.activeOption);Ct(t)}else if(e.settings.create&&e.createItem()){Ct(t)}else if(document.activeElement==e.control_input&&e.isOpen){Ct(t)}return;case ft:e.advanceSelection(-1,t);return;case mt:e.advanceSelection(1,t);return;case xt:if(e.settings.selectOnTab){if(e.canSelect(e.activeOption)){e.onOptionSelect(t,e.activeOption);Ct(t)}if(e.settings.create&&e.createItem()){Ct(t)}}return;case gt:case wt:e.deleteSelection(t);return}if(e.isInputHidden&&!jt(_t,t)){Ct(t)}}onInput(t){var e=this;if(e.isLocked){return}var o=this.settings.transformLoadQuery(this.control_input.value);if(e.lastValue!==o){e.lastValue=o;if(e.settings.shouldLoad.call(e,o)){e.load(o)}e.refreshOptions();e.trigger("type",o)}}onOptionHover(t,e){if(this.ignoreHover)return;this.setActiveOption(e,false)}onFocus(t){var e=this;var o=e.isFocused;if(e.isDisabled){e.blur();Ct(t);return}if(e.ignoreFocus)return;e.isFocused=true;if(e.settings.preload==="focus")e.preload();if(!o)e.trigger("focus");if(!e.activeItems.length){e.showInput();e.refreshOptions(!!e.settings.openOnFocus)}e.refreshState()}onBlur(t){if(document.hasFocus()===false)return;var e=this;if(!e.isFocused)return;e.isFocused=false;e.ignoreFocus=false;var o=()=>{e.close();e.setActiveItem();e.setCaret(e.items.length);e.trigger("blur")};if(e.settings.create&&e.settings.createOnBlur){e.createItem(null,o)}else{o()}}onOptionSelect(t,e){var o,r=this;if(e.parentElement&&e.parentElement.matches("[data-disabled]")){return}if(e.classList.contains("create")){r.createItem(null,(()=>{if(r.settings.closeAfterSelect){r.close()}}))}else{o=e.dataset.value;if(typeof o!=="undefined"){r.lastQuery=null;r.addItem(o);if(r.settings.closeAfterSelect){r.close()}if(!r.settings.hideSelected&&t.type&&/click/.test(t.type)){r.setActiveOption(e)}}}}canSelect(t){if(this.isOpen&&t&&this.dropdown_content.contains(t)){return true}return false}onItemSelect(t,e){var o=this;if(!o.isLocked&&o.settings.mode==="multi"){Ct(t);o.setActiveItem(e,t);return true}return false}canLoad(t){if(!this.settings.load)return false;if(this.loadedSearches.hasOwnProperty(t))return false;return true}load(t){const e=this;if(!e.canLoad(t))return;Z(e.wrapper,e.settings.loadingClass);e.loading++;const o=e.loadCallback.bind(e);e.settings.load.call(e,t,o)}loadCallback(t,e){const o=this;o.loading=Math.max(o.loading-1,0);o.lastQuery=null;o.clearActiveOption();o.setupOptions(t,e);o.refreshOptions(o.isFocused&&!o.isInputHidden);if(!o.loading){tt(o.wrapper,o.settings.loadingClass)}o.trigger("load",t,e)}preload(){var t=this.wrapper.classList;if(t.contains("preloaded"))return;t.add("preloaded");this.load("")}setTextboxValue(t=""){var e=this.control_input;var o=e.value!==t;if(o){e.value=t;Q(e,"update");this.lastValue=t}}getValue(){if(this.settings.mode==="multi"&&this.is_select_tag){return this.items}return this.items.join(this.settings.delimiter)}setValue(t,e){var o=e?[]:["change"];At(this,o,(()=>{this.clear(e);this.addItems(t,e)}))}setMaxItems(t){if(t===0)t=null;this.settings.maxItems=t;this.refreshState()}setActiveItem(t,e){var o=this;var r;var i,s,n,a;var l;if(o.settings.mode==="single")return;if(!t){o.clearActiveItems();if(o.isFocused){o.showInput()}return}r=e&&e.type.toLowerCase();if(r==="click"&&jt("shiftKey",e)&&o.activeItems.length){l=o.getLastActive();s=Array.prototype.indexOf.call(o.control.children,l);n=Array.prototype.indexOf.call(o.control.children,t);if(s>n){a=s;s=n;n=a}for(i=s;i<=n;i++){t=o.control.children[i];if(o.activeItems.indexOf(t)===-1){o.setActiveItemClass(t)}}Ct(e)}else if(r==="click"&&jt(_t,e)||r==="keydown"&&jt("shiftKey",e)){if(t.classList.contains("active")){o.removeActiveItem(t)}else{o.setActiveItemClass(t)}}else{o.clearActiveItems();o.setActiveItemClass(t)}o.hideInput();if(!o.isFocused){o.focus()}}setActiveItemClass(t){const e=this;const o=e.control.querySelector(".last-active");if(o)tt(o,"last-active");Z(t,"active last-active");e.trigger("item_select",t);if(e.activeItems.indexOf(t)==-1){e.activeItems.push(t)}}removeActiveItem(t){var e=this.activeItems.indexOf(t);this.activeItems.splice(e,1);tt(t,"active")}clearActiveItems(){tt(this.activeItems,"active");this.activeItems=[]}setActiveOption(t,e=true){if(t===this.activeOption){return}this.clearActiveOption();if(!t)return;this.activeOption=t;at(this.focus_node,{"aria-activedescendant":t.getAttribute("id")});if(this.settings.mode==="single"||this.settings.hideSelected){at(t,{"aria-selected":"true"})}Z(t,"active");if(e)this.scrollToOption(t)}scrollToOption(t,e){if(!t)return;const o=this.dropdown_content;const r=o.clientHeight;const i=o.scrollTop||0;const s=t.offsetHeight;const n=t.getBoundingClientRect().top-o.getBoundingClientRect().top+i;if(n+s>r+i){this.scroll(n-r+s,e)}else if(n<i){this.scroll(n,e)}}scroll(t,e){const o=this.dropdown_content;if(e){o.style.scrollBehavior=e}o.scrollTop=t;o.style.scrollBehavior=""}clearActiveOption(){if(this.activeOption){tt(this.activeOption,"active");if(this.settings.mode==="single"||this.settings.hideSelected){at(this.activeOption,{"aria-selected":null})}}this.activeOption=null;at(this.focus_node,{"aria-activedescendant":null})}selectAll(){const t=this;if(t.settings.mode==="single")return;const e=t.controlChildren();if(!e.length)return;t.hideInput();t.close();t.activeItems=e;J(e,(e=>{t.setActiveItemClass(e)}))}inputState(){var t=this;if(!t.control.contains(t.control_input))return;at(t.control_input,{placeholder:t.settings.placeholder});if(t.activeItems.length>0||!t.isFocused&&t.settings.hidePlaceholder&&t.items.length>0){t.setTextboxValue();t.isInputHidden=true}else{if(t.settings.hidePlaceholder&&t.items.length>0){at(t.control_input,{placeholder:""})}t.isInputHidden=false}t.wrapper.classList.toggle("input-hidden",t.isInputHidden)}hideInput(){this.inputState()}showInput(){this.inputState()}inputValue(){return this.control_input.value.trim()}focus(){var t=this;if(t.isDisabled)return;t.ignoreFocus=true;if(t.control_input.offsetWidth){t.control_input.focus()}else{t.focus_node.focus()}setTimeout((()=>{t.ignoreFocus=false;t.onFocus()}),0)}blur(){this.focus_node.blur();this.onBlur()}getScoreFunction(t){return this.sifter.getScoreFunction(t,this.getSearchOptions())}getSearchOptions(){var t=this.settings;var e=t.sortField;if(typeof t.sortField==="string"){e=[{field:t.sortField}]}return{fields:t.searchField,conjunction:t.searchConjunction,sort:e,nesting:t.nesting}}search(t){var e,o;var r=this;var i=this.getSearchOptions();if(r.settings.score){o=r.settings.score.call(r,t);if(typeof o!=="function"){throw new Error('Tom Select "score" setting must be a function that returns a function')}}if(t!==r.lastQuery){r.lastQuery=t;e=r.sifter.search(t,Object.assign(i,{score:o}));r.currentResults=e}else{e=Object.assign({},r.currentResults)}if(r.settings.hideSelected){e.items=e.items.filter((t=>{let e=kt(t.id);return!(e&&r.items.indexOf(e)!==-1)}))}return e}refreshOptions(t=true){var e,o,r,i,s,n,a,l,d;var h;const p={};const c=[];var u=this;var f=this.settings.transformLoadQuery(this.control_input.value);const v=f===u.lastQuery||f==""&&u.lastQuery==null;var m=u.search(f);var z=null;var g=u.settings.shouldOpen||false;var w=u.dropdown_content;if(v){z=u.activeOption;if(z){d=z.closest("[data-group]")}}i=m.items.length;if(typeof u.settings.maxOptions==="number"){i=Math.min(i,u.settings.maxOptions)}if(i>0){g=true}for(e=0;e<i;e++){let t=m.items[e];if(!t)continue;let i=t.id;let a=u.options[i];if(a===undefined)continue;let l=Ot(i);let h=u.getOption(l,true);const f=u.items.includes(l);if(!u.settings.hideSelected){h.classList.toggle("selected",f);if(this.settings.mode==="multi"){at(h,{"aria-selected":f?"true":"false"})}}s=a[u.settings.optgroupField]||"";n=Array.isArray(s)?s:[s];for(o=0,r=n&&n.length;o<r;o++){s=n[o];if(!u.optgroups.hasOwnProperty(s)){s=""}let t=p[s];if(t===undefined){t=document.createDocumentFragment();c.push(s)}if(o>0){h=h.cloneNode(true);if(this.settings.mode==="multi"&&!u.settings.hideSelected){at(h,{id:a.$id+"-clone-"+o,"aria-selected":f?"true":"false"})}else{at(h,{id:a.$id+"-clone-"+o,"aria-selected":null})}h.classList.add("ts-cloned");tt(h,"active");if(u.activeOption&&u.activeOption.dataset.value==i){if(d&&d.dataset.group===s.toString()){z=h}}}t.appendChild(h);p[s]=t}}if(u.settings.lockOptgroupOrder){c.sort(((t,e)=>{const o=u.optgroups[t];const r=u.optgroups[e];const i=o&&o.$order||0;const s=r&&r.$order||0;return i-s}))}a=document.createDocumentFragment();J(c,(t=>{let e=p[t];if(!e||!e.children.length)return;let o=u.optgroups[t];if(o!==undefined){let t=document.createDocumentFragment();let r=u.render("optgroup_header",o);Lt(t,r);Lt(t,e);let i=u.render("optgroup",{group:o,options:t});Lt(a,i)}else{Lt(a,e)}}));w.innerHTML="";Lt(w,a);if(u.settings.highlight){ht(w);if(m.query.length&&m.tokens.length){J(m.tokens,(t=>{dt(w,t.regex)}))}}var x=t=>{let e=u.render(t,{input:f});if(e){g=true;w.insertBefore(e,w.firstChild)}return e};if(u.loading){x("loading")}else if(!u.settings.shouldLoad.call(u,f)){x("not_loading")}else if(m.items.length===0){x("no_results")}l=u.canCreate(f);if(l){h=x("option_create")}u.hasOptions=m.items.length>0||l;if(g){if(m.items.length>0){if(!z&&u.settings.mode==="single"&&u.items[0]!=undefined){z=u.getOption(u.items[0])}if(!w.contains(z)){let t=0;if(h&&!u.settings.addPrecedence){t=1}z=u.selectable()[t]}}else if(h){z=h}if(t&&!u.isOpen){u.open();u.scrollToOption(z,"auto")}u.setActiveOption(z)}else{u.clearActiveOption();if(t&&u.isOpen){u.close(false)}}}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(t,e=false){const o=this;if(Array.isArray(t)){o.addOptions(t,e);return false}const r=kt(t[o.settings.valueField]);if(r===null||o.options.hasOwnProperty(r)){return false}t.$order=t.$order||++o.order;t.$id=o.inputId+"-opt-"+t.$order;o.options[r]=t;o.lastQuery=null;if(e){o.userOptions[r]=e;o.trigger("option_add",r,t)}return r}addOptions(t,e=false){J(t,(t=>{this.addOption(t,e)}))}registerOption(t){return this.addOption(t)}registerOptionGroup(t){var e=kt(t[this.settings.optgroupValueField]);if(e===null)return false;t.$order=t.$order||++this.order;this.optgroups[e]=t;return e}addOptionGroup(t,e){var o;e[this.settings.optgroupValueField]=t;if(o=this.registerOptionGroup(e)){this.trigger("optgroup_add",o,e)}}removeOptionGroup(t){if(this.optgroups.hasOwnProperty(t)){delete this.optgroups[t];this.clearCache();this.trigger("optgroup_remove",t)}}clearOptionGroups(){this.optgroups={};this.clearCache();this.trigger("optgroup_clear")}updateOption(t,e){const o=this;var r;var i;const s=kt(t);const n=kt(e[o.settings.valueField]);if(s===null)return;const a=o.options[s];if(a==undefined)return;if(typeof n!=="string")throw new Error("Value must be set in option data");const l=o.getOption(s);const d=o.getItem(s);e.$order=e.$order||a.$order;delete o.options[s];o.uncacheValue(n);o.options[n]=e;if(l){if(o.dropdown_content.contains(l)){const t=o._render("option",e);lt(l,t);if(o.activeOption===l){o.setActiveOption(t)}}l.remove()}if(d){i=o.items.indexOf(s);if(i!==-1){o.items.splice(i,1,n)}r=o._render("item",e);if(d.classList.contains("active"))Z(r,"active");lt(d,r)}o.lastQuery=null}removeOption(t,e){const o=this;t=Ot(t);o.uncacheValue(t);delete o.userOptions[t];delete o.options[t];o.lastQuery=null;o.trigger("option_remove",t);o.removeItem(t,e)}clearOptions(t){const e=(t||this.clearFilter).bind(this);this.loadedSearches={};this.userOptions={};this.clearCache();const o={};J(this.options,((t,r)=>{if(e(t,r)){o[r]=t}}));this.options=this.sifter.items=o;this.lastQuery=null;this.trigger("option_clear")}clearFilter(t,e){if(this.items.indexOf(e)>=0){return true}return false}getOption(t,e=false){const o=kt(t);if(o===null)return null;const r=this.options[o];if(r!=undefined){if(r.$div){return r.$div}if(e){return this._render("option",r)}}return null}getAdjacent(t,e,o="option"){var r=this,i;if(!t){return null}if(o=="item"){i=r.controlChildren()}else{i=r.dropdown_content.querySelectorAll("[data-selectable]")}for(let o=0;o<i.length;o++){if(i[o]!=t){continue}if(e>0){return i[o+1]}return i[o-1]}return null}getItem(t){if(typeof t=="object"){return t}var e=kt(t);return e!==null?this.control.querySelector(`[data-value="${Et(e)}"]`):null}addItems(t,e){var o=this;var r=Array.isArray(t)?t:[t];r=r.filter((t=>o.items.indexOf(t)===-1));const i=r[r.length-1];r.forEach((t=>{o.isPending=t!==i;o.addItem(t,e)}))}addItem(t,e){var o=e?[]:["change","dropdown_close"];At(this,o,(()=>{var o,r;const i=this;const s=i.settings.mode;const n=kt(t);if(n&&i.items.indexOf(n)!==-1){if(s==="single"){i.close()}if(s==="single"||!i.settings.duplicates){return}}if(n===null||!i.options.hasOwnProperty(n))return;if(s==="single")i.clear(e);if(s==="multi"&&i.isFull())return;o=i._render("item",i.options[n]);if(i.control.contains(o)){o=o.cloneNode(true)}r=i.isFull();i.items.splice(i.caretPos,0,n);i.insertAtCaret(o);if(i.isSetup){if(!i.isPending&&i.settings.hideSelected){let t=i.getOption(n);let e=i.getAdjacent(t,1);if(e){i.setActiveOption(e)}}if(!i.isPending&&!i.settings.closeAfterSelect){i.refreshOptions(i.isFocused&&s!=="single")}if(i.settings.closeAfterSelect!=false&&i.isFull()){i.close()}else if(!i.isPending){i.positionDropdown()}i.trigger("item_add",n,o);if(!i.isPending){i.updateOriginalInput({silent:e})}}if(!i.isPending||!r&&i.isFull()){i.inputState();i.refreshState()}}))}removeItem(t=null,e){const o=this;t=o.getItem(t);if(!t)return;var r,i;const s=t.dataset.value;r=nt(t);t.remove();if(t.classList.contains("active")){i=o.activeItems.indexOf(t);o.activeItems.splice(i,1);tt(t,"active")}o.items.splice(r,1);o.lastQuery=null;if(!o.settings.persist&&o.userOptions.hasOwnProperty(s)){o.removeOption(s,e)}if(r<o.caretPos){o.setCaret(o.caretPos-1)}o.updateOriginalInput({silent:e});o.refreshState();o.positionDropdown();o.trigger("item_remove",s,t)}createItem(t=null,e=(()=>{})){if(arguments.length===3){e=arguments[2]}if(typeof e!="function"){e=()=>{}}var o=this;var r=o.caretPos;var i;t=t||o.inputValue();if(!o.canCreate(t)){e();return false}o.lock();var s=false;var n=t=>{o.unlock();if(!t||typeof t!=="object")return e();var i=kt(t[o.settings.valueField]);if(typeof i!=="string"){return e()}o.setTextboxValue();o.addOption(t,true);o.setCaret(r);o.addItem(i);e(t);s=true};if(typeof o.settings.create==="function"){i=o.settings.create.call(this,t,n)}else{i={[o.settings.labelField]:t,[o.settings.valueField]:t}}if(!s){n(i)}return true}refreshItems(){var t=this;t.lastQuery=null;if(t.isSetup){t.addItems(t.items)}t.updateOriginalInput();t.refreshState()}refreshState(){const t=this;t.refreshValidityState();const e=t.isFull();const o=t.isLocked;t.wrapper.classList.toggle("rtl",t.rtl);const r=t.wrapper.classList;r.toggle("focus",t.isFocused);r.toggle("disabled",t.isDisabled);r.toggle("required",t.isRequired);r.toggle("invalid",!t.isValid);r.toggle("locked",o);r.toggle("full",e);r.toggle("input-active",t.isFocused&&!t.isInputHidden);r.toggle("dropdown-active",t.isOpen);r.toggle("has-options",st(t.options));r.toggle("has-items",t.items.length>0)}refreshValidityState(){var t=this;if(!t.input.validity){return}t.isValid=t.input.validity.valid;t.isInvalid=!t.isValid}isFull(){return this.settings.maxItems!==null&&this.items.length>=this.settings.maxItems}updateOriginalInput(t={}){const e=this;var o,r;const i=e.input.querySelector('option[value=""]');if(e.is_select_tag){const s=[];const n=e.input.querySelectorAll("option:checked").length;function a(t,o,r){if(!t){t=G('<option value="'+St(o)+'">'+St(r)+"</option>")}if(t!=i){e.input.append(t)}s.push(t);if(t!=i||n>0){t.selected=true}return t}e.input.querySelectorAll("option:checked").forEach((t=>{t.selected=false}));if(e.items.length==0&&e.settings.mode=="single"){a(i,"","")}else{e.items.forEach((t=>{o=e.options[t];r=o[e.settings.labelField]||"";if(s.includes(o.$option)){const o=e.input.querySelector(`option[value="${Et(t)}"]:not(:checked)`);a(o,t,r)}else{o.$option=a(o.$option,t,r)}}))}}else{e.input.value=e.getValue()}if(e.isSetup){if(!t.silent){e.trigger("change",e.getValue())}}}open(){var t=this;if(t.isLocked||t.isOpen||t.settings.mode==="multi"&&t.isFull())return;t.isOpen=true;at(t.focus_node,{"aria-expanded":"true"});t.refreshState();X(t.dropdown,{visibility:"hidden",display:t.settings.openDisplay});t.positionDropdown();X(t.dropdown,{visibility:"visible",display:t.settings.openDisplay});t.focus();t.trigger("dropdown_open",t.dropdown)}close(t=true){var e=this;var o=e.isOpen;if(t){e.setTextboxValue();if(e.settings.mode==="single"&&e.items.length){e.hideInput()}}e.isOpen=false;at(e.focus_node,{"aria-expanded":"false"});X(e.dropdown,{display:"none"});if(e.settings.hideSelected){e.clearActiveOption()}e.refreshState();if(o)e.trigger("dropdown_close",e.dropdown)}positionDropdown(){if(this.settings.dropdownParent!=="body"){return}var t=this.control;var e=t.getBoundingClientRect();var o=t.offsetHeight+e.top+window.scrollY;var r=e.left+window.scrollX;X(this.dropdown,{width:e.width+"px",top:o+"px",left:r+"px"})}clear(t){var e=this;if(!e.items.length)return;var o=e.controlChildren();J(o,(t=>{e.removeItem(t,true)}));e.showInput();if(!t)e.updateOriginalInput();e.trigger("clear")}insertAtCaret(t){const e=this;const o=e.caretPos;const r=e.control;r.insertBefore(t,r.children[o]||null);e.setCaret(o+1)}deleteSelection(t){var e,o,r,i;var s=this;e=t&&t.keyCode===gt?-1:1;o=$t(s.control_input);const n=[];if(s.activeItems.length){i=it(s.activeItems,e);r=nt(i);if(e>0){r++}J(s.activeItems,(t=>n.push(t)))}else if((s.isFocused||s.settings.mode==="single")&&s.items.length){const t=s.controlChildren();let r;if(e<0&&o.start===0&&o.length===0){r=t[s.caretPos-1]}else if(e>0&&o.start===s.inputValue().length){r=t[s.caretPos]}if(r!==undefined){n.push(r)}}if(!s.shouldDelete(n,t)){return false}Ct(t,true);if(typeof r!=="undefined"){s.setCaret(r)}while(n.length){s.removeItem(n.pop())}s.showInput();s.positionDropdown();s.refreshOptions(false);return true}shouldDelete(t,e){const o=t.map((t=>t.dataset.value));if(!o.length||typeof this.settings.onDelete==="function"&&this.settings.onDelete(o,e)===false){return false}return true}advanceSelection(t,e){var o,r,i=this;if(i.rtl)t*=-1;if(i.inputValue().length)return;if(jt(_t,e)||jt("shiftKey",e)){o=i.getLastActive(t);if(o){if(!o.classList.contains("active")){r=o}else{r=i.getAdjacent(o,t,"item")}}else if(t>0){r=i.control_input.nextElementSibling}else{r=i.control_input.previousElementSibling}if(r){if(r.classList.contains("active")){i.removeActiveItem(o)}i.setActiveItemClass(r)}}else{i.moveCaret(t)}}moveCaret(t){}getLastActive(t){let e=this.control.querySelector(".last-active");if(e){return e}var o=this.control.querySelectorAll(".active");if(o){return it(o,t)}}setCaret(t){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.isLocked=true;this.refreshState()}unlock(){this.isLocked=false;this.refreshState()}disable(){var t=this;t.input.disabled=true;t.control_input.disabled=true;t.focus_node.tabIndex=-1;t.isDisabled=true;this.close();t.lock()}enable(){var t=this;t.input.disabled=false;t.control_input.disabled=false;t.focus_node.tabIndex=t.tabIndex;t.isDisabled=false;t.unlock()}destroy(){var t=this;var e=t.revertSettings;t.trigger("destroy");t.off();t.wrapper.remove();t.dropdown.remove();t.input.innerHTML=e.innerHTML;t.input.tabIndex=e.tabIndex;tt(t.input,"tomselected","ts-hidden-accessible");t._destroy();delete t.input.tomselect}render(t,e){var o,r;const i=this;if(typeof this.settings.render[t]!=="function"){return null}r=i.settings.render[t].call(this,e,St);if(!r){return null}r=G(r);if(t==="option"||t==="option_create"){if(e[i.settings.disabledField]){at(r,{"aria-disabled":"true"})}else{at(r,{"data-selectable":""})}}else if(t==="optgroup"){o=e.group[i.settings.optgroupValueField];at(r,{"data-group":o});if(e.group[i.settings.disabledField]){at(r,{"data-disabled":""})}}if(t==="option"||t==="item"){const o=Ot(e[i.settings.valueField]);at(r,{"data-value":o});if(t==="item"){Z(r,i.settings.itemClass);at(r,{"data-ts-item":""})}else{Z(r,i.settings.optionClass);at(r,{role:"option",id:e.$id});e.$div=r;i.options[o]=e}}return r}_render(t,e){const o=this.render(t,e);if(o==null){throw"HTMLElement expected"}return o}clearCache(){J(this.options,(t=>{if(t.$div){t.$div.remove();delete t.$div}}))}uncacheValue(t){const e=this.getOption(t);if(e)e.remove()}canCreate(t){return this.settings.create&&t.length>0&&this.settings.createFilter.call(this,t)}hook(t,e,o){var r=this;var i=r[e];r[e]=function(){var e,s;if(t==="after"){e=i.apply(r,arguments)}s=o.apply(r,arguments);if(t==="instead"){return s}if(t==="before"){e=i.apply(r,arguments)}return e}}}
+/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const Nt="[̀-ͯ·ʾʼ]";const qt={};const Wt={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in Wt){let e=Wt[t]||"";for(let o=0;o<e.length;o++){let r=e.substring(o,o+1);qt[r]=t}}new RegExp(Object.keys(qt).join("|")+"|"+Nt,"gu");const Pt=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(Vt(t)){var e=document.createElement("template");e.innerHTML=t.trim();return e.content.firstChild}return document.querySelector(t)};const Vt=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};const Jt=t=>(t+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");const Bt=(t,e=false)=>{if(t){t.preventDefault();if(e){t.stopPropagation()}}};const Ht=(t,e,o,r)=>{t.addEventListener(e,o,r)};function Kt(t){const e=Object.assign({label:"&times;",title:"Remove",className:"remove",append:true},t);var o=this;if(!e.append){return}var r='<a href="javascript:void(0)" class="'+e.className+'" tabindex="-1" title="'+Jt(e.title)+'">'+e.label+"</a>";o.hook("after","setupTemplates",(()=>{var t=o.settings.render.item;o.settings.render.item=(e,i)=>{var s=Pt(t.call(o,e,i));var n=Pt(r);s.appendChild(n);Ht(n,"mousedown",(t=>{Bt(t,true)}));Ht(n,"click",(t=>{Bt(t,true);if(o.isLocked)return;if(!o.shouldDelete([s],t))return;o.removeItem(s);o.refreshOptions(false);o.inputState()}));return s}}))}const Gt=t=>{if(typeof t==="undefined"||t===null)return null;return Ut(t)};const Ut=t=>{if(typeof t==="boolean")return t?"1":"0";return t+""};const Yt=(t,e=false)=>{if(t){t.preventDefault();if(e){t.stopPropagation()}}};
+/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const Qt="[̀-ͯ·ʾʼ]";const Xt={};const Zt={"/":"⁄∕",0:"߀",a:"ⱥɐɑ",aa:"ꜳ",ae:"æǽǣ",ao:"ꜵ",au:"ꜷ",av:"ꜹꜻ",ay:"ꜽ",b:"ƀɓƃ",c:"ꜿƈȼↄ",d:"đɗɖᴅƌꮷԁɦ",e:"ɛǝᴇɇ",f:"ꝼƒ",g:"ǥɠꞡᵹꝿɢ",h:"ħⱨⱶɥ",i:"ɨı",j:"ɉȷ",k:"ƙⱪꝁꝃꝅꞣ",l:"łƚɫⱡꝉꝇꞁɭ",m:"ɱɯϻ",n:"ꞥƞɲꞑᴎлԉ",o:"øǿɔɵꝋꝍᴑ",oe:"œ",oi:"ƣ",oo:"ꝏ",ou:"ȣ",p:"ƥᵽꝑꝓꝕρ",q:"ꝗꝙɋ",r:"ɍɽꝛꞧꞃ",s:"ßȿꞩꞅʂ",t:"ŧƭʈⱦꞇ",th:"þ",tz:"ꜩ",u:"ʉ",v:"ʋꝟʌ",vy:"ꝡ",w:"ⱳ",y:"ƴɏỿ",z:"ƶȥɀⱬꝣ",hv:"ƕ"};for(let t in Zt){let e=Zt[t]||"";for(let o=0;o<e.length;o++){let r=e.substring(o,o+1);Xt[r]=t}}new RegExp(Object.keys(Xt).join("|")+"|"+Qt,"gu");const te=t=>{if(t.jquery){return t[0]}if(t instanceof HTMLElement){return t}if(ee(t)){var e=document.createElement("template");e.innerHTML=t.trim();return e.content.firstChild}return document.querySelector(t)};const ee=t=>{if(typeof t==="string"&&t.indexOf("<")>-1){return true}return false};function oe(){var t=this;var e=t.onOptionSelect;t.settings.hideSelected=false;var o=function t(e){setTimeout((()=>{var t=e.querySelector("input");if(t instanceof HTMLInputElement){if(e.classList.contains("selected")){t.checked=true}else{t.checked=false}}}),1)};t.hook("after","setupTemplates",(()=>{var e=t.settings.render.option;t.settings.render.option=(o,r)=>{var i=te(e.call(t,o,r));var s=document.createElement("input");s.addEventListener("click",(function(t){Yt(t)}));s.type="checkbox";const n=Gt(o[t.settings.valueField]);if(n&&t.items.indexOf(n)>-1){s.checked=true}i.prepend(s);return i}}));t.on("item_remove",(e=>{var r=t.getOption(e);if(r){r.classList.remove("selected");o(r)}}));t.on("item_add",(e=>{var r=t.getOption(e);if(r){o(r)}}));t.hook("instead","onOptionSelect",((r,i)=>{if(i.classList.contains("selected")){i.classList.remove("selected");t.removeItem(i.dataset.value);t.refreshOptions();Yt(r,true);return}e.call(t,r,i);o(i)}))}const re=(t,e,o,r)=>{t.addEventListener(e,o,r)};function ie(){var t=this;t.on("initialize",(()=>{var e=document.createElement("span");var o=t.control_input;e.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ";t.wrapper.appendChild(e);var r=["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"];for(const t of r){e.style[t]=o.style[t]}var i=()=>{e.textContent=o.value;o.style.width=e.clientWidth+"px"};i();t.on("update item_add item_remove",i);re(o,"input",i);re(o,"keyup",i);re(o,"blur",i);re(o,"update",i)}))}function se(){var t=this;var e=t.deleteSelection;this.hook("instead","deleteSelection",(o=>{if(t.activeItems.length){return e.call(t,o)}return false}))}const ne='@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem);--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--label-font-size:var(--stzh-font-micro-font-size);--label-line-height:var(--stzh-font-micro-text-line-height);--label-letter-spacing:normal;--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown:where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([variant="filter"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}@media screen and (min-width: 900px){stzh-dropdown:where([variant="filter"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}stzh-dropdown:where([inline]:not([inline="false"])){--popover-width:auto;width:auto}stzh-dropdown:where([is-filled]:not([is-filled="false"])){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown:where([variant="plain"]){--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--hover-icon-color:var(--stzh-color-primary90);--hover-icon-angle-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90);--focus-icon-color:var(--stzh-color-primary90);--focus-icon-angle-color:var(--stzh-color-primary90)}stzh-dropdown:where([variant="plain"][is-filled]:not([is-filled="false"])){--icon-color:var(--stzh-color-secondary60);--icon-angle-color:var(--stzh-color-secondary60);--hover-icon-color:var(--stzh-color-secondary60);--hover-icon-angle-color:var(--stzh-color-secondary60)}stzh-dropdown:where([variant="filter"]){--color:var(--stzh-chip-color, var(--stzh-color-primary70));--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--label-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-label-color:var(--hover-color);--hover-icon-color:var(--hover-color);--hover-icon-angle-color:var(--hover-color);--focus-color:var(--hover-color);--focus-background-color:var(--hover-background-color);--focus-label-color:var(--hover-label-color);--focus-icon-color:var(--hover-icon-color);--focus-icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:where([variant="filter"][is-filled]:not([is-filled="false"])){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90))}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-label-color:var(--stzh-color-grey70);--hover-icon-color:var(--stzh-color-grey70);--hover-icon-angle-color:var(--stzh-color-grey70);--focus-color:var(--color);--focus-border-color:var(--border-color);--focus-background-color:var(--background-color);--focus-label-color:var(--label-color);--focus-icon-color:var(--icon-color);--focus-icon-angle-color:var(--icon-angle-color)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=filter]{--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--label-color:var(--color);--placeholder-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--description-color:var(--stzh-color-grey70)}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}stzh-dropdown:where([size="large"]):where([variant="filter"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}stzh-dropdown:where([size="small"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size="small"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size="small"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}stzh-dropdown:where([size="tiny"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size="tiny"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size="tiny"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px}@media screen and (min-width: 600px){stzh-dropdown:where([size-small="default"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-small="default"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small="default"]):where([variant="filter"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 600px) and (min-width: 900px){stzh-dropdown:where([size-small="default"]):where([variant="filter"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small="large"]):where([variant="filter"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small="small"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small="small"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small="small"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small="tiny"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small="tiny"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small="tiny"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium="default"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-medium="default"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium="default"]):where([variant="filter"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 900px) and (min-width: 900px){stzh-dropdown:where([size-medium="default"]):where([variant="filter"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium="large"]):where([variant="filter"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium="small"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium="small"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium="small"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium="tiny"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium="tiny"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium="tiny"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large="default"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-large="default"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large="default"]):where([variant="filter"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1260px) and (min-width: 900px){stzh-dropdown:where([size-large="default"]):where([variant="filter"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large="large"]):where([variant="filter"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large="small"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large="small"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large="small"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large="tiny"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large="tiny"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large="tiny"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra="default"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-ultra="default"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra="default"]):where([variant="filter"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1600px) and (min-width: 900px){stzh-dropdown:where([size-ultra="default"]):where([variant="filter"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra="large"]):where([variant="filter"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra="small"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra="small"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra="small"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra="tiny"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra="tiny"]):where([variant="plain"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra="tiny"]):where([variant="filter"]){--padding-top:0px;--padding-bottom:0px}}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-wrapper{display:flex;align-items:center;min-height:var(--outer-height)}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{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);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:calc(var(--icon-angle-size) + var(--icon-angle-gap) + var(--padding-right))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--padding-left);color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{right:var(--padding-right);color:var(--icon-angle-color)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label.no-label-truncate{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:"✓"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;white-space:nowrap;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--multiple-padding-top);padding-bottom:var(--multiple-padding-bottom)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;min-height:1.5rem;height:auto;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item,.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:flex-start;gap:var(--remove-gap);padding-right:0px}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:relative;right:-0.0625rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);flex-shrink:0;transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-bottom:calc(var(--popover-distance) - 0.0625rem)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--filter .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter .stzh-dropdown__sizer{border:none}.stzh-dropdown--filter .stzh-dropdown__label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);left:var(--padding-left);max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--filter .stzh-dropdown__label::before{content:none}.stzh-dropdown--filter.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--filter.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);width:var(--height);height:var(--height);border-top-left-radius:0px;border-bottom-left-radius:0px}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-black);background-color:var(--stzh-color-secondary40)}.stzh-dropdown--filter .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__icon-angle-wrapper{display:none}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__sizer{padding-right:0px}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--is-disabled .ts-control,.stzh-dropdown--is-disabled .ts-control>input{cursor:not-allowed}.stzh-dropdown--is-inline.stzh-dropdown--has-no-wrap{white-space:nowrap}';const ae=function(t){const e=this;e.on("initialize",(()=>{const t=e.control_input;if(t)t.readOnly=true}))};const le="stzh-dropdown--is-filled";const de="stzh-dropdown--has-focus";Dt.define("remove_button",Kt);Dt.define("checkbox_options",oe);Dt.define("input_autogrow",ie);Dt.define("no_backspace_delete",se);Dt.define("input_readonly",ae);let he=0;const pe=class{constructor(o){t(this,o);this.stzhChange=e(this,"stzhChange",7);this.stzhItemAdd=e(this,"stzhItemAdd",7);this.stzhItemRemove=e(this,"stzhItemRemove",7);this.stzhOptionAdd=e(this,"stzhOptionAdd",7);this.stzhOptionRemove=e(this,"stzhOptionRemove",7);this.stzhOpen=e(this,"stzhOpen",7);this.stzhClose=e(this,"stzhClose",7);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.stzhInit=e(this,"stzhInit",7);this.focusedByInput=false;this.handleReset=()=>{this.items=[...this.defaultItems]};this.onRootFocus=()=>{if(!this.focusedByInput){this.tomSelect.focus()}this.focusedByInput=false};this.options=undefined;this.optgroups=undefined;this.items=undefined;this.defaultItems=undefined;this.searchField=["text"];this.multiple=false;this.inline=false;this.noWrap=false;this.maxOptions=null;this.searchConjunction="and";this.transformLoadQuery="trim";this.allowEmptyOption=false;this.openOnFocus=true;this.closeAfterSelect=null;this.load=null;this.minCharacters=3;this.loadThrottle=300;this.preload=false;this.labelField="text";this.valueField="value";this.value="";this.optgroupField="optgroup";this.optgroupLabelField="label";this.optgroupValueField="value";this.lockOptgroupOrder=undefined;this.name="";this.open=false;this.isOpen=false;this.variant="default";this.size="default";this.sizeSmall=undefined;this.sizeMedium=undefined;this.sizeLarge=undefined;this.sizeUltra=undefined;this.disabled=false;this.popoverPlacement="bottom";this.popoverFullwidth="";this.label="";this.noLabelTruncate=false;this.labelHidden=false;this.icon="";this.iconAngle="angle-down";this.noSearch=false;this.noBackspaceDelete=false;this.invalid=false;this.required=false;this.hideOptional=false;this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.localization=undefined;this.a11yDescribedby=""}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}optionsWatcher(t){if(typeof t==="string"){this._options=JSON.parse(t)}else{this._options=t}}itemsWatcher(t){if(typeof t==="string"){this._items=JSON.parse(t)}else{this._items=t}this.value=this._items}searchFieldWatcher(t){if(typeof t==="string"){this._searchField=JSON.parse(t)}else{this._searchField=t}}optgroupsWatcher(t){if(typeof t==="string"){this._optgroups=JSON.parse(t)}else{this._optgroups=t}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(e){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async getValue(){return this.tomSelect.getValue()}async setValue(t,e=false){this.tomSelect.setValue(t,e)}async resetLoadedSearches(){this.tomSelect.loadedSearches={}}async getLoadedSearches(){return this.tomSelect.loadedSearches}async getItems(){return this.tomSelect.items}async loadItems(t){return this.tomSelect.load(t)}async show(){return this.tomSelect.open()}async hide(){return this.tomSelect.close()}updateFilled(){var t;if(((t=this._items)===null||t===void 0?void 0:t.length)>0){this.rootElement.classList.add(le);this.element.setAttribute("is-filled","true")}else{this.rootElement.classList.remove(le);this.element.removeAttribute("is-filled")}}async componentWillLoad(){this.dropdownId=`stzh-dropdown-${he++}`;this.optionsWatcher(this.options);this.optgroupsWatcher(this.optgroups);this.itemsWatcher(this.items);this.searchFieldWatcher(this.searchField);this.errorWatcher(this.error);this.defaultItems=this.defaultItems||this._items;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"dropdown")}}componentShouldUpdate(t,e,o){return["isOpen","value"].includes(o)===false}async componentWillUpdate(){if(this.tomSelect){this.tomSelect.destroy();this.tomSelect=null}}async componentDidRender(){if(this.tomSelect){return}const t={};if(this.noSearch){t["input_readonly"]={}}else{t["input_autogrow"]={}}if(this.noBackspaceDelete){t["no_backspace_delete"]={}}if(this.multiple){t["checkbox_options"]={}}if(this.multiple||this.variant==="filter"){t["remove_button"]={title:this.localization.removeButtonTitle,label:'<stzh-icon name="close-big" class="stzh-dropdown__remove-icon"></stzh-icon>'}}const e={dropdownParent:this.dropdownWrapperElement,openDisplay:"flex",plugins:t,maxItems:this.multiple?null:1,maxOptions:this.maxOptions,items:this._items,optgroups:this._optgroups,searchField:this._searchField,searchConjunction:this.searchConjunction,allowEmptyOption:this.allowEmptyOption,closeAfterSelect:this.closeAfterSelect!==null?this.closeAfterSelect:!this.multiple,labelField:this.labelField,valueField:this.valueField,optgroupField:this.optgroupField,optgroupLabelField:this.optgroupLabelField,optgroupValueField:this.optgroupValueField,lockOptgroupOrder:this.lockOptgroupOrder,load:this.load,transformLoadQuery:t=>{if(typeof this.transformLoadQuery==="function"){return this.transformLoadQuery(t)}else if(this.transformLoadQuery==="join"){const e=Array.from(this.tomSelect.controlChildren()).map((t=>t.innerText));return(e.length>0?e.join(" ")+(t?" ":""):"")+t.replace(/\s\s+/g," ")}else if(this.transformLoadQuery==="trim-to-single-ws"){return t.replace(/\s\s+/g," ")}else{return t.trim()}},shouldLoad:t=>t.length>=this.minCharacters,loadThrottle:this.loadThrottle,preload:this.preload,openOnFocus:this.openOnFocus,loadingClass:"is-loading",hideSelected:false,duplicates:false,delimiter:",",copyClassesToDropdown:false,hidePlaceholder:null,render:{option:(t,e)=>`\n            <div class="stzh-dropdown__option">\n              <span class="stzh-dropdown__option-title">\n                ${e(t[this.labelField])}\n              </span>\n              <stzh-icon name="checkmark" class="stzh-dropdown__option-check"></stzh-icon>\n            </div>\n          `,item:(t,e)=>`\n            <div class="stzh-dropdown__item">\n              ${e(t[this.labelField])}\n            </div>\n          `,option_create:(t,e)=>`\n            <div class="stzh-dropdown__create">\n              ${this.localization.create.replace(/\{x\}/gi,e(t.input))}&hellip;\n            </div>\n          `,no_results:(t,e)=>`\n            <div class="stzh-dropdown__no-results" id="${this.dropdownId}-no-results">\n              ${this.localization.noResults.replace(/\{x\}/gi,e(t.input))}\n            </div>`,not_loading:this.load===null?null:(t,e)=>`\n            <div class="stzh-dropdown__not-loading" id="${this.dropdownId}-not-loading">\n              ${this.localization.notLoading.replace(/\{x\}/gi,e(this.minCharacters.toString()))}\n            </div>\n          `,optgroup:t=>{let e=document.createElement("div");e.className="stzh-dropdown__optgroup";e.appendChild(t.options);return e},optgroup_header:(t,e)=>`\n            <div class="stzh-dropdown__optgroup-header">\n              ${e(t.label)}\n            </div>\n          `,loading:()=>`\n            <div class="stzh-dropdown__loader">\n              <stzh-loader></stzh-loader>\n            </div>\n          `,dropdown:()=>`<div class="stzh-dropdown__dropdown"></div>`},onChange:t=>{this._items=this.tomSelect.items;this.updateFilled();this.value=this.multiple?this._items:this._items[0];this.stzhChange.emit({component:"stzh-dropdown",value:t})},onItemAdd:t=>{this._items=this.tomSelect.items;this.stzhItemAdd.emit({component:"stzh-dropdown",value:t})},onItemRemove:t=>{this._items=this.tomSelect.items;this.stzhItemRemove.emit({component:"stzh-dropdown",value:t})},onOptionAdd:t=>{this._options=this.tomSelect.options;this.updateFilled();this.stzhOptionAdd.emit({component:"stzh-dropdown",value:t})},onOptionRemove:t=>{this._options=this.tomSelect.options;this.updateFilled();this.stzhOptionRemove.emit({component:"stzh-dropdown",value:t})},onDropdownOpen:()=>{this.isOpen=true;this.stzhOpen.emit({component:"stzh-dropdown"})},onDropdownClose:()=>{this.isOpen=false;this.stzhClose.emit({component:"stzh-dropdown"})},onFocus:()=>{this.focusedByInput=true;if(this.tomSelect.load&&this.preload==="focus"){this.resetLoadedSearches();if(this.tomSelect.wrapper.classList.contains("preloaded")){this.tomSelect.load("")}}this.rootElement.classList.add(de);const t=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhFocus.emit({component:"stzh-dropdown",originalEvent:{target:this.tomSelect.control}})},onBlur:()=>{this.rootElement.classList.remove(de);const t=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(t);this.stzhBlur.emit({component:"stzh-dropdown"})},onInitialize:()=>{this.stzhInit.emit({component:"stzh-dropdown"})},onLoad:()=>{this._options=this.tomSelect.options}};if(this._options){e.options=this._options}if(this._optgroups){e.optgroups=this._optgroups}if(this._items){e.items=this._items}this.updateFilled();this.tomSelect=new Dt(this.select,e);if(!this.openOnFocus){this.tomSelect.control.addEventListener("click",(()=>{this.tomSelect.open()}))}if(this.open){this.show()}}disconnectedCallback(){if(this.tomSelect){this.tomSelect.destroy();this.tomSelect=null}}render(){var t,e;const i=s(this.element,"icon")||!!this.icon;const a=s(this.element,"description")||!!this.description;const l=s(this.element,"description-long")||!!this.descriptionLong;const d=s(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const h={"stzh-dropdown":true,"stzh-dropdown--is-inline":this.inline,"stzh-dropdown--has-no-wrap":this.noWrap,"stzh-dropdown--is-multiple":this.multiple,"stzh-dropdown--is-disabled":this.disabled,"stzh-dropdown--is-required":this.required,"stzh-dropdown--is-invalid":this.invalid||d,[le]:this._items&&this._items.length>0,"stzh-dropdown--has-icon":i,"stzh-dropdown--has-description":a,"stzh-dropdown--has-description-long":l,"stzh-dropdown--has-error":d,"stzh-dropdown--has-no-search":this.noSearch,"stzh-dropdown--has-label-hidden":this.labelHidden,[`stzh-dropdown--popover-placement-${this.popoverPlacement}`]:!!this.popoverPlacement,[`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]:!!this.popoverFullwidth,[`stzh-dropdown--size-${this.size}`]:!!this.size,[`stzh-dropdown--${this.variant}`]:!!this.variant};return o(r,{"is-invalid":this.invalid||d,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},o("div",{class:h,ref:t=>this.rootElement=t},o("div",{class:"stzh-dropdown__wrapper"},o("label",{id:`${this.dropdownId}-label`,class:{"stzh-dropdown__label":true,"no-label-truncate":this.noLabelTruncate},htmlFor:this.dropdownId},this.label?this.label:o("slot",{name:"label"}),!this.hideOptional&&o("span",{class:"stzh-dropdown__marker"},o("span",{class:"stzh-dropdown__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),o("span",{class:"stzh-dropdown__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),o("div",{class:"stzh-dropdown__field-wrapper"},o("select",{id:this.dropdownId,class:"stzh-dropdown__select",ref:t=>this.select=t,multiple:this.multiple,name:this.name,disabled:this.disabled,"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}`},o("slot",null)),this.inline&&this.label&&o("div",{class:"stzh-dropdown__sizer"},this.label),o("div",{class:"stzh-dropdown__icon-angle-wrapper"},this.iconAngle?o("stzh-icon",{name:this.iconAngle,class:"stzh-dropdown__icon-angle"}):o("slot",{name:"icon-angle"})),o("div",{class:"stzh-dropdown__icon-wrapper"},this.icon?o("stzh-icon",{class:"stzh-dropdown__icon",name:this.icon}):o("slot",{name:"icon"})),this.hideOptional&&this.required&&o("div",{id:`${this.dropdownId}-required`,class:"stzh-dropdown__vhidden"},this.localization.$globals.requiredFieldText),this.invalid&&o("div",{id:`${this.dropdownId}-invalid`,class:"stzh-dropdown__vhidden"},this.localization.$globals.invalidFieldText))),o("div",{class:"stzh-dropdown__dropdown-wrapper",ref:t=>this.dropdownWrapperElement=t}),(((e=this._error)===null||e===void 0?void 0:e.length)>0||this.description||this.descriptionLong)&&o(n,{classPrefix:"stzh-dropdown",id:`${this.dropdownId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:l,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return i(this)}static get watchers(){return{options:["optionsWatcher"],items:["itemsWatcher"],searchField:["searchFieldWatcher"],optgroups:["optgroupsWatcher"],error:["errorWatcher"]}}};pe.style=ne;export{pe as stzh_dropdown};
+//# sourceMappingURL=p-1b2fb680.entry.js.map