npm - @oiz/stzh-components - Versions diffs - 3.0.0-beta4 → 3.0.0-beta5 - Mend

@oiz/stzh-components 3.0.0-beta4 → 3.0.0-beta5

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 (590) hide show

package/dist/stzh-components/p-295c8995.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhHeaderCss","CLASS_BODY_OPEN","StzhHeader","this","lastOpener","flyoutOpenedByMetanavItem","handleMenuListFocusout","event","isNextFocusOutOfMenuList","currentTarget","contains","relatedTarget","isMedium","closeMenuItem","handleBurgerClick","async","closeMetanavItem","flyoutOpen","element","querySelector","window","setTimeout","focus","updatePosition","handleBackdropClick","handleMetanavItemClick","item","stzhMetanavItemClick","emit","component","originalEvent","handleSearchInput","searchValue","searchInput","value","stzhSearchChange","handleSearchChange","stzhSearchChanged","handleLanguageClick","dropdownOption","languagePreventUrlchange","preventDefault","languageActive","stzhLanguageChange","handleFlyoutResize","resizeMenunavElement","handleResize","sticky","debounceResize","cancelAnimationFrame","requestAnimationFrame","readTask","media","matches","mainHeight","_a","mainElement","offsetHeight","metabarHeight","_b","metabarElement","logobarHeight","_c","logobarElement","headerTop","offsetTop","headerHeight","writeTask","document","documentElement","style","setProperty","scrollListener","handleKeydown","key","flyoutOpenWatcher","open","currentOpenMenuItem","currentOpenMetanavItem","currentOpenLanguage","body","classList","remove","enableSiblings","trap","deactivate","add","disableSiblings","activate","fixedWatcher","paddingTop","fixed","waitForNextRender","fixedTransition","stickyWatcher","stickyActive","scrollingUp","belowStayStickyPoint","belowStartStickyPoint","currentScrollY","scrollY","lastScrollY","headerOverlap","hideLogo","searchValueWatcher","newValue","searchFilled","menuItemsWatcher","_menuItems","JSON","parse","map","menuItem","index","Object","assign","id","metanavItemsWatcher","_metanavItems","metanavItem","languagesWatcher","_languages","getSiblings","parentElement","Array","from","children","filter","child","forEach","sibling","setAttribute","removeAttribute","Promise","resolve","renderPromiseResolve","openSubmenuElement","menunavElement","height","getBoundingClientRect","openMenuItem","scrollTop","firstButtonOrLink","tabbable","focusOpener","openMetanavItem","openMetanavSubmenuElement","openLanguage","closeLanguage","componentWillLoad","menuItems","metanavItems","languages","localization","stzhComponents","utils","fetchTranslations","componentDidRender","flyoutElement","flyoutResizeObserver","observe","componentDidLoad","createFocusTrap","createBaseFocusTrapOptions","initialFocus","ResizeObserver","connectedCallback","resizeObserver","disconnectedCallback","disconnect","render","metanavBeforeUsed","hasSlot","metanavAfterUsed","classes","stay","stayAndShowInMobileMenu","length","languageStay","searchAction","activeLanguage","getLocale","activeLanguageOption","find","renderMetanavItemButton","additionalClasses","additionalAttributes","Element","items","itemButton","href","h","target","class","important","labelHidden","labelShort","label","icon","iconOpen","name","badge","badgeEmpty","type","badgeType","Host","ref","el","logoAnalyticsId","menuId","onClick","menuLabel","action","role","searchId","searchFieldName","onChange","onInput","searchLabel","metanavId","Fragment","e","placement","distance","variant","size","slot","childItem","importantSubmenu","counter","languageId","languageLabel","text","language","active","navigationLabel","onFocusout","menuBackLabel","_d","_e","iconOnly","closeMetanavMenuLabel","replace","_f","dialogLanguageTitle"],"sources":["src/components/stzh-header/stzh-header.scss?tag=stzh-header&encapsulation=scoped","src/components/stzh-header/stzh-header.tsx"],"sourcesContent":["/**\n * @prop --logo-width: Width of logo\n * @prop --logo-height: Height of logo\n * @prop --logobar-background-color: Background color of logobar\n * @prop --stzh-header-logobar-background-color: **Global**: Background color of logobar\n *\n * @prop --stzh-header-height: **Global**: Height of header (readonly variable on `<html>`)\n * @prop --stzh-header-main-height: **Global**: Height of main header part (readonly variable on `<html>`)\n * @prop --stzh-header-metabar-height: **Global**: Height of metabar header (readonly variable on `<html>`)\n * @prop --stzh-header-logobar-height: **Global**: Height of logobar header (readonly variable on `<html>`)\n * @prop --stzh-header-is-stuck: **Global**: Whether head is currently sticky (readonly variable on `<html>`)\n * @prop --stzh-header-is-not-stuck: **Global**: Whether head is currently not sticky (readonly variable on `<html>`)\n */\n\n:host {\n --logo-width: auto;\n --logo-height: 100%;\n --logobar-background-color: #{$headerLogobarBackgroundColor};\n\n @media print {\n display: none;\n }\n\n &[logo-type=\"vbz\"],\n &[logo-type=\"aoz\"],\n &[logo-type=\"pkzh\"],\n &[logo-type=\"uvz\"] {\n --logo-height: 31px;\n\n @include mq($from: medium) {\n --logo-height: 35px;\n }\n\n @include mq($from: ultra) {\n --logo-height: 53px;\n }\n }\n\n ::slotted([slot=\"logo\"]) {\n width: var(--logo-width);\n height: var(--logo-height);\n }\n}\n\n.stzh-header {\n @include fontSize('milli');\n color: $colorGrey90;\n\n &__inner,\n &__main {\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n // transition-property: box-shadow;\n // transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__inner {\n @include mq($from: small) {\n position: relative;\n z-index: $zIndexHeader;\n }\n }\n\n &__vhidden {\n @include visuallyhidden;\n }\n\n &__main {\n display: flex;\n flex-direction: column;\n background-color: $colorWhite;\n\n\t\t@include mq($to: small) {\n position: relative;\n z-index: $zIndexHeader;\n }\n }\n\n &__metabar {\n background-color: $colorCoolgrey10;\n }\n\n &__metabar-inner {\n @include container;\n display: flex;\n align-items: center;\n height: $headerMetabarHeight;\n\n\t\t// @include mq($to: medium) {\n // // overwrite container margin for regular\n // // to be able to use fullwidth of metabar\n // margin: 0 auto;\n // }\n\n\t\t@include mq($from: medium) {\n height: $headerMetabarHeightMediumUp;\n }\n }\n\n &__burger,\n &__search,\n &__metanav-item {\n color: $colorGrey90;\n transition: color $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n &:hover {\n color: $colorBlack;\n }\n }\n\n &__burger {\n @include font('heavy');\n @include fontSize('milli');\n display: flex;\n align-items: center;\n appearance: none;\n background-color: transparent;\n border: none;\n padding: 0;\n margin-right: space('medium');\n gap: space('medium');\n color: $colorPrimary70;\n\n @include mq($from: small) {\n margin-right: space('xxlarge');\n }\n\n @include mq($from: medium) {\n margin-right: space('xxxxlarge');\n }\n }\n\n &__burger-icon {\n &.is-open {\n display: none;\n }\n }\n\n &__burger.is-open &__burger-icon.is-open {\n display: inline-flex;\n }\n\n &__burger.is-open &__burger-icon.is-close {\n display: none;\n }\n\n &__metabar-search {\n overflow: hidden; // prevents input from going out in smaller viewports\n margin-right: space('medium');\n transition-property: width;\n transition-duration: $baseTransitionAnimationSpeed;\n width: 40px;\n max-width: 345px;\n\n &:focus-within {\n width: 100%;\n }\n\n @include mq($from: small) {\n width: 96px;\n margin-right: space('xxlarge');\n }\n\n @include mq($from: medium) {\n // flex-shrink: 0; // prevent shrinking when metanav is in way\n width: 160px;\n margin-left: 0;\n margin-right: space('xxxxlarge');\n }\n }\n\n &__search {\n position: relative;\n display: block;\n width: 100%;\n }\n\n &__search-input {\n // width: 96px;\n width: 100%;\n max-width: 100%;\n background-color: transparent;\n color: transparent;\n font-family: inherit;\n font-size: inherit;\n border: none;\n padding: space('xsmall');\n padding-left: 0;\n padding-right: 0;\n height: $formInputHeightSmall;\n transition-property: padding-left, padding-right, background-color, color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n color: $colorSecondary60;\n padding-left: calc(#{iconSize()} + #{space('medium')});\n }\n\n &:focus {\n // width: 345px;\n color: $colorSecondary60;\n background-color: $colorWhite;\n padding-left: calc(#{space('medium')} + #{iconSize()} + #{space('medium')});\n padding-right: space('xlarge');\n }\n\n // prevent ugly autofill background color in chrome\n &:-webkit-autofill {\n background-clip: text;\n }\n\n // hide search clear icon on chrome\n &[type=\"search\"]::-webkit-search-decoration,\n &[type=\"search\"]::-webkit-search-cancel-button,\n &[type=\"search\"]::-webkit-search-results-button,\n &[type=\"search\"]::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n }\n\n &__search-input:focus ~ &__search-icon,\n &__search-input:focus ~ &__search-text {\n transform: translate(space('medium'), -50%);\n }\n\n &__search-input:focus ~ &__search-text {\n color: $colorGrey70;\n }\n\n &__search-text,\n &__search-icon {\n position: absolute;\n top: 50%;\n transform: translate(0, -50%);\n transition: transform $baseTransitionAnimationSpeed;\n }\n\n &__search-icon {\n left: 0px;\n\n @include mq($to: small) {\n transform: translate((40px - 24px) / 2, -50%);\n }\n }\n\n &__search-text {\n pointer-events: none;\n left: calc(#{iconSize()} + #{space('medium')});\n\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n\n &__metabar-nav {\n display: flex;\n align-items: center;\n margin-left: auto;\n gap: space('medium');\n\n @include mq($from: small) {\n gap: space('xlarge');\n }\n\n @include mq($from: medium) {\n gap: space('xxlarge');\n }\n }\n\n &__metanav-popover {\n --width: auto;\n --min-width: 254px;\n\n &.is-langnav {\n --min-width: 140px;\n }\n }\n\n &__metanav-item {\n display: none;\n gap: space('small');\n align-items: center;\n justify-content: center;\n appearance: none;\n background-color: transparent;\n padding: 0;\n border: none;\n text-decoration: none;\n font-size: 100%;\n font-family: inherit;\n white-space: nowrap;\n min-width: 40px;\n\n @include mq($from: medium) {\n display: flex;\n }\n\n &[aria-expanded=\"true\"] {\n color: $colorPrimary70;\n }\n\n &.is-heavy {\n @include font('heavy');\n }\n\n &.is-stay {\n display: flex;\n }\n\n &.is-popover-mobile {\n @include mq($from: medium) {\n display: none;\n }\n }\n\n &.is-popover-desktop {\n display: none;\n\n @include mq($from: medium) {\n display: flex;\n }\n }\n }\n\n &__metanav-menu-item {\n &.is-heavy {\n @include font('heavy');\n }\n }\n\n &__metanav-item-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n\n &.is-vhidden {\n @include visuallyhidden;\n }\n\n &.has-no-short-label {\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n }\n\n &__metanav-item-text-label-long {\n @include mq($to: small) {\n @include visuallyhidden;\n }\n }\n\n &__metanav-item-text-label-short {\n @include mq($from: small) {\n display: none;\n }\n }\n\n &__metanav-icon-wrapper {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &__metanav-icon-badge {\n position: absolute;\n top: -4px;\n right: -4px;\n }\n\n &__metanav-icon {\n &.is-open {\n display: none;\n }\n }\n\n &__metanav-item[aria-expanded=\"true\"] &__metanav-icon.is-open {\n display: inline-flex;\n }\n\n &__metanav-item[aria-expanded=\"true\"] &__metanav-icon.is-close {\n display: none;\n }\n\n // &__metabar-login {\n // display: flex;\n // flex-basis: 50%;\n\n // &:not(:empty) {\n // \t\t@include mq($from: medium) {\n // flex-basis: auto;\n // margin-left: space('small');\n // }\n // }\n // }\n\n // &__metabar-langnav {\n // &:not(:empty) {\n // @include mq($from: medium) {\n // margin-left: space('medium');\n // }\n // }\n // }\n\n &__logobar {\n display: flex;\n\n @include mq($from: ultra) {\n margin-left: auto;\n margin-right: auto;\n width: $containerMaxWidth;\n }\n }\n\n &__logobar-logo {\n box-sizing: content-box;\n display: flex;\n overflow: hidden;\n flex-shrink: 0;\n }\n\n &__logobar-decoration {\n background-color: var(--logobar-background-color);\n flex-grow: 1;\n\n\t\t@include mq($from: ultra) {\n width: calc((100% - 553px) + ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n margin-right: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / -2);\n\t\t}\n }\n\n &__logo-link {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n padding-top: 14px;\n padding-bottom: 11px;\n padding-left: $containerMargin;\n display: inline-flex;\n width: 288px;\n\t\theight: 66px;\n transition: opacity $baseTransitionAnimationSpeed;\n\n\t\t@include mq($from: small) {\n width: 300px;\n\t\t\tpadding-left: $containerMarginSmall;\n\t\t}\n\n\t\t@include mq($from: medium) {\n width: 399px;\n\t\t\theight: 88px;\n padding-top: 18px;\n padding-bottom: 18px;\n\t\t\tpadding-left: $containerMarginMedium;\n\t\t}\n\n\t\t@include mq($from: large) {\n width: 617px;\n\t\t\theight: 135px;\n padding-top: 28px;\n padding-bottom: 24px;\n\t\t\tpadding-left: $containerMarginLarge;\n }\n\n\t\t@include mq($from: ultra) {\n width: 553px;\n padding-left: 0;\n }\n }\n\n &__flyout {\n @include fontSize('milli');\n z-index: calc(#{$zIndexHeader} - 1);\n position: fixed;\n visibility: hidden;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100dvw;\n height: 100dvh;\n overflow: auto;\n transition: visibility $baseTransitionAnimationSpeed;\n\n @media (min-height: 580px) {\n overflow: hidden;\n }\n\n @include mq($from: medium) {\n overflow: hidden;\n }\n }\n\n &__flyout-backdrop {\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: $colorBlack40op;\n opacity: 0;\n transition: opacity $baseTransitionAnimationSpeed;\n }\n\n &__menu {\n position: absolute;\n width: 100%;\n height: auto;\n background-color: $colorSecondary30;\n display: grid;\n grid-template-rows: auto auto;\n transition-property: opacity, transform;\n transition-duration: $baseTransitionAnimationSpeed;\n transform: translateX(-100%);\n opacity: 0;\n\n @media (min-height: 580px) {\n height: 100%;\n grid-template-rows: minmax(0, 1fr) auto;\n }\n\n @include mq($from: medium) {\n height: 100%;\n grid-template-rows: minmax(0, 1fr) auto;\n }\n\n @include mq($from: medium) {\n width: 335px;\n }\n\n @include mq($from: large) {\n width: 374px;\n }\n\n @include mq($from: large) {\n width: 439px;\n }\n\n @include mq($from: ultra) {\n width: calc((439px - #{$containerMarginLarge}) + ((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2))\n }\n }\n\n &__menu-nav {\n position: relative;\n overflow-x: hidden;\n overflow-y: hidden;\n\n @media (min-height: 580px) {\n overflow-y: auto;\n }\n\n @include mq($from: medium) {\n overflow-y: auto;\n position: static;\n }\n }\n\n &__menu-metanav {\n @include spaceCurve('padding-top', 'tiny');\n @include spaceCurve('padding-bottom', 'medium');\n background-color: $colorSecondary20;\n\n @include mq($from: medium) {\n display: none;\n }\n }\n\n &__menu-metanav-nav {\n max-width: 375px;\n }\n\n &__menu-list,\n &__menu-metanav-list {\n display: block;\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n &__menu-list,\n &__menu-metanav-list.is-level-2 {\n padding-top: calc(var(--stzh-header-main-height) + #{space('xxxlarge')});\n padding-bottom: space('xxxlarge');\n\n @include mq($from: medium) {\n padding-top: calc(var(--stzh-header-main-height) + #{space('huge')});\n }\n }\n\n &__menu-list.is-level-2,\n &__menu-metanav-list.is-level-2 {\n overflow: auto;\n background-color: $colorSecondary20;\n visibility: hidden;\n opacity: 0;\n transform: translateX(100%);\n position: absolute;\n z-index: 200;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n transition-property: opacity, visibility, transform;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: medium) {\n z-index: initial;\n width: 315px;\n transform: none;\n left: 100%;\n // transition-property: opacity, visibility, transform;\n transition-property: opacity, visibility;\n }\n\n @include mq($from: large) {\n width: 334px;\n }\n\n @include mq($from: ultra) {\n width: 345px;\n }\n }\n\n &__menu-list.is-level-2 {\n height: max-content;\n\n @media (min-height: 580px) {\n height: 100%;\n }\n\n @include mq($from: medium) {\n height: 100%;\n }\n }\n\n &__menu-metanav-list.is-level-2 {\n background-color: $colorSecondary30;\n transform: none;\n transition-property: opacity, visibility;\n }\n\n // we add closing transition delay only to menu-list if hovering/focusing of another is currently active\n // to prevent showing background (flickering) when transitioning from one menu-list to another (on the same level)\n &__menu-list:where(:has(> #{&}__menu-list-item:hover > #{&}__menu-list) > #{&}__menu-list-item > #{&}__menu-list),\n &__menu-list:where(:has(> #{&}__menu-list-item.is-open > #{&}__menu-list) > #{&}__menu-list-item > #{&}__menu-list) {\n @include mq($from: medium) {\n transition-delay: $baseTransitionAnimationSpeed;\n }\n }\n\n &__menu-list-item:hover > &__menu-list,\n &__menu-list-item.is-open > &__menu-list {\n @include mq($from: medium) {\n z-index: 200;\n transition-delay: 0ms;\n visibility: visible;\n opacity: 1;\n // transform: translateX(0);\n }\n }\n\n &__menu-list-item:hover > &__menu-item,\n &__menu-list-item.is-open > &__menu-item {\n @include mq($from: medium) {\n background-color: $colorSecondary40;\n }\n\n &.is-level-2 {\n @include mq($from: medium) {\n background-color: $colorSecondary10;\n }\n }\n }\n\n &__menu-nav:has(#{&}__menu-list-item.is-open), // hide menu when any menu-list has been opened\n &__menu:has(#{&}__menu-metanav-list-item.is-open) &__menu-nav, // hide menu when menu metanav menu-list has been opened\n &__menu-list:has(#{&}__menu-list-item.is-open), // hide parent menu-list when sub menu-list has been opened\n &__menu-metanav-list:has(#{&}__menu-metanav-list-item.is-open) { // hide parent metanav menu-list when sub menu-list has been opened\n @include mq($to: medium) {\n transition-property: visibility;\n transition-duration: 0ms;\n transition-delay: $baseTransitionAnimationSpeed;\n visibility: hidden;\n // background-color: red;\n }\n }\n\n // force showing menu-list that is currently open\n &__menu-list-item.is-open > :where(#{&}__menu-list),\n &__menu-metanav-list-item.is-open > :where(#{&}__menu-metanav-list) {\n @include mq($to: medium) {\n transform: translateX(0);\n opacity: 1;\n visibility: visible;\n // background-color: green;\n }\n }\n\n &__menu-list-item,\n &__menu-metanav-list-item {\n display: grid;\n }\n\n &__menu-list-item {\n &.is-backlink {\n display: block;\n }\n }\n\n &__menu-item,\n &__menu-metanav-item {\n @include font('heavy');\n @include fontSize('milli');\n text-align: left;\n display: flex;\n align-items: center;\n gap: space('xsmall');\n appearance: none;\n border: none;\n text-decoration: none;\n background-color: transparent;\n color: $colorPrimary70;\n padding-left: space('xxxlarge');\n padding-top: space('small');\n padding-bottom: space('small');\n padding-right: space('large');\n transition-property: color, background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: pointer;\n }\n\n &__menu-item,\n &__menu-metanav-item.is-title {\n @include fontSize('deci');\n min-height: 56px;\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginLarge;\n }\n }\n\n &__menu-item {\n &.is-level-1 {\n @include mq($from: ultra) {\n // padding-left: 126px;\n // margin-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2) - #{$containerMarginLarge});\n padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n }\n }\n\n &.has-items {\n @include mq($from: medium) {\n cursor: default;\n }\n }\n\n &.is-level-2 {\n @include fontSize('milli');\n min-height: 48px;\n\n @include mq($from: medium) {\n padding-left: space('xlarge');\n }\n\n @include mq($from: ultra) {\n padding-left: space('xxlarge');\n }\n }\n\n &.is-level-2.is-backlink {\n @include font;\n @include fontSize('micro');\n @include spaceCurve('margin-bottom', 'regular');\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-bottom', 'small');\n min-height: none;\n padding-left: $containerMargin;\n padding-right: $containerMargin;\n gap: space('xxsmall');\n\n\t\t @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n display: none;\n }\n }\n\n &.is-level-2.is-main {\n @include fontSize('centi');\n margin-bottom: space('xlarge');\n }\n }\n\n &__menu-metanav-item {\n &.is-level-1 {\n min-height: 44px;\n padding-top: space('xsmall');\n padding-bottom: space('xsmall');\n }\n\n &.is-level-2 {\n min-height: 56px;\n gap: space('medium');\n padding-right: space('xxlarge');\n }\n\n &.is-title {\n @include font('heavy');\n justify-content: space-between;\n padding-top: 0;\n padding-bottom: 0;\n padding-right: space('medium');\n margin-bottom: space('xlarge');\n cursor: default;\n }\n\n &.is-language {\n @include font;\n justify-content: space-between;\n }\n\n &.is-action {\n display: grid;\n padding-right: space('xxxlarge');\n margin-top: space('xlarge');\n }\n\n &.is-hidden {\n display: none;\n }\n }\n\n &__menu-metanav-item.is-level-1 &__menu-metanav-item-icon {\n --size: #{iconSize('small')};\n }\n\n &__menu-metanav-item-text {\n display: flex;\n gap: space('xsmall');\n\n &.is-vhidden {\n @include visuallyhidden;\n }\n }\n\n &__menu-metanav-item-counter {\n @include font;\n }\n\n /* Search is filled */\n\n &--is-search-filled &__search-text {\n @include visuallyhidden;\n }\n\n /* Hide logo */\n\n &--hide-logo &__logo-link {\n opacity: 0;\n }\n\n /* Has empty metabar */\n\n // &--has-empty-metabar-mobile &__metabar {\n // @include mq($to: medium) {\n // display: none;\n // }\n // }\n\n /* Has empty metabar */\n\n // &--has-empty-metabar &__metabar {\n // display: none;\n // }\n\n /* Metabar Stay */\n\n // &--has-metabar-stay &__metabar-nav {\n // @include mq($to: medium) {\n // display: inline-flex;\n // }\n // }\n\n // &--has-metabar-stay &__metabar {\n // @include mq($to: medium) {\n // display: block;\n // }\n // }\n\n // &--has-metabar-stay &__metabar-inner {\n // @include mq($to: medium) {\n // @include container;\n // }\n // }\n\n // &--has-metabar-stay &__burger {\n // @include mq($to: medium) {\n // margin-right: initial;\n // }\n // }\n\n /* Fixed variant (as soon as header is passed) */\n\n &--is-fixed &__inner {\n @include mq($from: small) {\n transform: translateY(-100%);\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n margin-top: calc(var(--stzh-header-logobar-height) / -1);\n }\n }\n\n &--is-fixed &__main {\n\t\t@include mq($to: small) {\n transform: translateY(-100%);\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n margin-top: calc(var(--stzh-header-logobar-height) / -1);\n }\n }\n\n &--is-fixed-transition &__inner {\n @include mq($from: small) {\n // transition-property: box-shadow, transform;\n transition-property: transform;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n }\n\n &--is-fixed-transition &__main {\n\t\t@include mq($to: small) {\n // transition-property: box-shadow, transform;\n transition-property: transform;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n }\n\n /* Sticky variant */\n\n &--is-sticky &__logobar {\n transition-property: opacity, visibility;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &--is-sticky &__inner,\n &--is-sticky &__main {\n // transition-property: box-shadow, transform, margin-top;\n transition-property: transform, margin-top;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &--is-sticky &__inner {\n\t\t@include mq($from: small) {\n transform: translateY(0);\n // box-shadow: $boxShadowHeader;\n }\n }\n\n &--is-sticky &__main {\n\t\t@include mq($to: small) {\n transform: translateY(0);\n // box-shadow: $boxShadowHeader;\n }\n\n\t\t// @include mq($from: small) {\n // box-shadow: none;\n // }\n }\n\n &--is-sticky:where(#{&}--has-empty-metabar-mobile) &__inner {\n\t\t@include mq($from: small, $to: medium) {\n margin-top: calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1);\n }\n }\n\n &--is-sticky:where(#{&}--has-empty-metabar-mobile) &__main {\n\t\t@include mq($to: small) {\n margin-top: calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1);\n }\n }\n\n // &--is-sticky:where(#{&}--has-empty-metabar-mobile) &__inner {\n\t// \t@include mq($from: small, $to: medium) {\n // box-shadow: none;\n // }\n // }\n\n // &--is-sticky:where(#{&}--has-empty-metabar-mobile) &__main {\n\t// \t@include mq($to: small) {\n // box-shadow: none;\n // }\n // }\n\n &--is-sticky:where(#{&}--has-empty-metabar-mobile) &__metabar {\n @include mq($to: medium) {\n visibility: hidden;\n }\n }\n\n\n\n &--is-sticky:where(#{&}--has-empty-metabar) &__inner {\n\t\t@include mq($from: small) {\n margin-top: calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1);\n }\n }\n\n &--is-sticky:where(#{&}--has-empty-metabar) &__main {\n\t\t@include mq($to: small) {\n margin-top: calc((var(--stzh-header-logobar-height) + var(--stzh-header-metabar-height)) / -1);\n }\n }\n\n // &--is-sticky:where(#{&}--has-empty-metabar) &__inner {\n\t// \t@include mq($from: small) {\n // box-shadow: none;\n // }\n // }\n\n // &--is-sticky:where(#{&}--has-empty-metabar) &__main {\n\t// \t@include mq($to: small) {\n // box-shadow: none;\n // }\n // }\n\n &--is-sticky:where(#{&}--has-empty-metabar) &__metabar {\n visibility: hidden;\n }\n\n &--is-sticky &__logobar {\n visibility: hidden;\n opacity: 0;\n }\n\n // &--is-sticky:where(#{&}--has-metabar-stay) &__metabar {\n // visibility: visible;\n // }\n\n // &--is-sticky:where(#{&}--has-metabar-stay) &__main {\n\t// \t@include mq($to: small) {\n // // box-shadow: $boxShadowHeader;\n // margin-top: calc((var(--stzh-header-logobar-height)) / -1);\n // }\n // }\n\n // &--is-sticky:where(#{&}--has-metabar-stay) &__inner {\n\t// \t@include mq($from: small) {\n // // box-shadow: $boxShadowHeader;\n // margin-top: calc((var(--stzh-header-logobar-height)) / -1);\n // }\n // }\n\n /* Sticky disabled */\n\n // &--sticky-disabled &__main {\n // @include mq($from: medium) {\n // padding-top: $headerMetabarHeightMediumUp;\n // }\n // }\n\n /* Sticky always */\n\n &--sticky-always &__inner,\n &--sticky-always &__main {\n margin-top: 0px;\n }\n\n &--sticky-always &__logobar {\n visibility: visible;\n opacity: 1;\n }\n\n /* Flyout open */\n\n &--is-flyout-open &__flyout {\n visibility: visible;\n }\n\n &--is-flyout-open &__flyout-backdrop {\n opacity: 1;\n }\n\n &--is-flyout-open &__flyout-scrollbar {\n display: none;\n z-index: 999;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: var(--stzh-scrollbar-width);\n background-color: $colorGrey10;\n border-left: calc(0.5px * var(--stzh-scrollbar-active)) solid $colorGrey30;\n\n @media (min-height: 580px) {\n display: block;\n }\n\n @include mq($from: medium) {\n display: block;\n }\n }\n\n &--is-flyout-open &__menu {\n opacity: 1;\n transform: translateX(0);\n }\n\n &--is-flyout-open &__inner {\n // position: static;\n\n\t\t@include mq($from: small) {\n z-index: $zIndexHeader;\n transform: translateY(0);\n position: fixed;\n top: 0;\n left: 0;\n right: var(--stzh-scrollbar-width);\n margin-top: 0;\n // box-shadow: none;\n }\n }\n\n &--is-flyout-open &__main {\n // z-index: $zIndexHeader;\n // position: fixed;\n // top: 0;\n // left: 0;\n // right: 0;\n\n\t\t@include mq($to: small) {\n z-index: $zIndexHeader;\n transform: translateY(0);\n position: fixed;\n top: 0;\n left: 0;\n right: var(--stzh-scrollbar-width);\n margin-top: 0;\n // box-shadow: none;\n }\n }\n\n &--is-flyout-open &__logobar {\n opacity: 1;\n }\n\n &--is-flyout-open &__logobar,\n &--is-flyout-open &__metabar {\n visibility: visible;\n }\n\n &--is-flyout-open &__logo-link {\n opacity: 1;\n transition: none;\n }\n}\n","import {\n Component,\n Element,\n Listen,\n Host,\n State,\n h,\n writeTask,\n readTask,\n Method,\n Prop,\n Event,\n EventEmitter,\n Watch,\n Fragment,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { media } from \"../../utils/media-utils\";\nimport {\n StzhDropdownOption,\n StzhHeaderMetanavItemClickEvent,\n StzhHeaderLanguageChangeEvent,\n StzhHeaderSearchChangeEvent,\n StzhHeaderSearchChangedEvent,\n StzhHeaderMenuItem,\n StzhHeaderMetanavItem,\n} from \"../../index\";\n\nimport { tabbable } from 'tabbable';\nimport { createBaseFocusTrapOptions } from \"../../utils/overlay-utils\";\nimport { createFocusTrap, FocusTrap } from 'focus-trap';\n\nimport { StzhHeaderLocalizedText } from './stzh-header.localization';\n\nconst CLASS_BODY_OPEN = \"stzh-header-open\";\n\n// for flyout a11y see also: https://www.w3.org/WAI/tutorials/menus/flyout/\n\n/**\n * @slot logo - Slot for brand logo\n * @slot metanav-before - Slot for custom elements before other metanav elements\n * @slot metanav-after - Slot for custom elements after other metanav elements\n */\n@Component({\n tag: \"stzh-header\",\n styleUrl: \"stzh-header.scss\",\n scoped: true\n})\nexport class StzhHeader {\n /** Translation strings */\n @Prop() localization: StzhHeaderLocalizedText;\n\n /** Portal link (for logo) */\n @Prop() href: string = \"https://www.stadt-zuerich.ch\";\n\n /** Menu element ID */\n @Prop() menuId: string = \"anchorNavMain\";\n\n /** Search element ID */\n @Prop() searchId: string = \"anchorSearch\";\n\n /** Metanav element ID */\n @Prop() metanavId: string = \"anchorNavMeta\";\n\n /** Language element ID */\n @Prop() languageId: string = \"anchorNavLang\";\n\n /**\n * Type of logo (used for setting the correct height).\n * Will enlarge the logo to 100% by default (default logos are using whitespace).\n */\n @Prop({ reflect: true }) logoType: \"default\" | \"vbz\" | \"aoz\" | \"pkzh\" | \"uvz\" = \"default\";\n\n /** Menu navigation items */\n @Prop() menuItems: StzhHeaderMenuItem[] | string = [];\n private _menuItems: StzhHeaderMenuItem[];\n\n /** Overwrite menu back label */\n @Prop() menuBackLabel: string;\n\n /** Meta navigation items */\n @Prop() metanavItems: StzhHeaderMetanavItem[] | string = [];\n private _metanavItems: StzhHeaderMetanavItem[];\n\n /** Current language page path */\n @Prop({ mutable: true }) languageActive: string;\n\n /** Available language (paths) in language switch */\n @Prop() languages: StzhDropdownOption[] | string = [];\n private _languages: StzhDropdownOption[];\n\n /** Prevent url change when language has changed (will only fire `stzhLanguageChange`) */\n @Prop() languagePreventUrlchange: boolean = false;\n\n /** Whether language switch should stay on mobile */\n @Prop() languageStay: boolean = false;\n\n /** Search form action (if given, searchfield will be shown) */\n @Prop() searchAction: string;\n\n /** Search field name */\n @Prop() searchFieldName: string = \"q\";\n\n /** Search input value */\n @Prop() searchValue: string = \"\";\n\n /** Sticky behaviour */\n @Prop() sticky: \"default\" | \"disabled\" | \"always\" = \"default\";\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the logo link element.\n * Default value is \"Header Logo\".\n */\n @Prop() logoAnalyticsId: string;\n\n @State() hideLogo: boolean = false;\n @State() headerHeight: number;\n @State() paddingTop: number;\n @State() stickyActive: boolean = false;\n @State() flyoutOpen: boolean = false;\n @State() searchFilled: boolean;\n\n @State() fixed: boolean = false;\n @State() fixedTransition: boolean = false;\n\n @State() currentOpenMenuItem: StzhHeaderMenuItem = null;\n @State() currentOpenMetanavItem: StzhHeaderMetanavItem = null;\n @State() currentOpenLanguage: boolean = false;\n private openSubmenuElement: HTMLElement;\n\n @Element() element: HTMLStzhHeaderElement;\n\n @Listen(\"keydown\", { target: \"document\" })\n handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Escape\") {\n this.flyoutOpen = false;\n }\n }\n\n @Watch(\"flyoutOpen\")\n async flyoutOpenWatcher(open: boolean) {\n if (!open) {\n // reset current open menu when flyout was closed\n this.currentOpenMenuItem = null;\n this.currentOpenMetanavItem = null;\n this.currentOpenLanguage = null;\n // reset further flags\n this.flyoutOpenedByMetanavItem = false;\n\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.enableSiblings();\n\n if (this.trap) {\n this.trap.deactivate();\n }\n } else {\n document.body.classList.add(CLASS_BODY_OPEN);\n this.disableSiblings();\n\n if (this.trap) {\n this.trap.activate();\n }\n }\n }\n\n @Watch(\"fixed\")\n @Watch(\"flyoutOpen\")\n @Watch(\"headerHeight\")\n async fixedWatcher() {\n this.paddingTop = this.fixed || this.flyoutOpen ? this.headerHeight : 0;\n // we don't want to run transitions on applying fixed class (out transition),\n // so we set them in the next render\n await this.waitForNextRender();\n this.fixedTransition = this.fixed || this.flyoutOpen;\n }\n\n @Watch(\"sticky\")\n stickyWatcher() {\n this.updatePosition();\n }\n\n /** Update position / sticky state of header */\n @Method()\n async updatePosition() {\n if (this.flyoutOpen) {\n return;\n }\n\n if (this.sticky === \"disabled\") {\n document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');\n document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');\n this.stickyActive = false;\n return;\n }\n\n if (this.sticky === \"always\") {\n document.documentElement.style.setProperty('--stzh-header-is-stuck', '1');\n document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '0');\n this.stickyActive = true;\n return;\n }\n\n if (this.scrollingUp && this.belowStayStickyPoint) {\n if (!this.stickyActive && this.belowStartStickyPoint) {\n this.stickyActive = true;\n document.documentElement.style.setProperty('--stzh-header-is-stuck', '1');\n document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '0');\n }\n } else {\n if (this.stickyActive && this.belowStayStickyPoint) {\n document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');\n document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');\n this.stickyActive = false;\n } else {\n document.documentElement.style.setProperty('--stzh-header-is-stuck', '0');\n document.documentElement.style.setProperty('--stzh-header-is-not-stuck', '1');\n this.stickyActive = false;\n }\n }\n }\n\n @Listen(\"scroll\", { target: \"window\" })\n scrollListener() {\n if (this.sticky === \"disabled\") {\n return;\n }\n\n readTask(() => {\n this.currentScrollY = window.scrollY;\n this.scrollingUp = this.lastScrollY && this.lastScrollY > this.currentScrollY;\n this.lastScrollY = this.currentScrollY;\n\n this.belowStayStickyPoint = this.currentScrollY > this.logobarHeight;\n this.belowStartStickyPoint = this.currentScrollY > this.headerHeight;\n\n this.fixed = this.belowStartStickyPoint\n || (this.scrollingUp && this.belowStayStickyPoint && this.stickyActive)\n || this.sticky === \"always\";\n\n this.headerOverlap = (this.headerTop - this.currentScrollY) / -1;\n this.hideLogo = this.sticky !== \"always\" && this.isMedium && this.headerOverlap > 1;\n });\n\n writeTask(() => {\n this.updatePosition();\n });\n }\n\n /** Metanav item click event */\n @Event() stzhMetanavItemClick: EventEmitter<StzhHeaderMetanavItemClickEvent>;\n\n /** Language change event */\n @Event() stzhLanguageChange: EventEmitter<StzhHeaderLanguageChangeEvent>;\n\n /** Search input change event */\n @Event() stzhSearchChange: EventEmitter<StzhHeaderSearchChangeEvent>;\n\n /** Search input changed event */\n @Event() stzhSearchChanged: EventEmitter<StzhHeaderSearchChangedEvent>;\n\n @Watch(\"searchValue\")\n searchValueWatcher(newValue: string) {\n this.searchFilled = newValue !== \"\";\n }\n\n @Watch(\"menuItems\")\n menuItemsWatcher(newValue: StzhHeaderMenuItem[] | string) {\n if (typeof newValue === \"string\") {\n this._menuItems = JSON.parse(newValue);\n } else {\n this._menuItems = newValue;\n }\n\n this._menuItems = this._menuItems.map((menuItem, index) => ({\n id: `submenu-${index}`,\n ...menuItem\n }))\n }\n\n @Watch(\"metanavItems\")\n metanavItemsWatcher(newValue: StzhHeaderMetanavItem[] | string) {\n if (typeof newValue === \"string\") {\n this._metanavItems = JSON.parse(newValue);\n } else {\n this._metanavItems = newValue;\n }\n\n this._metanavItems = this._metanavItems.map((metanavItem, index) => ({\n id: `metanav-submenu-${index}`,\n ...metanavItem\n }))\n }\n\n @Watch(\"languages\")\n languagesWatcher(newValue: StzhDropdownOption[] | string) {\n if (typeof newValue === \"string\") {\n this._languages = JSON.parse(newValue);\n } else {\n this._languages = newValue;\n }\n }\n\n private renderPromiseResolve: (value?: unknown) => void;\n\n private currentScrollY: number;\n private lastScrollY: number;\n private headerOverlap: number;\n private scrollingUp: boolean;\n private belowStayStickyPoint: boolean;\n private belowStartStickyPoint: boolean;\n\n private headerTop: number;\n // private innerHeight: number;\n private mainHeight: number;\n private metabarHeight: number;\n private logobarHeight: number;\n\n private isMedium: boolean;\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n private flyoutResizeObserver: ResizeObserver;\n\n // private innerElement: HTMLDivElement;\n private mainElement: HTMLDivElement;\n private logobarElement: HTMLDivElement;\n private metabarElement: HTMLDivElement;\n private menunavElement: HTMLElement;\n private flyoutElement: HTMLElement;\n\n private searchInput: HTMLInputElement;\n\n private lastOpener: HTMLButtonElement | null = null;\n private flyoutOpenedByMetanavItem: boolean = null;\n\n private trap: FocusTrap;\n private parentElement: HTMLElement;\n\n private getSiblings() {\n if (!this.parentElement) {\n return [];\n }\n\n return Array.from(this.parentElement.children).filter(\n (child) => child !== this.element\n );\n }\n\n private disableSiblings() {\n this.getSiblings().forEach((sibling) => {\n sibling.setAttribute(\"aria-hidden\", \"true\");\n });\n }\n\n private enableSiblings() {\n this.getSiblings().forEach((sibling) => {\n sibling.removeAttribute(\"aria-hidden\");\n });\n }\n\n private waitForNextRender() {\n return new Promise(resolve => this.renderPromiseResolve = resolve);\n }\n\n private resizeMenunavElement() {\n // reset height when metanav is sticky, or on medium or no submenu element is open\n if (media(\"headerMetanavSticky\").matches || media(\"medium\").matches || !this.openSubmenuElement) {\n Object.assign(this.menunavElement.style, {\n height: null\n });\n } else {\n const { height } = this.openSubmenuElement.getBoundingClientRect();\n Object.assign(this.menunavElement.style, {\n height: `${height}px`\n });\n }\n }\n\n private async openMenuItem(event: MouseEvent, menuItem: StzhHeaderMenuItem) {\n this.flyoutOpen = true;\n\n this.lastOpener = event.currentTarget as HTMLButtonElement;\n this.openSubmenuElement = this.element.querySelector(`#${menuItem.id}`) as HTMLElement;\n this.currentOpenMenuItem = menuItem;\n await this.waitForNextRender();\n\n requestAnimationFrame(() => {\n this.menunavElement.scrollTop = 0;\n\n const firstButtonOrLink = this.openSubmenuElement\n && tabbable(this.openSubmenuElement)[0];\n firstButtonOrLink?.focus()\n\n this.resizeMenunavElement();\n });\n }\n\n private async closeMenuItem(focusOpener: boolean = true) {\n this.openSubmenuElement = null;\n this.currentOpenMenuItem = null;\n await this.waitForNextRender();\n\n if (focusOpener) {\n requestAnimationFrame(() => {\n this.lastOpener.focus();\n this.lastOpener = null;\n\n this.resizeMenunavElement();\n });\n }\n }\n\n private async openMetanavItem(event: MouseEvent, metanavItem: StzhHeaderMetanavItem) {\n if (!this.flyoutOpen) {\n this.flyoutOpenedByMetanavItem = true;\n this.flyoutOpen = true;\n }\n\n this.lastOpener = event.currentTarget as HTMLButtonElement;\n this.currentOpenMetanavItem = metanavItem;\n await this.waitForNextRender();\n\n requestAnimationFrame(() => {\n const openMetanavSubmenuElement = this.element.querySelector(`#${metanavItem.id}`);\n const firstButtonOrLink = openMetanavSubmenuElement\n && tabbable(openMetanavSubmenuElement)[0];\n firstButtonOrLink?.focus()\n });\n }\n\n private async closeMetanavItem() {\n this.currentOpenMetanavItem = null;\n\n if (this.flyoutOpenedByMetanavItem) {\n this.flyoutOpen = false;\n }\n\n await this.waitForNextRender();\n\n requestAnimationFrame(() => {\n this.lastOpener.focus();\n this.lastOpener = null;\n });\n }\n\n private async openLanguage(event: MouseEvent) {\n if (!this.flyoutOpen) {\n this.flyoutOpenedByMetanavItem = true;\n this.flyoutOpen = true;\n }\n\n this.lastOpener = event.currentTarget as HTMLButtonElement;\n this.currentOpenLanguage = true;\n await this.waitForNextRender();\n\n requestAnimationFrame(() => {\n const openMetanavSubmenuElement = this.element.querySelector(\"#submenu-languages\");\n const firstButtonOrLink = openMetanavSubmenuElement\n && tabbable(openMetanavSubmenuElement)[0];\n firstButtonOrLink?.focus()\n });\n }\n\n private async closeLanguage() {\n this.currentOpenLanguage = false;\n\n if (this.flyoutOpenedByMetanavItem) {\n this.flyoutOpen = false;\n }\n\n await this.waitForNextRender();\n\n requestAnimationFrame(() => {\n this.lastOpener.focus();\n this.lastOpener = null;\n });\n }\n\n private handleMenuListFocusout = (event: FocusEvent) => {\n const isNextFocusOutOfMenuList = !(event.currentTarget as HTMLElement)\n .contains(event.relatedTarget as HTMLElement);\n\n if (this.isMedium && isNextFocusOutOfMenuList) {\n this.closeMenuItem(false);\n }\n }\n\n private handleBurgerClick = async () => {\n if (this.flyoutOpenedByMetanavItem) {\n this.flyoutOpenedByMetanavItem = false;\n this.closeMetanavItem();\n } else {\n this.flyoutOpen = !this.flyoutOpen;\n }\n\n // focus first menu item\n const element = this.element.querySelector('.stzh-header__menu-item') as HTMLElement;\n\n if (element) {\n window.setTimeout(() => {\n element.focus();\n }, 100);\n }\n\n // await this.waitForNextRender();\n this.updatePosition();\n }\n\n private handleBackdropClick = async () => {\n this.flyoutOpen = false;\n // await this.waitForNextRender();\n this.updatePosition();\n }\n\n private handleMetanavItemClick = (event: MouseEvent, item: StzhHeaderMetanavItem) => {\n this.stzhMetanavItemClick.emit({\n component: \"stzh-header\",\n item,\n originalEvent: event,\n })\n }\n\n private handleSearchInput = (event: InputEvent) => {\n this.searchValue = this.searchInput.value;\n\n this.stzhSearchChange.emit({\n component: \"stzh-header\",\n originalEvent: event,\n value: this.searchValue\n });\n }\n\n private handleSearchChange = (event: InputEvent) => {\n this.searchValue = this.searchInput.value;\n\n this.stzhSearchChanged.emit({\n component: \"stzh-header\",\n originalEvent: event,\n value: this.searchValue\n });\n }\n\n private handleLanguageClick = (event: MouseEvent, dropdownOption: StzhDropdownOption) => {\n if (this.languagePreventUrlchange) {\n event.preventDefault();\n }\n\n this.languageActive = dropdownOption.value;\n\n this.stzhLanguageChange.emit({\n component: \"stzh-header\",\n value: this.languageActive\n });\n }\n\n private handleFlyoutResize = () => {\n this.resizeMenunavElement();\n }\n\n private handleResize = () => {\n if (this.sticky === \"disabled\") {\n return;\n }\n\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(() => {\n readTask(() => {\n this.isMedium = media(\"medium\").matches;\n\n this.mainHeight = this.mainElement?.offsetHeight || 0;\n this.metabarHeight = this.metabarElement?.offsetHeight || 0;\n this.logobarHeight = this.logobarElement?.offsetHeight || 0;\n\n this.headerTop = this.element.offsetTop;\n this.headerHeight = this.metabarHeight + this.logobarHeight;\n\n // this.headerHeight = this.element.offsetHeight;\n // console.log(this.headerHeight);\n // console.log(this.metabarHeight + this.logobarHeight);\n // console.log(this.metabarHeight, this.logobarHeight);\n });\n\n writeTask(() => {\n document.documentElement.style.setProperty('--stzh-header-height', `${this.headerHeight}px`);\n document.documentElement.style.setProperty('--stzh-header-main-height', `${this.mainHeight}px`);\n document.documentElement.style.setProperty('--stzh-header-metabar-height', `${this.metabarHeight}px`);\n document.documentElement.style.setProperty('--stzh-header-logobar-height', `${this.logobarHeight}px`);\n });\n\n this.scrollListener();\n });\n }\n\n async componentWillLoad() {\n this.menuItemsWatcher(this.menuItems);\n this.metanavItemsWatcher(this.metanavItems);\n this.languagesWatcher(this.languages);\n this.searchValueWatcher(this.searchValue);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"header\");\n }\n }\n\n componentDidRender() {\n if (this.renderPromiseResolve) {\n this.renderPromiseResolve();\n }\n\n if (this.flyoutElement && this.flyoutResizeObserver) {\n this.flyoutResizeObserver.observe(this.flyoutElement);\n }\n }\n\n componentDidLoad() {\n this.trap = createFocusTrap(this.element, {\n ...createBaseFocusTrapOptions(),\n initialFocus: false\n });\n\n this.flyoutResizeObserver = new ResizeObserver(this.handleFlyoutResize);\n if (this.flyoutElement) {\n this.flyoutResizeObserver.observe(this.flyoutElement);\n }\n }\n\n connectedCallback() {\n this.parentElement = this.element.parentElement;\n\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(this.element);\n }\n\n disconnectedCallback() {\n this.flyoutOpenWatcher(false);\n this.resizeObserver?.disconnect();\n this.flyoutResizeObserver?.disconnect();\n }\n\n render() {\n const metanavBeforeUsed: boolean = hasSlot(this.element, \"metanav-before\");\n const metanavAfterUsed: boolean = hasSlot(this.element, \"metanav-after\");\n\n const classes = {\n \"stzh-header\": true,\n \"stzh-header--is-flyout-open\": this.flyoutOpen,\n \"stzh-header--is-search-filled\": this.searchFilled,\n \"stzh-header--is-fixed\": this.fixed,\n \"stzh-header--is-fixed-transition\": this.fixedTransition,\n \"stzh-header--is-sticky\": this.stickyActive,\n \"stzh-header--hide-logo\": this.hideLogo,\n \"stzh-header--has-empty-metabar-mobile\": !metanavBeforeUsed && !metanavAfterUsed\n && this._metanavItems.filter(item => item.stay || item.stayAndShowInMobileMenu).length === 0\n && this._menuItems.length === 0\n && (this._languages.length === 0\n || (this._languages.length > 0 && !this.languageStay))\n && !this.searchAction,\n \"stzh-header--has-empty-metabar\": !metanavBeforeUsed && !metanavAfterUsed\n && this._metanavItems.length === 0\n && this._menuItems.length === 0\n && this._languages.length === 0\n && !this.searchAction,\n [`stzh-header--sticky-${this.sticky}`]: !!this.sticky,\n };\n\n const activeLanguage = this.languageActive || window.stzhComponents.utils.getLocale(this.element);\n const activeLanguageOption = this._languages\n ?.find(({ value }) => value === activeLanguage) || this._languages?.[0] || null;\n\n const renderMetanavItemButton = (item: StzhHeaderMetanavItem, additionalClasses?: { [className: string]: boolean }, additionalAttributes?: any) => {\n const Element = item.items?.length > 0 || item.itemButton || !item.href ? \"button\" : \"a\";\n\n return (\n <Element\n {...additionalAttributes}\n href={Element === \"a\" && item.href}\n target={Element === \"a\" && item.target}\n class={{\n \"stzh-header__metanav-item\": true,\n \"is-heavy\": item.important,\n \"is-stay\": item.stay || item.stayAndShowInMobileMenu,\n ...(additionalClasses || {})\n }}\n >\n <span\n class={{\n \"stzh-header__metanav-item-text\": true,\n \"is-vhidden\": item.labelHidden,\n \"has-no-short-label\": !item.labelShort,\n }}\n >\n <span class=\"stzh-header__metanav-item-text-label-long\">{item.label}</span>\n <span class=\"stzh-header__metanav-item-text-label-short\" aria-hidden=\"true\">{item.labelShort}</span>\n </span>\n {item.icon &&\n <span class=\"stzh-header__metanav-icon-wrapper\">\n {item.icon && <stzh-icon class={`stzh-header__metanav-icon ${item.iconOpen ? 'is-close' : ''}`} name={item.icon}></stzh-icon>}\n {item.iconOpen && <stzh-icon class=\"stzh-header__metanav-icon is-open\" name={item.iconOpen}></stzh-icon>}\n {(item.badge || item.badgeEmpty) &&\n <stzh-badge class=\"stzh-header__metanav-icon-badge\" label={item.badge} type={typeof item.badgeType === \"undefined\" ? \"error\" : item.badgeType}></stzh-badge>\n }\n </span>\n }\n </Element>\n );\n }\n\n return (\n <Host>\n <header class={classes}>\n <div class=\"stzh-header__header\" style={{paddingTop: `${this.paddingTop}px`}}>\n <div\n class=\"stzh-header__inner\"\n // ref={(el) => (this.innerElement = el as HTMLDivElement)}\n >\n <div\n class=\"stzh-header__main\"\n ref={(el) => (this.mainElement = el as HTMLDivElement)}\n >\n <div\n class=\"stzh-header__logobar\"\n ref={(el) => (this.logobarElement = el as HTMLDivElement)}\n >\n <div class=\"stzh-header__logobar-logo\">\n <a href={this.href} class=\"stzh-header__logo-link\" s-object-id={this.logoAnalyticsId || \"Header Logo\"}>\n <slot name=\"logo\"></slot>\n </a>\n </div>\n <div class=\"stzh-header__logobar-decoration\"></div>\n </div>\n\n <div\n class=\"stzh-header__metabar\"\n ref={(el) => (this.metabarElement = el as HTMLDivElement)}\n >\n <div class=\"stzh-header__metabar-inner\">\n {this._menuItems.length > 0 &&\n <button\n id={this.menuId}\n class={`stzh-header__burger ${this.flyoutOpen && !this.flyoutOpenedByMetanavItem && \"is-open\"}`}\n onClick={this.handleBurgerClick}\n >\n <stzh-icon\n class=\"stzh-header__burger-icon is-close\"\n name=\"menu\"\n ></stzh-icon>\n <stzh-icon\n class=\"stzh-header__burger-icon is-open\"\n name=\"close\"\n ></stzh-icon>\n <div class=\"stzh-header__burger-text\">\n {this.localization.menuLabel}\n </div>\n </button>\n }\n {this.searchAction &&\n <form\n class=\"stzh-header__metabar-search\"\n action={this.searchAction}\n role=\"search\"\n >\n <label class=\"stzh-header__search\">\n <input\n id={this.searchId}\n ref={(el) => (this.searchInput = el as HTMLInputElement)}\n class=\"stzh-header__search-input\"\n type=\"search\"\n name={this.searchFieldName}\n onChange={this.handleSearchChange}\n onInput={this.handleSearchInput}\n ></input>\n <stzh-icon class=\"stzh-header__search-icon\" name=\"search\"></stzh-icon>\n <div class=\"stzh-header__search-text\">{this.localization.searchLabel}</div>\n </label>\n </form>\n }\n <div class=\"stzh-header__metabar-nav\" id={this.metanavId}>\n <slot name=\"metanav-before\"></slot>\n\n {this._metanavItems.map((item) =>\n (item.items?.length > 0 || item.itemButton)\n ?\n <Fragment>\n {renderMetanavItemButton(item, {\n \"is-popover-mobile\": true\n }, {\n 'aria-expanded': item === this.currentOpenMetanavItem ? \"true\" : \"false\",\n 'aria-controls': item.id,\n onClick: (e: MouseEvent) => {\n if (item === this.currentOpenMetanavItem) {\n this.closeMetanavItem();\n } else {\n this.openMetanavItem(e, item)\n }\n\n this.handleMetanavItemClick(e, item);\n }\n })}\n <stzh-popover\n class={{\n \"stzh-header__metanav-popover\": true,\n }}\n placement=\"bottom-end\"\n distance={20}\n variant={item.variant}\n size={typeof item.size === \"undefined\" ? \"large\" : item.size}\n >\n {renderMetanavItemButton(item, {\n \"is-popover-desktop\": true\n }, {\n onClick: (e: MouseEvent) => {\n this.handleMetanavItemClick(e, item);\n }\n })}\n <div slot=\"content\">\n {item.items?.length > 0 &&\n <stzh-menu>\n {item.items.map((childItem) =>\n <stzh-menu-item\n class={{\n \"stzh-header__metanav-menu-item\": true,\n \"is-heavy\": typeof item.importantSubmenu === \"undefined\" || item.importantSubmenu,\n }}\n size={typeof item.size === \"undefined\" ? \"large\" : item.size}\n variant={item.variant}\n href={childItem.href}\n target={childItem.target}\n icon={childItem.icon}\n counter={childItem.counter}\n badge={childItem.badge}\n badgeType={childItem.badgeType}\n >\n {childItem.label}\n </stzh-menu-item>\n )}\n </stzh-menu>\n }\n </div>\n {item.itemButton &&\n <stzh-button\n slot=\"action\"\n size={item.itemButton.size}\n href={item.itemButton.href}\n target={item.itemButton.target}\n >\n {item.itemButton.label}\n </stzh-button>\n }\n </stzh-popover>\n </Fragment>\n :\n renderMetanavItemButton(item, {}, {\n onClick: (e: MouseEvent) => {\n this.handleMetanavItemClick(e, item);\n }\n })\n )}\n\n {this._languages?.length > 0 &&\n <Fragment>\n <h2 id={this.languageId} class=\"stzh-header__vhidden\">\n {this.localization.languageLabel}\n </h2>\n {this._menuItems.length > 0 && this.languageStay &&\n <button\n class={{\n \"stzh-header__metanav-item\": true,\n \"is-popover-mobile\": true,\n \"is-stay\": this.languageStay\n }}\n aria-expanded={this.currentOpenLanguage ? \"true\" : \"false\"}\n aria-controls=\"submenu-languages\"\n onClick={(e: MouseEvent) => {\n if (this.currentOpenLanguage) {\n this.closeLanguage();\n } else {\n this.openLanguage(e)\n }\n }}\n >\n <span class=\"stzh-header__metanav-item-text\">{activeLanguageOption?.text}</span>\n <stzh-icon class=\"stzh-header__metanav-icon is-close\" name=\"angle-down\"></stzh-icon>\n <stzh-icon class=\"stzh-header__metanav-icon is-open\" name=\"angle-up\"></stzh-icon>\n </button>\n }\n <stzh-popover\n class=\"stzh-header__metanav-popover is-langnav\"\n placement=\"bottom-end\"\n distance={20}\n >\n <button\n class={{\n \"stzh-header__metanav-item\": true,\n \"is-popover-desktop\": this._menuItems.length > 0,\n \"is-stay\": this.languageStay\n }}\n >\n <span class=\"stzh-header__metanav-item-text\">{activeLanguageOption?.text}</span>\n <stzh-icon class=\"stzh-header__metanav-icon is-close\" name=\"angle-down\"></stzh-icon>\n <stzh-icon class=\"stzh-header__metanav-icon is-open\" name=\"angle-up\"></stzh-icon>\n </button>\n <div slot=\"content\">\n <stzh-menu>\n {this._languages.map((language) =>\n <stzh-menu-item\n class=\"stzh-header__metanav-menu-item\"\n active={activeLanguageOption?.value === language.value}\n href={language.value}\n onClick={(event) => this.handleLanguageClick(event, language)}\n >\n {language.text}\n </stzh-menu-item>\n )}\n </stzh-menu>\n </div>\n </stzh-popover>\n </Fragment>\n }\n\n <slot name=\"metanav-after\"></slot>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n {this._menuItems.length > 0 &&\n <div\n ref={(el) => (this.flyoutElement = el as HTMLElement)}\n class=\"stzh-header__flyout\"\n >\n <div class=\"stzh-header__flyout-backdrop\" onClick={this.handleBackdropClick}></div>\n <div class=\"stzh-header__flyout-scrollbar\"></div>\n <div class=\"stzh-header__menu\">\n <nav\n class=\"stzh-header__menu-nav\"\n ref={(el) => (this.menunavElement = el as HTMLElement)}\n aria-label={this.localization.navigationLabel}\n >\n <ul class=\"stzh-header__menu-list is-level-1\">\n {this._menuItems.map((item) =>\n <li\n class={{\n 'stzh-header__menu-list-item': true,\n 'is-open': item === this.currentOpenMenuItem\n }}\n >\n {item.items?.length > 0\n ?\n <button\n aria-expanded={item === this.currentOpenMenuItem ? \"true\" : \"false\"}\n aria-controls={item.id}\n class=\"stzh-header__menu-item is-level-1 has-items\"\n onClick={\n item === this.currentOpenMenuItem\n ? () => this.closeMenuItem()\n : (e) => this.openMenuItem(e, item)\n }\n >\n {item.label}\n </button>\n :\n <a href={item.href} class=\"stzh-header__menu-item is-level-1\">\n {item.label}\n </a>\n }\n {item.items?.length > 0 &&\n <ul\n id={item.id}\n class=\"stzh-header__menu-list is-level-2\"\n onFocusout={this.handleMenuListFocusout}\n >\n <li class=\"stzh-header__menu-list-item is-backlink\">\n <button class=\"stzh-header__menu-item is-level-2 is-backlink\" onClick={() => this.closeMenuItem()}>\n <stzh-icon name=\"angle-left\"></stzh-icon>\n <span>{this.menuBackLabel ? this.menuBackLabel : this.localization.menuBackLabel}</span>\n </button>\n </li>\n <li class=\"stzh-header__menu-list-item\">\n <a href={item.href} class=\"stzh-header__menu-item is-level-2 is-main\">\n {item.label}\n </a>\n </li>\n {item.items.map((item) =>\n <li class=\"stzh-header__menu-list-item\">\n <a href={item.href} class=\"stzh-header__menu-item is-level-2\">\n {item.label}\n </a>\n </li>\n )}\n </ul>\n }\n </li>\n )}\n </ul>\n </nav>\n\n {(this._metanavItems?.length > 0 || this._languages?.length > 0) &&\n <div class=\"stzh-header__menu-metanav\">\n <nav class=\"stzh-header__menu-metanav-nav\">\n <ul class=\"stzh-header__menu-metanav-list is-level-1\">\n {this._metanavItems.map((item) =>\n <li\n class={{\n 'stzh-header__menu-metanav-list-item': true,\n 'is-open': item === this.currentOpenMetanavItem\n }}>\n {item.items?.length > 0\n ?\n <button\n aria-expanded={item === this.currentOpenMetanavItem ? \"true\" : \"false\"}\n aria-controls={item.id}\n class={{\n \"stzh-header__menu-metanav-item is-level-1\": true,\n \"is-hidden\": item.stay && !item.stayAndShowInMobileMenu\n }}\n onClick={(e: MouseEvent) => {\n if (item === this.currentOpenMetanavItem) {\n this.closeMetanavItem();\n } else {\n this.openMetanavItem(e, item)\n }\n\n this.handleMetanavItemClick(e, item);\n }}\n >\n <span\n class={{\n \"stzh-header__menu-metanav-item-text\": true,\n \"is-vhidden\": item.labelHidden,\n }}\n >\n {item.label}\n </span>\n {item.icon && <stzh-icon class=\"stzh-header__menu-metanav-item-icon\" name={item.icon}></stzh-icon>}\n </button>\n :\n <a\n href={item.href}\n class={{\n \"stzh-header__menu-metanav-item is-level-1\": true,\n \"is-hidden\": item.stay && !item.stayAndShowInMobileMenu\n }}\n onClick={(e: MouseEvent) => {\n this.handleMetanavItemClick(e, item);\n }}\n >\n <span\n class={{\n \"stzh-header__menu-metanav-item-text\": true,\n \"is-vhidden\": item.labelHidden,\n }}\n >\n {item.label}\n </span>\n {item.icon && <stzh-icon class=\"stzh-header__menu-metanav-item-icon\" name={item.icon}></stzh-icon>}\n </a>\n }\n {item.items?.length > 0 &&\n <ul\n id={item.id}\n class=\"stzh-header__menu-metanav-list is-level-2\"\n >\n <li class=\"stzh-header__menu-metanav-list-item\">\n <div class=\"stzh-header__menu-metanav-item is-level-2 is-title\">\n <span>{item.label}</span>\n <stzh-button\n class=\"stzh-header__menu-metanav-item-icon\"\n variant=\"tertiary\"\n icon=\"close\"\n iconOnly={true}\n label={this.localization.closeMetanavMenuLabel?.replace(/\\{itemLabel\\}/gi, item.label)}\n onClick={() => this.closeMetanavItem()}\n ></stzh-button>\n </div>\n </li>\n {item.items.map((item) =>\n <li class=\"stzh-header__menu-metanav-list-item\">\n <a href={item.href} class=\"stzh-header__menu-metanav-item is-level-2\">\n {item.icon && <stzh-icon class=\"stzh-header__menu-metanav-item-icon\" name={item.icon}></stzh-icon>}\n <span class=\"stzh-header__menu-metanav-item-text\">\n <span>{item.label}</span>\n {item.counter &&\n <span class=\"stzh-header__menu-metanav-item-counter\">({item.counter})</span>\n }\n </span>\n </a>\n </li>\n )}\n\n {item.itemButton &&\n <li class=\"stzh-header__menu-metanav-list-item\">\n <div class=\"stzh-header__menu-metanav-item is-level-2 is-action\">\n <stzh-button\n href={item.itemButton.href}\n target={item.itemButton.target}\n >\n {item.itemButton.label}\n </stzh-button>\n </div>\n </li>\n }\n </ul>\n }\n </li>\n )}\n\n {this._languages?.length > 0 &&\n <li\n class={{\n 'stzh-header__menu-metanav-list-item': true,\n 'is-open': this.currentOpenLanguage\n }}\n >\n <button\n aria-expanded={this.currentOpenLanguage ? \"true\" : \"false\"}\n aria-controls=\"submenu-languages\"\n class=\"stzh-header__menu-metanav-item is-level-1\"\n onClick={(e) => this.openLanguage(e)}\n >\n <span>{activeLanguageOption?.text}</span>\n <stzh-icon class=\"stzh-header__menu-metanav-item-icon\" name=\"angle-down\"></stzh-icon>\n </button>\n <ul\n id=\"submenu-languages\"\n class=\"stzh-header__menu-metanav-list is-level-2\"\n >\n <div class=\"stzh-header__menu-metanav-item is-level-2 is-title\">\n <span>{this.localization.dialogLanguageTitle}</span>\n <stzh-button\n class=\"stzh-header__menu-metanav-item-icon\"\n variant=\"tertiary\"\n icon=\"close\"\n iconOnly={true}\n label={\"Sprach-Dialog schliessen\"}\n onClick={() => this.closeLanguage()}\n ></stzh-button>\n </div>\n {this._languages.map((language) =>\n <li class=\"stzh-header__menu-metanav-list-item\">\n <a\n class=\"stzh-header__menu-metanav-item is-level-2 is-language\"\n href={language.value}\n onClick={(event) => this.handleLanguageClick(event, language)}\n >\n <span>{language.text}</span>\n {activeLanguageOption?.value === language.value &&\n <stzh-icon class=\"stzh-header__menu-metanav-item-icon\" name=\"checkmark\"></stzh-icon>}\n </a>\n </li>\n )}\n </ul>\n </li>\n }\n </ul>\n </nav>\n </div>\n }\n </div>\n </div>\n }\n </header>\n </Host>\n );\n }\n}\n"],"mappings":"0PAAA,MAAMA,EAAgB,+j/BCmCtB,MAAMC,EAAkB,mB,MAcXC,EAAU,M,mPA6RbC,KAAAC,WAAuC,KACvCD,KAAAE,0BAAqC,KAiJrCF,KAAAG,uBAA0BC,IAChC,MAAMC,GAA6BD,EAAME,cACtCC,SAASH,EAAMI,eAElB,GAAIR,KAAKS,UAAYJ,EAA0B,CAC7CL,KAAKU,cAAc,M,GAIfV,KAAAW,kBAAoBC,UAC1B,GAAIZ,KAAKE,0BAA2B,CAClCF,KAAKE,0BAA4B,MACjCF,KAAKa,kB,KACA,CACLb,KAAKc,YAAcd,KAAKc,U,CAI1B,MAAMC,EAAUf,KAAKe,QAAQC,cAAc,2BAE3C,GAAID,EAAS,CACXE,OAAOC,YAAW,KAChBH,EAAQI,OAAO,GACd,I,CAILnB,KAAKoB,gBAAgB,EAGfpB,KAAAqB,oBAAsBT,UAC5BZ,KAAKc,WAAa,MAElBd,KAAKoB,gBAAgB,EAGfpB,KAAAsB,uBAAyB,CAAClB,EAAmBmB,KACnDvB,KAAKwB,qBAAqBC,KAAK,CAC7BC,UAAW,cACXH,OACAI,cAAevB,GACf,EAGIJ,KAAA4B,kBAAqBxB,IAC3BJ,KAAK6B,YAAc7B,KAAK8B,YAAYC,MAEpC/B,KAAKgC,iBAAiBP,KAAK,CACzBC,UAAW,cACXC,cAAevB,EACf2B,MAAO/B,KAAK6B,aACZ,EAGI7B,KAAAiC,mBAAsB7B,IAC5BJ,KAAK6B,YAAc7B,KAAK8B,YAAYC,MAEpC/B,KAAKkC,kBAAkBT,KAAK,CAC1BC,UAAW,cACXC,cAAevB,EACf2B,MAAO/B,KAAK6B,aACZ,EAGI7B,KAAAmC,oBAAsB,CAAC/B,EAAmBgC,KAChD,GAAIpC,KAAKqC,yBAA0B,CACjCjC,EAAMkC,gB,CAGRtC,KAAKuC,eAAiBH,EAAeL,MAErC/B,KAAKwC,mBAAmBf,KAAK,CAC3BC,UAAW,cACXK,MAAO/B,KAAKuC,gBACZ,EAGIvC,KAAAyC,mBAAqB,KAC3BzC,KAAK0C,sBAAsB,EAGrB1C,KAAA2C,aAAe,KACrB,GAAI3C,KAAK4C,SAAW,WAAY,CAC9B,M,CAGF,GAAI5C,KAAK6C,eAAgB,CACvB5B,OAAO6B,qBAAqB9C,KAAK6C,e,CAGnC7C,KAAK6C,eAAiBE,uBAAsB,KAC1CC,GAAS,K,UACPhD,KAAKS,SAAWwC,EAAM,UAAUC,QAEhClD,KAAKmD,aAAaC,EAAApD,KAAKqD,eAAW,MAAAD,SAAA,SAAAA,EAAEE,eAAgB,EACpDtD,KAAKuD,gBAAgBC,EAAAxD,KAAKyD,kBAAc,MAAAD,SAAA,SAAAA,EAAEF,eAAgB,EAC1DtD,KAAK0D,gBAAgBC,EAAA3D,KAAK4D,kBAAc,MAAAD,SAAA,SAAAA,EAAEL,eAAgB,EAE1DtD,KAAK6D,UAAY7D,KAAKe,QAAQ+C,UAC9B9D,KAAK+D,aAAe/D,KAAKuD,cAAgBvD,KAAK0D,aAAa,IAQ7DM,GAAU,KACRC,SAASC,gBAAgBC,MAAMC,YAAY,uBAAwB,GAAGpE,KAAK+D,kBAC3EE,SAASC,gBAAgBC,MAAMC,YAAY,4BAA6B,GAAGpE,KAAKmD,gBAChFc,SAASC,gBAAgBC,MAAMC,YAAY,+BAAgC,GAAGpE,KAAKuD,mBACnFU,SAASC,gBAAgBC,MAAMC,YAAY,+BAAgC,GAAGpE,KAAK0D,kBAAkB,IAGvG1D,KAAKqE,gBAAgB,GACrB,E,sCA7hBmB,+B,YAGE,gB,cAGE,e,eAGC,gB,gBAGC,gB,cAMmD,U,eAG7B,G,+CAOM,G,6CAON,G,8BAIP,M,kBAGZ,M,iDAME,I,iBAGJ,G,YAGsB,U,6CASvB,M,wEAGI,M,gBACF,M,uCAGL,M,qBACU,M,yBAEe,K,4BACM,K,yBACjB,K,CAMxC,aAAAC,CAAclE,GACZ,GAAIA,EAAMmE,MAAQ,SAAU,CAC1BvE,KAAKc,WAAa,K,EAKtB,uBAAM0D,CAAkBC,GACtB,IAAKA,EAAM,CAETzE,KAAK0E,oBAAsB,KAC3B1E,KAAK2E,uBAAyB,KAC9B3E,KAAK4E,oBAAsB,KAE3B5E,KAAKE,0BAA4B,MAEjC+D,SAASY,KAAKC,UAAUC,OAAOjF,GAC/BE,KAAKgF,iBAEL,GAAIhF,KAAKiF,KAAM,CACbjF,KAAKiF,KAAKC,Y,MAEP,CACLjB,SAASY,KAAKC,UAAUK,IAAIrF,GAC5BE,KAAKoF,kBAEL,GAAIpF,KAAKiF,KAAM,CACbjF,KAAKiF,KAAKI,U,GAQhB,kBAAMC,GACJtF,KAAKuF,WAAavF,KAAKwF,OAASxF,KAAKc,WAAad,KAAK+D,aAAe,QAGhE/D,KAAKyF,oBACXzF,KAAK0F,gBAAkB1F,KAAKwF,OAASxF,KAAKc,U,CAI5C,aAAA6E,GACE3F,KAAKoB,gB,CAKP,oBAAMA,GACJ,GAAIpB,KAAKc,WAAY,CACnB,M,CAGF,GAAId,KAAK4C,SAAW,WAAY,CAC9BqB,SAASC,gBAAgBC,MAAMC,YAAY,yBAA0B,KACrEH,SAASC,gBAAgBC,MAAMC,YAAY,6BAA8B,KACzEpE,KAAK4F,aAAe,MACpB,M,CAGF,GAAI5F,KAAK4C,SAAW,SAAU,CAC5BqB,SAASC,gBAAgBC,MAAMC,YAAY,yBAA0B,KACrEH,SAASC,gBAAgBC,MAAMC,YAAY,6BAA8B,KACzEpE,KAAK4F,aAAe,KACpB,M,CAGF,GAAI5F,KAAK6F,aAAe7F,KAAK8F,qBAAsB,CACjD,IAAK9F,KAAK4F,cAAgB5F,KAAK+F,sBAAuB,CACpD/F,KAAK4F,aAAe,KACpB3B,SAASC,gBAAgBC,MAAMC,YAAY,yBAA0B,KACrEH,SAASC,gBAAgBC,MAAMC,YAAY,6BAA8B,I,MAEtE,CACL,GAAIpE,KAAK4F,cAAgB5F,KAAK8F,qBAAsB,CAClD7B,SAASC,gBAAgBC,MAAMC,YAAY,yBAA0B,KACrEH,SAASC,gBAAgBC,MAAMC,YAAY,6BAA8B,KACzEpE,KAAK4F,aAAe,K,KACf,CACL3B,SAASC,gBAAgBC,MAAMC,YAAY,yBAA0B,KACrEH,SAASC,gBAAgBC,MAAMC,YAAY,6BAA8B,KACzEpE,KAAK4F,aAAe,K,GAM1B,cAAAvB,GACE,GAAIrE,KAAK4C,SAAW,WAAY,CAC9B,M,CAGFI,GAAS,KACPhD,KAAKgG,eAAiB/E,OAAOgF,QAC7BjG,KAAK6F,YAAc7F,KAAKkG,aAAelG,KAAKkG,YAAclG,KAAKgG,eAC/DhG,KAAKkG,YAAclG,KAAKgG,eAExBhG,KAAK8F,qBAAuB9F,KAAKgG,eAAiBhG,KAAK0D,cACvD1D,KAAK+F,sBAAwB/F,KAAKgG,eAAiBhG,KAAK+D,aAExD/D,KAAKwF,MAAQxF,KAAK+F,uBACZ/F,KAAK6F,aAAe7F,KAAK8F,sBAAwB9F,KAAK4F,cACvD5F,KAAK4C,SAAW,SAErB5C,KAAKmG,eAAiBnG,KAAK6D,UAAY7D,KAAKgG,iBAAmB,EAC/DhG,KAAKoG,SAAWpG,KAAK4C,SAAW,UAAY5C,KAAKS,UAAYT,KAAKmG,cAAgB,CAAC,IAGrFnC,GAAU,KACRhE,KAAKoB,gBAAgB,G,CAiBzB,kBAAAiF,CAAmBC,GACjBtG,KAAKuG,aAAeD,IAAa,E,CAInC,gBAAAE,CAAiBF,GACf,UAAWA,IAAa,SAAU,CAChCtG,KAAKyG,WAAaC,KAAKC,MAAML,E,KACxB,CACLtG,KAAKyG,WAAaH,C,CAGpBtG,KAAKyG,WAAazG,KAAKyG,WAAWG,KAAI,CAACC,EAAUC,IAAKC,OAAAC,OAAA,CACpDC,GAAI,WAAWH,KACZD,I,CAKP,mBAAAK,CAAoBZ,GAClB,UAAWA,IAAa,SAAU,CAChCtG,KAAKmH,cAAgBT,KAAKC,MAAML,E,KAC3B,CACLtG,KAAKmH,cAAgBb,C,CAGvBtG,KAAKmH,cAAgBnH,KAAKmH,cAAcP,KAAI,CAACQ,EAAaN,IAAKC,OAAAC,OAAA,CAC7DC,GAAI,mBAAmBH,KACpBM,I,CAKP,gBAAAC,CAAiBf,GACf,UAAWA,IAAa,SAAU,CAChCtG,KAAKsH,WAAaZ,KAAKC,MAAML,E,KACxB,CACLtG,KAAKsH,WAAahB,C,EAwCd,WAAAiB,GACN,IAAKvH,KAAKwH,cAAe,CACvB,MAAO,E,CAGT,OAAOC,MAAMC,KAAK1H,KAAKwH,cAAcG,UAAUC,QAC5CC,GAAUA,IAAU7H,KAAKe,S,CAItB,eAAAqE,GACNpF,KAAKuH,cAAcO,SAASC,IAC1BA,EAAQC,aAAa,cAAe,OAAO,G,CAIvC,cAAAhD,GACNhF,KAAKuH,cAAcO,SAASC,IAC1BA,EAAQE,gBAAgB,cAAc,G,CAIlC,iBAAAxC,GACN,OAAO,IAAIyC,SAAQC,GAAWnI,KAAKoI,qBAAuBD,G,CAGpD,oBAAAzF,GAEN,GAAIO,EAAM,uBAAuBC,SAAWD,EAAM,UAAUC,UAAYlD,KAAKqI,mBAAoB,CAC/FtB,OAAOC,OAAOhH,KAAKsI,eAAenE,MAAO,CACvCoE,OAAQ,M,KAEL,CACL,MAAMA,OAAEA,GAAWvI,KAAKqI,mBAAmBG,wBAC3CzB,OAAOC,OAAOhH,KAAKsI,eAAenE,MAAO,CACvCoE,OAAQ,GAAGA,O,EAKT,kBAAME,CAAarI,EAAmByG,GAC5C7G,KAAKc,WAAa,KAElBd,KAAKC,WAAaG,EAAME,cACxBN,KAAKqI,mBAAqBrI,KAAKe,QAAQC,cAAc,IAAI6F,EAASI,MAClEjH,KAAK0E,oBAAsBmC,QACrB7G,KAAKyF,oBAEX1C,uBAAsB,KACpB/C,KAAKsI,eAAeI,UAAY,EAEhC,MAAMC,EAAoB3I,KAAKqI,oBAC1BO,EAAS5I,KAAKqI,oBAAoB,GACvCM,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBxH,QAEnBnB,KAAK0C,sBAAsB,G,CAIvB,mBAAMhC,CAAcmI,EAAuB,MACjD7I,KAAKqI,mBAAqB,KAC1BrI,KAAK0E,oBAAsB,WACrB1E,KAAKyF,oBAEX,GAAIoD,EAAa,CACf9F,uBAAsB,KACpB/C,KAAKC,WAAWkB,QAChBnB,KAAKC,WAAa,KAElBD,KAAK0C,sBAAsB,G,EAKzB,qBAAMoG,CAAgB1I,EAAmBgH,GAC/C,IAAKpH,KAAKc,WAAY,CACpBd,KAAKE,0BAA4B,KACjCF,KAAKc,WAAa,I,CAGpBd,KAAKC,WAAaG,EAAME,cACxBN,KAAK2E,uBAAyByC,QACxBpH,KAAKyF,oBAEX1C,uBAAsB,KACpB,MAAMgG,EAA4B/I,KAAKe,QAAQC,cAAc,IAAIoG,EAAYH,MAC7E,MAAM0B,EAAoBI,GACrBH,EAASG,GAA2B,GACzCJ,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBxH,OAAO,G,CAItB,sBAAMN,GACZb,KAAK2E,uBAAyB,KAE9B,GAAI3E,KAAKE,0BAA2B,CAClCF,KAAKc,WAAa,K,OAGdd,KAAKyF,oBAEX1C,uBAAsB,KACpB/C,KAAKC,WAAWkB,QAChBnB,KAAKC,WAAa,IAAI,G,CAIlB,kBAAM+I,CAAa5I,GACzB,IAAKJ,KAAKc,WAAY,CACpBd,KAAKE,0BAA4B,KACjCF,KAAKc,WAAa,I,CAGpBd,KAAKC,WAAaG,EAAME,cACxBN,KAAK4E,oBAAsB,WACrB5E,KAAKyF,oBAEX1C,uBAAsB,KACpB,MAAMgG,EAA4B/I,KAAKe,QAAQC,cAAc,sBAC7D,MAAM2H,EAAoBI,GACrBH,EAASG,GAA2B,GACzCJ,IAAiB,MAAjBA,SAAiB,SAAjBA,EAAmBxH,OAAO,G,CAItB,mBAAM8H,GACZjJ,KAAK4E,oBAAsB,MAE3B,GAAI5E,KAAKE,0BAA2B,CAClCF,KAAKc,WAAa,K,OAGdd,KAAKyF,oBAEX1C,uBAAsB,KACpB/C,KAAKC,WAAWkB,QAChBnB,KAAKC,WAAa,IAAI,G,CA0H1B,uBAAMiJ,GACJlJ,KAAKwG,iBAAiBxG,KAAKmJ,WAC3BnJ,KAAKkH,oBAAoBlH,KAAKoJ,cAC9BpJ,KAAKqH,iBAAiBrH,KAAKqJ,WAC3BrJ,KAAKqG,mBAAmBrG,KAAK6B,aAE7B,IAAK7B,KAAKsJ,aAAc,CACtBtJ,KAAKsJ,mBAAqBrI,OAAOsI,eAAeC,MAAMC,kBAAkBzJ,KAAKe,QAAS,S,EAI1F,kBAAA2I,GACE,GAAI1J,KAAKoI,qBAAsB,CAC7BpI,KAAKoI,sB,CAGP,GAAIpI,KAAK2J,eAAiB3J,KAAK4J,qBAAsB,CACnD5J,KAAK4J,qBAAqBC,QAAQ7J,KAAK2J,c,EAI3C,gBAAAG,GACE9J,KAAKiF,KAAO8E,EAAgB/J,KAAKe,QAAOgG,OAAAC,OAAAD,OAAAC,OAAA,GACnCgD,KAA4B,CAC/BC,aAAc,SAGhBjK,KAAK4J,qBAAuB,IAAIM,eAAelK,KAAKyC,oBACpD,GAAIzC,KAAK2J,cAAe,CACtB3J,KAAK4J,qBAAqBC,QAAQ7J,KAAK2J,c,EAI3C,iBAAAQ,GACEnK,KAAKwH,cAAgBxH,KAAKe,QAAQyG,cAElCxH,KAAKoK,eAAiB,IAAIF,eAAelK,KAAK2C,cAC9C3C,KAAKoK,eAAeP,QAAQ7J,KAAKe,Q,CAGnC,oBAAAsJ,G,QACErK,KAAKwE,kBAAkB,QACvBpB,EAAApD,KAAKoK,kBAAc,MAAAhH,SAAA,SAAAA,EAAEkH,cACrB9G,EAAAxD,KAAK4J,wBAAoB,MAAApG,SAAA,SAAAA,EAAE8G,Y,CAG7B,MAAAC,G,gBACE,MAAMC,EAA6BC,EAAQzK,KAAKe,QAAS,kBACzD,MAAM2J,EAA4BD,EAAQzK,KAAKe,QAAS,iBAExD,MAAM4J,EAAU,CACd,cAAe,KACf,8BAA+B3K,KAAKc,WACpC,gCAAiCd,KAAKuG,aACtC,wBAAyBvG,KAAKwF,MAC9B,mCAAoCxF,KAAK0F,gBACzC,yBAA0B1F,KAAK4F,aAC/B,yBAA0B5F,KAAKoG,SAC/B,yCAA0CoE,IAAsBE,GAC3D1K,KAAKmH,cAAcS,QAAOrG,GAAQA,EAAKqJ,MAAQrJ,EAAKsJ,0BAAyBC,SAAW,GACxF9K,KAAKyG,WAAWqE,SAAW,IAC1B9K,KAAKsH,WAAWwD,SAAW,GACvB9K,KAAKsH,WAAWwD,OAAS,IAAM9K,KAAK+K,gBACxC/K,KAAKgL,aACX,kCAAmCR,IAAsBE,GACpD1K,KAAKmH,cAAc2D,SAAW,GAC9B9K,KAAKyG,WAAWqE,SAAW,GAC3B9K,KAAKsH,WAAWwD,SAAW,IAC1B9K,KAAKgL,aACX,CAAC,uBAAuBhL,KAAK4C,YAAa5C,KAAK4C,QAGjD,MAAMqI,EAAiBjL,KAAKuC,gBAAmBtB,OAAOsI,eAAeC,MAAM0B,UAAUlL,KAAKe,SAC1F,MAAMoK,IAAuB/H,EAAApD,KAAKsH,cAAU,MAAAlE,SAAA,SAAAA,EACxCgI,MAAK,EAAGrJ,WAAYA,IAAUkJ,QAAmBzH,EAAAxD,KAAKsH,cAAU,MAAA9D,SAAA,SAAAA,EAAG,KAAM,KAE7E,MAAM6H,EAA0B,CAAC9J,EAA6B+J,EAAsDC,K,MAClH,MAAMC,IAAUpI,EAAA7B,EAAKkK,SAAK,MAAArI,SAAA,SAAAA,EAAE0H,QAAS,GAAKvJ,EAAKmK,aAAenK,EAAKoK,KAAO,SAAW,IAErF,OACEC,EAACJ,EAAOzE,OAAAC,OAAA,GACFuE,EAAoB,CACxBI,KAAMH,IAAY,KAAOjK,EAAKoK,KAC9BE,OAAQL,IAAY,KAAOjK,EAAKsK,OAChCC,MAAK/E,OAAAC,OAAA,CACH,4BAA6B,KAC7B,WAAYzF,EAAKwK,UACjB,UAAWxK,EAAKqJ,MAAQrJ,EAAKsJ,yBACzBS,GAAqB,MAG3BM,EAAA,QACEE,MAAO,CACL,iCAAkC,KAClC,aAAcvK,EAAKyK,YACnB,sBAAuBzK,EAAK0K,aAG9BL,EAAA,QAAME,MAAM,6CAA6CvK,EAAK2K,OAC9DN,EAAA,QAAME,MAAM,6CAA4C,cAAa,QAAQvK,EAAK0K,aAEnF1K,EAAK4K,MACJP,EAAA,QAAME,MAAM,qCACTvK,EAAK4K,MAAQP,EAAA,aAAWE,MAAO,6BAA6BvK,EAAK6K,SAAW,WAAa,KAAMC,KAAM9K,EAAK4K,OAC1G5K,EAAK6K,UAAYR,EAAA,aAAWE,MAAM,oCAAoCO,KAAM9K,EAAK6K,YAChF7K,EAAK+K,OAAS/K,EAAKgL,aACnBX,EAAA,cAAYE,MAAM,kCAAkCI,MAAO3K,EAAK+K,MAAOE,YAAajL,EAAKkL,YAAc,YAAc,QAAUlL,EAAKkL,aAIlI,EAId,OACEb,EAACc,EAAI,KACHd,EAAA,UAAQE,MAAOnB,GACbiB,EAAA,OAAKE,MAAM,sBAAsB3H,MAAO,CAACoB,WAAY,GAAGvF,KAAKuF,iBAC3DqG,EAAA,OACEE,MAAM,sBAGNF,EAAA,OACEE,MAAM,oBACNa,IAAMC,GAAQ5M,KAAKqD,YAAcuJ,GAEjChB,EAAA,OACEE,MAAM,uBACNa,IAAMC,GAAQ5M,KAAK4D,eAAiBgJ,GAEpChB,EAAA,OAAKE,MAAM,6BACTF,EAAA,KAAGD,KAAM3L,KAAK2L,KAAMG,MAAM,yBAAwB,cAAc9L,KAAK6M,iBAAmB,eACtFjB,EAAA,QAAMS,KAAK,WAGfT,EAAA,OAAKE,MAAM,qCAGbF,EAAA,OACEE,MAAM,uBACNa,IAAMC,GAAQ5M,KAAKyD,eAAiBmJ,GAEpChB,EAAA,OAAKE,MAAM,8BACR9L,KAAKyG,WAAWqE,OAAS,GACxBc,EAAA,UACE3E,GAAIjH,KAAK8M,OACThB,MAAO,uBAAuB9L,KAAKc,aAAed,KAAKE,2BAA6B,YACpF6M,QAAS/M,KAAKW,mBAEdiL,EAAA,aACEE,MAAM,oCACNO,KAAK,SAEPT,EAAA,aACEE,MAAM,mCACNO,KAAK,UAEPT,EAAA,OAAKE,MAAM,4BACR9L,KAAKsJ,aAAa0D,YAIxBhN,KAAKgL,cACJY,EAAA,QACEE,MAAM,8BACNmB,OAAQjN,KAAKgL,aACbkC,KAAK,UAELtB,EAAA,SAAOE,MAAM,uBACXF,EAAA,SACE3E,GAAIjH,KAAKmN,SACTR,IAAMC,GAAQ5M,KAAK8B,YAAc8K,EACjCd,MAAM,4BACNU,KAAK,SACLH,KAAMrM,KAAKoN,gBACXC,SAAUrN,KAAKiC,mBACfqL,QAAStN,KAAK4B,oBAEhBgK,EAAA,aAAWE,MAAM,2BAA2BO,KAAK,WACjDT,EAAA,OAAKE,MAAM,4BAA4B9L,KAAKsJ,aAAaiE,eAI/D3B,EAAA,OAAKE,MAAM,2BAA2B7E,GAAIjH,KAAKwN,WAC7C5B,EAAA,QAAMS,KAAK,mBAEVrM,KAAKmH,cAAcP,KAAKrF,I,QACvB,QAAC6B,EAAA7B,EAAKkK,SAAK,MAAArI,SAAA,SAAAA,EAAE0H,QAAS,GAAKvJ,EAAKmK,WAE5BE,EAAC6B,EAAQ,KACNpC,EAAwB9J,EAAM,CAC7B,oBAAqB,MACpB,CACD,gBAAiBA,IAASvB,KAAK2E,uBAAyB,OAAS,QACjE,gBAAiBpD,EAAK0F,GACtB8F,QAAUW,IACR,GAAInM,IAASvB,KAAK2E,uBAAwB,CACxC3E,KAAKa,kB,KACA,CACLb,KAAK8I,gBAAgB4E,EAAGnM,E,CAG1BvB,KAAKsB,uBAAuBoM,EAAGnM,EAAK,IAGxCqK,EAAA,gBACEE,MAAO,CACL,+BAAgC,MAElC6B,UAAU,aACVC,SAAU,GACVC,QAAStM,EAAKsM,QACdC,YAAavM,EAAKuM,OAAS,YAAc,QAAUvM,EAAKuM,MAEvDzC,EAAwB9J,EAAM,CAC7B,qBAAsB,MACrB,CACDwL,QAAUW,IACR1N,KAAKsB,uBAAuBoM,EAAGnM,EAAK,IAGxCqK,EAAA,OAAKmC,KAAK,aACPvK,EAAAjC,EAAKkK,SAAK,MAAAjI,SAAA,SAAAA,EAAEsH,QAAS,GACpBc,EAAA,iBACGrK,EAAKkK,MAAM7E,KAAKoH,GACfpC,EAAA,kBACEE,MAAO,CACL,iCAAkC,KAClC,kBAAmBvK,EAAK0M,mBAAqB,aAAe1M,EAAK0M,kBAEnEH,YAAavM,EAAKuM,OAAS,YAAc,QAAUvM,EAAKuM,KACxDD,QAAStM,EAAKsM,QACdlC,KAAMqC,EAAUrC,KAChBE,OAAQmC,EAAUnC,OAClBM,KAAM6B,EAAU7B,KAChB+B,QAASF,EAAUE,QACnB5B,MAAO0B,EAAU1B,MACjBG,UAAWuB,EAAUvB,WAEpBuB,EAAU9B,WAMpB3K,EAAKmK,YACJE,EAAA,eACEmC,KAAK,SACLD,KAAMvM,EAAKmK,WAAWoC,KACtBnC,KAAMpK,EAAKmK,WAAWC,KACtBE,OAAQtK,EAAKmK,WAAWG,QAEvBtK,EAAKmK,WAAWQ,SAM3Bb,EAAwB9J,EAAM,GAAI,CAChCwL,QAAUW,IACR1N,KAAKsB,uBAAuBoM,EAAGnM,EAAK,GAEtC,MAGLoC,EAAA3D,KAAKsH,cAAU,MAAA3D,SAAA,SAAAA,EAAEmH,QAAS,GACzBc,EAAC6B,EAAQ,KACP7B,EAAA,MAAI3E,GAAIjH,KAAKmO,WAAYrC,MAAM,wBAC5B9L,KAAKsJ,aAAa8E,eAEpBpO,KAAKyG,WAAWqE,OAAS,GAAK9K,KAAK+K,cAClCa,EAAA,UACEE,MAAO,CACL,4BAA6B,KAC7B,oBAAqB,KACrB,UAAW9L,KAAK+K,cACjB,gBACc/K,KAAK4E,oBAAsB,OAAS,QAAO,gBAC5C,oBACdmI,QAAUW,IACR,GAAI1N,KAAK4E,oBAAqB,CAC5B5E,KAAKiJ,e,KACA,CACLjJ,KAAKgJ,aAAa0E,E,IAItB9B,EAAA,QAAME,MAAM,kCAAkCX,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBkD,MACpEzC,EAAA,aAAWE,MAAM,qCAAqCO,KAAK,eAC3DT,EAAA,aAAWE,MAAM,oCAAoCO,KAAK,cAG9DT,EAAA,gBACEE,MAAM,0CACN6B,UAAU,aACVC,SAAU,IAEVhC,EAAA,UACEE,MAAO,CACL,4BAA6B,KAC7B,qBAAsB9L,KAAKyG,WAAWqE,OAAS,EAC/C,UAAW9K,KAAK+K,eAGlBa,EAAA,QAAME,MAAM,kCAAkCX,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBkD,MACpEzC,EAAA,aAAWE,MAAM,qCAAqCO,KAAK,eAC3DT,EAAA,aAAWE,MAAM,oCAAoCO,KAAK,cAE5DT,EAAA,OAAKmC,KAAK,WACRnC,EAAA,iBACG5L,KAAKsH,WAAWV,KAAK0H,GACpB1C,EAAA,kBACEE,MAAM,iCACNyC,QAAQpD,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBpJ,SAAUuM,EAASvM,MACjD4J,KAAM2C,EAASvM,MACfgL,QAAU3M,GAAUJ,KAAKmC,oBAAoB/B,EAAOkO,IAEnDA,EAASD,YASxBzC,EAAA,QAAMS,KAAK,wBAQtBrM,KAAKyG,WAAWqE,OAAS,GACxBc,EAAA,OACEe,IAAMC,GAAQ5M,KAAK2J,cAAgBiD,EACnCd,MAAM,uBAENF,EAAA,OAAKE,MAAM,+BAA+BiB,QAAS/M,KAAKqB,sBACxDuK,EAAA,OAAKE,MAAM,kCACXF,EAAA,OAAKE,MAAM,qBACTF,EAAA,OACEE,MAAM,wBACNa,IAAMC,GAAQ5M,KAAKsI,eAAiBsE,EAAkB,aAC1C5M,KAAKsJ,aAAakF,iBAE9B5C,EAAA,MAAIE,MAAM,qCACP9L,KAAKyG,WAAWG,KAAKrF,I,QACpB,OAAAqK,EAAA,MACEE,MAAO,CACL,8BAA+B,KAC/B,UAAWvK,IAASvB,KAAK0E,wBAG1BtB,EAAA7B,EAAKkK,SAAK,MAAArI,SAAA,SAAAA,EAAE0H,QAAS,EAEpBc,EAAA,0BACiBrK,IAASvB,KAAK0E,oBAAsB,OAAS,QAAO,gBACpDnD,EAAK0F,GACpB6E,MAAM,8CACNiB,QACExL,IAASvB,KAAK0E,oBACZ,IAAM1E,KAAKU,gBACVgN,GAAM1N,KAAKyI,aAAaiF,EAAGnM,IAG/BA,EAAK2K,OAGRN,EAAA,KAAGD,KAAMpK,EAAKoK,KAAMG,MAAM,qCACvBvK,EAAK2K,SAGT1I,EAAAjC,EAAKkK,SAAK,MAAAjI,SAAA,SAAAA,EAAEsH,QAAS,GACpBc,EAAA,MACE3E,GAAI1F,EAAK0F,GACT6E,MAAM,oCACN2C,WAAYzO,KAAKG,wBAEjByL,EAAA,MAAIE,MAAM,2CACRF,EAAA,UAAQE,MAAM,gDAAgDiB,QAAS,IAAM/M,KAAKU,iBAChFkL,EAAA,aAAWS,KAAK,eAChBT,EAAA,YAAO5L,KAAK0O,cAAgB1O,KAAK0O,cAAgB1O,KAAKsJ,aAAaoF,iBAGvE9C,EAAA,MAAIE,MAAM,+BACRF,EAAA,KAAGD,KAAMpK,EAAKoK,KAAMG,MAAM,6CACvBvK,EAAK2K,QAGT3K,EAAKkK,MAAM7E,KAAKrF,GACfqK,EAAA,MAAIE,MAAM,+BACRF,EAAA,KAAGD,KAAMpK,EAAKoK,KAAMG,MAAM,qCACvBvK,EAAK2K,WAMb,SAKTyC,EAAA3O,KAAKmH,iBAAa,MAAAwH,SAAA,SAAAA,EAAE7D,QAAS,KAAK8D,EAAA5O,KAAKsH,cAAU,MAAAsH,SAAA,SAAAA,EAAE9D,QAAS,IAC5Dc,EAAA,OAAKE,MAAM,6BACTF,EAAA,OAAKE,MAAM,iCACTF,EAAA,MAAIE,MAAM,6CACP9L,KAAKmH,cAAcP,KAAKrF,I,UACvB,OAAAqK,EAAA,MACEE,MAAO,CACL,sCAAuC,KACvC,UAAWvK,IAASvB,KAAK2E,2BAE1BvB,EAAA7B,EAAKkK,SAAK,MAAArI,SAAA,SAAAA,EAAE0H,QAAS,EAEpBc,EAAA,0BACiBrK,IAASvB,KAAK2E,uBAAyB,OAAS,QAAO,gBACvDpD,EAAK0F,GACpB6E,MAAO,CACL,4CAA6C,KAC7C,YAAavK,EAAKqJ,OAASrJ,EAAKsJ,yBAElCkC,QAAUW,IACR,GAAInM,IAASvB,KAAK2E,uBAAwB,CACxC3E,KAAKa,kB,KACA,CACLb,KAAK8I,gBAAgB4E,EAAGnM,E,CAG1BvB,KAAKsB,uBAAuBoM,EAAGnM,EAAK,GAGtCqK,EAAA,QACEE,MAAO,CACL,sCAAuC,KACvC,aAAcvK,EAAKyK,cAGpBzK,EAAK2K,OAEP3K,EAAK4K,MAAQP,EAAA,aAAWE,MAAM,sCAAsCO,KAAM9K,EAAK4K,QAGlFP,EAAA,KACED,KAAMpK,EAAKoK,KACXG,MAAO,CACL,4CAA6C,KAC7C,YAAavK,EAAKqJ,OAASrJ,EAAKsJ,yBAElCkC,QAAUW,IACR1N,KAAKsB,uBAAuBoM,EAAGnM,EAAK,GAGtCqK,EAAA,QACEE,MAAO,CACL,sCAAuC,KACvC,aAAcvK,EAAKyK,cAGpBzK,EAAK2K,OAEP3K,EAAK4K,MAAQP,EAAA,aAAWE,MAAM,sCAAsCO,KAAM9K,EAAK4K,UAGnF3I,EAAAjC,EAAKkK,SAAK,MAAAjI,SAAA,SAAAA,EAAEsH,QAAS,GACpBc,EAAA,MACE3E,GAAI1F,EAAK0F,GACT6E,MAAM,6CAENF,EAAA,MAAIE,MAAM,uCACRF,EAAA,OAAKE,MAAM,sDACTF,EAAA,YAAOrK,EAAK2K,OACZN,EAAA,eACEE,MAAM,sCACN+B,QAAQ,WACR1B,KAAK,QACL0C,SAAU,KACV3C,OAAOvI,EAAA3D,KAAKsJ,aAAawF,yBAAqB,MAAAnL,SAAA,SAAAA,EAAEoL,QAAQ,kBAAmBxN,EAAK2K,OAChFa,QAAS,IAAM/M,KAAKa,uBAIzBU,EAAKkK,MAAM7E,KAAKrF,GACfqK,EAAA,MAAIE,MAAM,uCACRF,EAAA,KAAGD,KAAMpK,EAAKoK,KAAMG,MAAM,6CACvBvK,EAAK4K,MAAQP,EAAA,aAAWE,MAAM,sCAAsCO,KAAM9K,EAAK4K,OAChFP,EAAA,QAAME,MAAM,uCACVF,EAAA,YAAOrK,EAAK2K,OACX3K,EAAK2M,SACJtC,EAAA,QAAME,MAAM,0CAAwC,IAAGvK,EAAK2M,QAAO,UAO5E3M,EAAKmK,YACJE,EAAA,MAAIE,MAAM,uCACRF,EAAA,OAAKE,MAAM,uDACTF,EAAA,eACED,KAAMpK,EAAKmK,WAAWC,KACtBE,OAAQtK,EAAKmK,WAAWG,QAEvBtK,EAAKmK,WAAWQ,UAO1B,MAGN8C,EAAAhP,KAAKsH,cAAU,MAAA0H,SAAA,SAAAA,EAAElE,QAAS,GACzBc,EAAA,MACEE,MAAO,CACL,sCAAuC,KACvC,UAAW9L,KAAK4E,sBAGlBgH,EAAA,0BACiB5L,KAAK4E,oBAAsB,OAAS,QAAO,gBAC5C,oBACdkH,MAAM,4CACNiB,QAAUW,GAAM1N,KAAKgJ,aAAa0E,IAElC9B,EAAA,YAAOT,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBkD,MAC7BzC,EAAA,aAAWE,MAAM,sCAAsCO,KAAK,gBAE9DT,EAAA,MACE3E,GAAG,oBACH6E,MAAM,6CAENF,EAAA,OAAKE,MAAM,sDACTF,EAAA,YAAO5L,KAAKsJ,aAAa2F,qBACzBrD,EAAA,eACEE,MAAM,sCACN+B,QAAQ,WACR1B,KAAK,QACL0C,SAAU,KACV3C,MAAO,2BACPa,QAAS,IAAM/M,KAAKiJ,mBAGvBjJ,KAAKsH,WAAWV,KAAK0H,GACpB1C,EAAA,MAAIE,MAAM,uCACRF,EAAA,KACEE,MAAM,wDACNH,KAAM2C,EAASvM,MACfgL,QAAU3M,GAAUJ,KAAKmC,oBAAoB/B,EAAOkO,IAEpD1C,EAAA,YAAO0C,EAASD,OACflD,IAAoB,MAApBA,SAAoB,SAApBA,EAAsBpJ,SAAUuM,EAASvM,OACxC6J,EAAA,aAAWE,MAAM,sCAAsCO,KAAK,0B"}

package/dist/stzh-components/p-2bbbc217.entry.js DELETED Viewed

@@ -1,9 +0,0 @@
-import{r as t,c as e,h as o,a as i,g as r}from"./p-c7bfac7a.js";import{h as s}from"./p-7e304ea3.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 i=this._events[t];if(i===undefined)return;i.splice(i.indexOf(e),1);this._events[t]=i}))}trigger(t,...e){var o=this;a(t,(t=>{const i=o._events[t];if(i===undefined)return;i.forEach((t=>{t.apply(o,e)}))}))}}function h(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 i=this;const r=[];if(Array.isArray(t)){t.forEach((t=>{if(typeof t==="string"){r.push(t)}else{i.plugins.settings[t.name]=t.options;r.push(t.name)}}))}else if(t){for(e in t){if(t.hasOwnProperty(e)){i.plugins.settings[e]=t[e];r.push(e)}}}while(o=r.shift()){i.require(o)}}loadPlugin(e){var o=this;var i=o.plugins;var r=t.plugins[e];if(!t.plugins.hasOwnProperty(e)){throw new Error('Unable to find "'+e+'" plugin')}i.requested[e]=true;i.loaded[e]=r.fn.apply(o,[o.plugins.settings[e]||{}]);i.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 d=t=>{t=t.filter(Boolean);if(t.length<2){return t[0]||""}return v(t)==1?"["+t.join("")+"]":"(?:"+t.join("|")+")"};const c=t=>{if(!u(t)){return t.join("")}let e="";let o=0;const i=()=>{if(o>1){e+="{"+o+"}"}};t.forEach(((r,s)=>{if(r===t[s-1]){o++;return}i();e+=r;o=1}));i();return e};const p=t=>{let e=z(t);return d(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 i=g(o);i.forEach((function(o){let i=o.slice(0);i[0]=t.charAt(0)+i[0];e.push(i);i=o.slice(0);i.unshift(t.charAt(0));e.push(i)}));return e};
-/*! @orchidjs/unicode-variants | https://github.com/orchidjs/unicode-variants | Apache License (v2) */const w=[[0,65535]];const _="[̀-ͯ·ʾʼ]";let b;let x;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 i=e.substring(o,o+1);k[i]=t}}const S=new RegExp(Object.keys(k).join("|")+"|"+_,"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 i=e[t]||new Set;const r=new RegExp("^"+p(i)+"$","iu");if(o.match(r)){return}i.add(f(o));e[t]=i};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 i=[];for(let t in e){let r=e[t];if(r){o[t]=p(r)}if(t.length>1){i.push(f(t))}}i.sort(((t,e)=>e.length-t.length));const r=d(i);x=new RegExp("^"+r,"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 c(t)}return""};const L=(t,e=1)=>{e=Math.max(e,t.length-1);return d(g(t).map((t=>E(t,e))))};const R=(t,e=true)=>{let o=t.length>1?1:0;return d(t.map((t=>{let i=[];const r=e?t.length():t.length()-1;for(let e=0;e<r;e++){i.push(L(t.substrs[e]||"",o))}return c(i)})))};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 i=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 r=o.parts.filter(i);if(r.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 i=JSON.parse(JSON.stringify(this.parts));let r=i.pop();for(const t of i){o.add(t)}let s=e.substr.substring(0,t-r.start);let n=s.length;o.add({start:r.start,end:r.start+n,length:n,substr:s});return o}}const N=t=>{F();t=$(t);let e="";let o=[new D];for(let i=0;i<t.length;i++){let r=t.substring(i);let s=r.match(x);const n=t.substring(i,i+1);const a=s?s[0]:null;let l=[];let h=new Set;for(const t of o){const e=t.last();if(!e||e.length==1||e.end<=i){if(a){const e=a.length;t.add({start:i,end:i+e,length:e,substr:a});h.add("1")}else{t.add({start:i,end:i+1,length:1,substr:n});h.add("2")}}else if(a){let o=t.clone(i,e);const r=a.length;o.add({start:i,end:i+r,length:r,substr:a});l.push(o)}else{h.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(i>0&&h.size==1&&!h.has("3")){e+=R(o,false);let t=new D;const i=o[0];if(i){t.add(i.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,i=e.split(".");while((o=i.shift())&&(t=t[o]));return t};const P=(t,e,o)=>{var i,r;if(!t)return 0;t=t+"";if(e.regex==null)return 0;r=t.search(e.regex);if(r===-1)return 0;i=e.string.length/t.length;if(r===0)i+=.5;return i*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 i=[];const r=t.split(/\s+/);var s;if(o){s=new RegExp("^("+Object.keys(o).map(f).join("|")+"):(.*)$")}r.forEach((t=>{let o;let r=null;let n=null;if(s&&(o=t.match(s))){r=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}i.push({string:t,regex:n?new RegExp(n,"iu"):null,field:r})}));return i}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 i=t.options.fields,r=t.weights,s=i.length,n=t.getAttrFn;if(!s){return function(){return 1}}const a=function(){if(s===1){return function(t,e){const o=i[0].field;return P(n(e,o),t,r[o]||1)}}return function(t,e){var o=0;if(t.field){const i=n(e,t.field);if(!t.regex&&i){o+=1/s}else{o+=P(i,t,1)}}else{J(r,((i,r)=>{o+=P(n(e,r),t,i)}))}return o/s}}();if(o===1){return function(t){return a(e[0],t)}}if(t.options.conjunction==="and"){return function(t){var i,r=0;for(let o of e){i=a(o,t);if(i<=0)return 0;r+=i}return r/o}}else{return function(t){var i=0;J(e,(e=>{i+=a(e,t)}));return i/o}}}getSortFunction(t,e){var o=this.prepareSearch(t,e);return this._getSortFunction(o)}_getSortFunction(t){var e,o=[];const i=this,r=t.options,s=!t.query&&r.sort_empty?r.sort_empty:r.sort;if(typeof s=="function"){return s.bind(this)}const n=function e(o,r){if(o==="$score")return r.score;return t.getAttrFn(i.items[r.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 i,r;for(let s of o){r=s.field;let o=s.direction==="desc"?-1:1;i=o*B(n(r,t),n(r,e));if(i)return i}return 0}}prepareSearch(t,e){const o={};var i=Object.assign({},e);V(i,"sort");V(i,"sort_empty");if(i.fields){V(i,"fields");const t=[];i.fields.forEach((e=>{if(typeof e=="string"){e={field:e,weight:1}}t.push(e);o[e.field]="weight"in e?e.weight:1}));i.fields=t}return{options:i,query:t.toLowerCase().trim(),tokens:this.tokenize(t,i.respect_word_boundaries,o),total:0,items:[],weights:o,getAttrFn:i.nesting?W:q}}search(t,e){var o=this,i,r;r=this.prepareSearch(t,e);e=r.options;t=r.query;const s=e.score||o._getScoreFunction(r);if(t.length){J(o.items,((t,o)=>{i=s(t);if(e.filter===false||i>0){r.items.push({score:i,id:o})}}))}else{J(o.items,((t,e)=>{r.items.push({score:1,id:e})}))}const n=o._getSortFunction(r);if(n)r.items.sort(n);r.total=r.items.length;if(typeof e.limit==="number"){r.items=r.items.slice(0,e.limit)}return r}}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 it=(t,e,o)=>{if(o&&!o.contains(t)){return}while(t&&t.matches){if(t.matches(e)){return t}t=t.parentNode}};const rt=(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 ht=(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 i=document.createElement("span");i.className="highlight";var r=t.splitText(o.index);r.splitText(o[0].length);var s=r.cloneNode(true);i.appendChild(s);lt(r,i);return 1}return 0};const i=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=>{r(t)}))}};const r=t=>{if(t.nodeType===3){return o(t)}i(t);return 0};r(t)};const dt=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 ct=65;const pt=13;const ut=27;const ft=37;const vt=38;const mt=39;const zt=40;const gt=8;const wt=46;const _t=9;const bt=typeof navigator==="undefined"?false:/Mac/.test(navigator.userAgent);const xt=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(i,r){var s=this;if(o){s.loading=Math.max(s.loading-1,0);clearTimeout(o)}o=setTimeout((function(){o=null;s.loadedSearches[i]=true;t.call(s,i,r)}),e)}};const At=(t,e,o)=>{var i;var r=t.trigger;var s={};t.trigger=function(){var o=arguments[0];if(e.indexOf(o)!==-1){s[o]=arguments}else{return r.apply(t,arguments)}};o.apply(t,[]);t.trigger=r;for(i of e){if(i in s){r.apply(t,s[i])}}};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,i)=>{t.addEventListener(e,o,i)};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 i=o.dataAttr;var r=o.labelField;var s=o.valueField;var n=o.disabledField;var a=o.optgroupField;var l=o.optgroupLabelField;var h=o.optgroupValueField;var d=t.tagName.toLowerCase();var c=t.getAttribute("placeholder")||t.getAttribute("data-placeholder");if(!c&&!o.allowEmptyOption){let e=t.querySelector('option[value=""]');if(e){c=e.textContent}}var p={placeholder:c,options:[],optgroups:[],items:[],maxItems:null};var u=()=>{var e;var d=p.options;var c={};var u=1;var f=t=>{var e=Object.assign({},t.dataset);var o=i&&e[i];if(typeof o==="string"&&o.length){e=Object.assign(e,JSON.parse(o))}return e};var v=(t,e)=>{var i=kt(t.value);if(i==null)return;if(!i&&!o.allowEmptyOption)return;if(c.hasOwnProperty(i)){if(e){var l=c[i][a];if(!l){c[i][a]=e}else if(!Array.isArray(l)){c[i][a]=[l,e]}else{l.push(e)}}}else{var h=f(t);h[r]=h[r]||t.textContent;h[s]=h[s]||i;h[n]=h[n]||t.disabled;h[a]=h[a]||e;h.$option=t;c[i]=h;d.push(h)}if(t.selected){p.items.push(i)}};var m=t=>{var e,o;o=f(t);o[l]=o[l]||t.getAttribute("label")||"";o[h]=o[h]||u++;o[n]=o[n]||t.disabled;p.optgroups.push(o);e=o[h];K(t.children,(t=>{v(t,e)}))};p.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(i);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[r]=t;e[s]=t;p.options.push(e)}));p.items=e}else{p.options=JSON.parse(e);K(p.options,(t=>{p.items.push(t[s])}))}};if(d==="select"){u()}else{f()}return Object.assign({},yt,p,e)}var Mt=0;class Dt extends(h(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 i=G(t);if(i.tomselect){throw new Error("Tom Select already initialized on this element")}i.tomselect=this;var r=window.getComputedStyle&&window.getComputedStyle(i,null);o=r.getPropertyValue("direction");const s=Rt(i,e);this.settings=s;this.input=i;this.tabIndex=i.tabIndex||0;this.is_select_tag=i.tagName.toLowerCase()==="select";this.rtl=/rtl/i.test(o);this.inputId=Tt(i,"tomselect-"+Mt);this.isRequired=i.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 h=this._render("dropdown");const d=G(`<div role="listbox" tabindex="-1">`);const c=this.input.getAttribute("class")||"";const p=s.mode;var u;Z(a,s.wrapperClass,c,p);Z(l,s.controlClass);Lt(a,l);Z(h,s.dropdownClass,p);if(s.copyClassesToDropdown){Z(h,c)}Z(d,s.dropdownContentClass);Lt(h,d);G(s.dropdownParent||a).appendChild(h);if(U(s.controlInput)){u=G(s.controlInput);var f=["autocorrect","autocapitalize","autocomplete"];J(f,(t=>{if(i.getAttribute(t)){at(u,{[t]:i.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=h;this.dropdown_content=d;this.control=l;this.control_input=u;this.setup()}setup(){const t=this;const e=t.settings;const o=t.control_input;const i=t.dropdown;const r=t.dropdown_content;const s=t.wrapper;const n=t.control;const a=t.input;const l=t.focus_node;const h={passive:true};const d=t.inputId+"-ts-dropdown";at(r,{id:d});at(l,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":d});const c=Tt(l,t.inputId+"-ts-control");const p="label[for='"+Y(t.inputId)+"']";const u=document.querySelector(p);const v=t.focus.bind(t);const m=a.getAttribute("aria-labelledby");if(u){It(u,"click",v);at(u,{for:c})}if(m){at(l,{"aria-labelledby":m});at(r,{"aria-labelledby":m})}s.style.width=a.style.width;if(t.plugins.names.length){const e="plugin-"+t.plugins.names.join(" plugin-");Z([s,i],e)}if(e.mode==="multi"){at(r,{"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(i,"mousemove",(()=>{t.ignoreHover=false}));It(i,"mouseenter",(e=>{var o=it(e.target,"[data-selectable]",i);if(o)t.onOptionHover(e,o)}),{capture:true});It(i,"click",(e=>{const o=it(e.target,"[data-selectable]");if(o){t.onOptionSelect(e,o);Ct(e,true)}}));It(n,"click",(e=>{var i=it(e.target,"[data-ts-item]",n);if(i&&t.onItemSelect(e,i)){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 r=e.composedPath()[0];if(!s.contains(r)&&!i.contains(r)){if(t.isFocused){t.blur()}t.inputState();return}if(r==o&&t.isOpen){e.stopPropagation()}else{Ct(e,true)}};const g=()=>{if(t.isOpen){t.positionDropdown()}};It(document,"mousedown",z);It(window,"scroll",g,h);It(window,"resize",g,h);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 i={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({},i,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!==_t){Ct(t)}return}switch(t.keyCode){case ct:if(jt(xt,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 pt: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 _t: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(xt,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,i=this;if(e.parentElement&&e.parentElement.matches("[data-disabled]")){return}if(e.classList.contains("create")){i.createItem(null,(()=>{if(i.settings.closeAfterSelect){i.close()}}))}else{o=e.dataset.value;if(typeof o!=="undefined"){i.lastQuery=null;i.addItem(o);if(i.settings.closeAfterSelect){i.close()}if(!i.settings.hideSelected&&t.type&&/click/.test(t.type)){i.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 i;var r,s,n,a;var l;if(o.settings.mode==="single")return;if(!t){o.clearActiveItems();if(o.isFocused){o.showInput()}return}i=e&&e.type.toLowerCase();if(i==="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(r=s;r<=n;r++){t=o.control.children[r];if(o.activeItems.indexOf(t)===-1){o.setActiveItemClass(t)}}Ct(e)}else if(i==="click"&&jt(xt,e)||i==="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 i=o.clientHeight;const r=o.scrollTop||0;const s=t.offsetHeight;const n=t.getBoundingClientRect().top-o.getBoundingClientRect().top+r;if(n+s>i+r){this.scroll(n-i+s,e)}else if(n<r){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 i=this;var r=this.getSearchOptions();if(i.settings.score){o=i.settings.score.call(i,t);if(typeof o!=="function"){throw new Error('Tom Select "score" setting must be a function that returns a function')}}if(t!==i.lastQuery){i.lastQuery=t;e=i.sifter.search(t,Object.assign(r,{score:o}));i.currentResults=e}else{e=Object.assign({},i.currentResults)}if(i.settings.hideSelected){e.items=e.items.filter((t=>{let e=kt(t.id);return!(e&&i.items.indexOf(e)!==-1)}))}return e}refreshOptions(t=true){var e,o,i,r,s,n,a,l,h;var d;const c={};const p=[];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){h=z.closest("[data-group]")}}r=m.items.length;if(typeof u.settings.maxOptions==="number"){r=Math.min(r,u.settings.maxOptions)}if(r>0){g=true}for(e=0;e<r;e++){let t=m.items[e];if(!t)continue;let r=t.id;let a=u.options[r];if(a===undefined)continue;let l=Ot(r);let d=u.getOption(l,true);const f=u.items.includes(l);if(!u.settings.hideSelected){d.classList.toggle("selected",f);if(this.settings.mode==="multi"){at(d,{"aria-selected":f?"true":"false"})}}s=a[u.settings.optgroupField]||"";n=Array.isArray(s)?s:[s];for(o=0,i=n&&n.length;o<i;o++){s=n[o];if(!u.optgroups.hasOwnProperty(s)){s=""}let t=c[s];if(t===undefined){t=document.createDocumentFragment();p.push(s)}if(o>0){d=d.cloneNode(true);if(this.settings.mode==="multi"&&!u.settings.hideSelected){at(d,{id:a.$id+"-clone-"+o,"aria-selected":f?"true":"false"})}else{at(d,{id:a.$id+"-clone-"+o,"aria-selected":null})}d.classList.add("ts-cloned");tt(d,"active");if(u.activeOption&&u.activeOption.dataset.value==r){if(h&&h.dataset.group===s.toString()){z=d}}}t.appendChild(d);c[s]=t}}if(u.settings.lockOptgroupOrder){p.sort(((t,e)=>{const o=u.optgroups[t];const i=u.optgroups[e];const r=o&&o.$order||0;const s=i&&i.$order||0;return r-s}))}a=document.createDocumentFragment();J(p,(t=>{let e=c[t];if(!e||!e.children.length)return;let o=u.optgroups[t];if(o!==undefined){let t=document.createDocumentFragment();let i=u.render("optgroup_header",o);Lt(t,i);Lt(t,e);let r=u.render("optgroup",{group:o,options:t});Lt(a,r)}else{Lt(a,e)}}));w.innerHTML="";Lt(w,a);if(u.settings.highlight){dt(w);if(m.query.length&&m.tokens.length){J(m.tokens,(t=>{ht(w,t.regex)}))}}var _=t=>{let e=u.render(t,{input:f});if(e){g=true;w.insertBefore(e,w.firstChild)}return e};if(u.loading){_("loading")}else if(!u.settings.shouldLoad.call(u,f)){_("not_loading")}else if(m.items.length===0){_("no_results")}l=u.canCreate(f);if(l){d=_("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(d&&!u.settings.addPrecedence){t=1}z=u.selectable()[t]}}else if(d){z=d}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 i=kt(t[o.settings.valueField]);if(i===null||o.options.hasOwnProperty(i)){return false}t.$order=t.$order||++o.order;t.$id=o.inputId+"-opt-"+t.$order;o.options[i]=t;o.lastQuery=null;if(e){o.userOptions[i]=e;o.trigger("option_add",i,t)}return i}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 i;var r;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 h=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(h){r=o.items.indexOf(s);if(r!==-1){o.items.splice(r,1,n)}i=o._render("item",e);if(h.classList.contains("active"))Z(i,"active");lt(h,i)}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,i)=>{if(e(t,i)){o[i]=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 i=this.options[o];if(i!=undefined){if(i.$div){return i.$div}if(e){return this._render("option",i)}}return null}getAdjacent(t,e,o="option"){var i=this,r;if(!t){return null}if(o=="item"){r=i.controlChildren()}else{r=i.dropdown_content.querySelectorAll("[data-selectable]")}for(let o=0;o<r.length;o++){if(r[o]!=t){continue}if(e>0){return r[o+1]}return r[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 i=Array.isArray(t)?t:[t];i=i.filter((t=>o.items.indexOf(t)===-1));const r=i[i.length-1];i.forEach((t=>{o.isPending=t!==r;o.addItem(t,e)}))}addItem(t,e){var o=e?[]:["change","dropdown_close"];At(this,o,(()=>{var o,i;const r=this;const s=r.settings.mode;const n=kt(t);if(n&&r.items.indexOf(n)!==-1){if(s==="single"){r.close()}if(s==="single"||!r.settings.duplicates){return}}if(n===null||!r.options.hasOwnProperty(n))return;if(s==="single")r.clear(e);if(s==="multi"&&r.isFull())return;o=r._render("item",r.options[n]);if(r.control.contains(o)){o=o.cloneNode(true)}i=r.isFull();r.items.splice(r.caretPos,0,n);r.insertAtCaret(o);if(r.isSetup){if(!r.isPending&&r.settings.hideSelected){let t=r.getOption(n);let e=r.getAdjacent(t,1);if(e){r.setActiveOption(e)}}if(!r.isPending&&!r.settings.closeAfterSelect){r.refreshOptions(r.isFocused&&s!=="single")}if(r.settings.closeAfterSelect!=false&&r.isFull()){r.close()}else if(!r.isPending){r.positionDropdown()}r.trigger("item_add",n,o);if(!r.isPending){r.updateOriginalInput({silent:e})}}if(!r.isPending||!i&&r.isFull()){r.inputState();r.refreshState()}}))}removeItem(t=null,e){const o=this;t=o.getItem(t);if(!t)return;var i,r;const s=t.dataset.value;i=nt(t);t.remove();if(t.classList.contains("active")){r=o.activeItems.indexOf(t);o.activeItems.splice(r,1);tt(t,"active")}o.items.splice(i,1);o.lastQuery=null;if(!o.settings.persist&&o.userOptions.hasOwnProperty(s)){o.removeOption(s,e)}if(i<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 i=o.caretPos;var r;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 r=kt(t[o.settings.valueField]);if(typeof r!=="string"){return e()}o.setTextboxValue();o.addOption(t,true);o.setCaret(i);o.addItem(r);e(t);s=true};if(typeof o.settings.create==="function"){r=o.settings.create.call(this,t,n)}else{r={[o.settings.labelField]:t,[o.settings.valueField]:t}}if(!s){n(r)}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 i=t.wrapper.classList;i.toggle("focus",t.isFocused);i.toggle("disabled",t.isDisabled);i.toggle("required",t.isRequired);i.toggle("invalid",!t.isValid);i.toggle("locked",o);i.toggle("full",e);i.toggle("input-active",t.isFocused&&!t.isInputHidden);i.toggle("dropdown-active",t.isOpen);i.toggle("has-options",st(t.options));i.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,i;const r=e.input.querySelector('option[value=""]');if(e.is_select_tag){const s=[];const n=e.input.querySelectorAll("option:checked").length;function a(t,o,i){if(!t){t=G('<option value="'+St(o)+'">'+St(i)+"</option>")}if(t!=r){e.input.append(t)}s.push(t);if(t!=r||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(r,"","")}else{e.items.forEach((t=>{o=e.options[t];i=o[e.settings.labelField]||"";if(s.includes(o.$option)){const o=e.input.querySelector(`option[value="${Et(t)}"]:not(:checked)`);a(o,t,i)}else{o.$option=a(o.$option,t,i)}}))}}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 i=e.left+window.scrollX;X(this.dropdown,{width:e.width+"px",top:o+"px",left:i+"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 i=e.control;i.insertBefore(t,i.children[o]||null);e.setCaret(o+1)}deleteSelection(t){var e,o,i,r;var s=this;e=t&&t.keyCode===gt?-1:1;o=$t(s.control_input);const n=[];if(s.activeItems.length){r=rt(s.activeItems,e);i=nt(r);if(e>0){i++}J(s.activeItems,(t=>n.push(t)))}else if((s.isFocused||s.settings.mode==="single")&&s.items.length){const t=s.controlChildren();let i;if(e<0&&o.start===0&&o.length===0){i=t[s.caretPos-1]}else if(e>0&&o.start===s.inputValue().length){i=t[s.caretPos]}if(i!==undefined){n.push(i)}}if(!s.shouldDelete(n,t)){return false}Ct(t,true);if(typeof i!=="undefined"){s.setCaret(i)}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,i,r=this;if(r.rtl)t*=-1;if(r.inputValue().length)return;if(jt(xt,e)||jt("shiftKey",e)){o=r.getLastActive(t);if(o){if(!o.classList.contains("active")){i=o}else{i=r.getAdjacent(o,t,"item")}}else if(t>0){i=r.control_input.nextElementSibling}else{i=r.control_input.previousElementSibling}if(i){if(i.classList.contains("active")){r.removeActiveItem(o)}r.setActiveItemClass(i)}}else{r.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 rt(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,i;const r=this;if(typeof this.settings.render[t]!=="function"){return null}i=r.settings.render[t].call(this,e,St);if(!i){return null}i=G(i);if(t==="option"||t==="option_create"){if(e[r.settings.disabledField]){at(i,{"aria-disabled":"true"})}else{at(i,{"data-selectable":""})}}else if(t==="optgroup"){o=e.group[r.settings.optgroupValueField];at(i,{"data-group":o});if(e.group[r.settings.disabledField]){at(i,{"data-disabled":""})}}if(t==="option"||t==="item"){const o=Ot(e[r.settings.valueField]);at(i,{"data-value":o});if(t==="item"){Z(i,r.settings.itemClass);at(i,{"data-ts-item":""})}else{Z(i,r.settings.optionClass);at(i,{role:"option",id:e.$id});e.$div=i;r.options[o]=e}}return i}_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 i=this;var r=i[e];i[e]=function(){var e,s;if(t==="after"){e=r.apply(i,arguments)}s=o.apply(i,arguments);if(t==="instead"){return s}if(t==="before"){e=r.apply(i,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 i=e.substring(o,o+1);qt[i]=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,i)=>{t.addEventListener(e,o,i)};function Kt(t){const e=Object.assign({label:"&times;",title:"Remove",className:"remove",append:true},t);var o=this;if(!e.append){return}var i='<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,r)=>{var s=Pt(t.call(o,e,r));var n=Pt(i);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 i=e.substring(o,o+1);Xt[i]=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,i)=>{var r=te(e.call(t,o,i));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}r.prepend(s);return r}}));t.on("item_remove",(e=>{var i=t.getOption(e);if(i){i.classList.remove("selected");o(i)}}));t.on("item_add",(e=>{var i=t.getOption(e);if(i){o(i)}}));t.hook("instead","onOptionSelect",((i,r)=>{if(r.classList.contains("selected")){r.classList.remove("selected");t.removeItem(r.dataset.value);t.refreshOptions();Yt(i,true);return}e.call(t,i,r);o(r)}))}const ie=(t,e,o,i)=>{t.addEventListener(e,o,i)};function re(){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 i=["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"];for(const t of i){e.style[t]=o.style[t]}var r=()=>{e.textContent=o.value;o.style.width=e.clientWidth+"px"};r();t.on("update item_add item_remove",r);ie(o,"input",r);ie(o,"keyup",r);ie(o,"blur",r);ie(o,"update",r)}))}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);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--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);--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);--border-radius:var(--stzh-form-input-border-radius);--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);--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-distance:var(--stzh-space-xsmall);--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([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[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(--stzh-color-grey70);--focus-border-color:var(--stzh-color-grey70);--focus-background-color:var(--stzh-color-grey10);--focus-label-color:var(--stzh-color-grey70);--focus-icon-color:var(--stzh-color-grey70);--focus-icon-angle-color:var(--stzh-color-grey70)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}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="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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}@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);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--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);--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="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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}}@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);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--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);--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="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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}}@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);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--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);--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="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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}}@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);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--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);--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="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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}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);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}}.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-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__icon-wrapper{position:absolute;color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{color:var(--icon-angle-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(--stzh-space-medium)}.stzh-dropdown__icon-angle-wrapper{right:var(--stzh-space-medium)}.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);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.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;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__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;height:1.5rem;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--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:center;padding-right:calc(1.5rem + var(--stzh-space-xxsmall))}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:absolute;top:50%;right:-0.0625rem;transform:translateY(-50%);-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;margin-left:var(--stzh-space-xxsmall);color:var(--stzh-color-primary70);transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown--is-multiple .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__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.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-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(--icon-size) + var(--icon-gap) + var(--padding-left))}.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;padding-left:0;padding-right:calc(var(--icon-angle-gap) + var(--icon-angle-size))}.stzh-dropdown--plain .stzh-dropdown__icon-wrapper{left:0}.stzh-dropdown--plain .stzh-dropdown__icon-angle-wrapper{right:0}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:calc(var(--height) / 2);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(--stzh-space-medium) + var(--stzh-space-xsmall) + 0.0625rem)}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--icon-size) + var(--stzh-space-xsmall))}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--stzh-space-xsmall) + 0.0625rem)}.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--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}';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 he="stzh-dropdown--has-focus";Dt.define("remove_button",Kt);Dt.define("checkbox_options",oe);Dt.define("input_autogrow",re);Dt.define("no_backspace_delete",se);Dt.define("input_readonly",ae);let de=0;const ce=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.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.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-${de++}`;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"].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"]={};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(he);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(he);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;const e=s(this.element,"icon")||!!this.icon;const r=s(this.element,"description")||!!this.description;const a=s(this.element,"description-long")||!!this.descriptionLong;const l=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--is-multiple":this.multiple,"stzh-dropdown--is-disabled":this.disabled,"stzh-dropdown--is-required":this.required,"stzh-dropdown--is-invalid":this.invalid||l,[le]:this._items&&this._items.length>0,"stzh-dropdown--has-icon":e,"stzh-dropdown--has-description":r,"stzh-dropdown--has-description-long":a,"stzh-dropdown--has-error":l,"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(i,{"is-invalid":this.invalid||l,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",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)),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}),o(n,{classPrefix:"stzh-dropdown",id:`${this.dropdownId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:a,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return r(this)}static get watchers(){return{options:["optionsWatcher"],items:["itemsWatcher"],searchField:["searchFieldWatcher"],optgroups:["optgroupsWatcher"],error:["errorWatcher"]}}};ce.style=ne;export{ce as stzh_dropdown};
-//# sourceMappingURL=p-2bbbc217.entry.js.map