@oiz/stzh-components 3.4.0-beta1 → 3.4.0-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{app-globals-1074eba6.js → app-globals-d9805497.js} +2 -2
- package/dist/cjs/{app-globals-1074eba6.js.map → app-globals-d9805497.js.map} +1 -1
- package/dist/cjs/index-92254d32.js +40 -16
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/stzh-actions.cjs.entry.js +10 -8
- package/dist/cjs/stzh-actions.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-archivelist.cjs.entry.js +6 -16
- package/dist/cjs/stzh-archivelist.cjs.entry.js.map +1 -1
- package/dist/cjs/{stzh-card_2.cjs.entry.js → stzh-card.cjs.entry.js} +55 -143
- package/dist/cjs/stzh-card.cjs.entry.js.map +1 -0
- package/dist/cjs/{stzh-sortable.cjs.entry.js → stzh-cardlist_2.cjs.entry.js} +92 -1
- package/dist/cjs/stzh-cardlist_2.cjs.entry.js.map +1 -0
- package/dist/cjs/{stzh-checkbox_4.cjs.entry.js → stzh-checkbox_3.cjs.entry.js} +4 -91
- package/dist/cjs/stzh-checkbox_3.cjs.entry.js.map +1 -0
- package/dist/cjs/{stzh-chip_2.cjs.entry.js → stzh-chip.cjs.entry.js} +1 -215
- package/dist/cjs/stzh-chip.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-chipgroup.cjs.entry.js +25 -0
- package/dist/cjs/stzh-chipgroup.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-chipselect.cjs.entry.js +234 -0
- package/dist/cjs/stzh-chipselect.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-components.cjs.js +2 -2
- package/dist/cjs/stzh-dropdown.cjs.entry.js +53 -55
- package/dist/cjs/stzh-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-fieldset.cjs.entry.js +1 -1
- package/dist/cjs/stzh-fieldset.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-geo-ref-data.cjs.entry.js +98 -41
- package/dist/cjs/stzh-geo-ref-data.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-input.cjs.entry.js +6 -2
- package/dist/cjs/stzh-input.cjs.entry.js.map +1 -1
- package/dist/cjs/{stzh-chipgroup_2.cjs.entry.js → stzh-message.cjs.entry.js} +1 -18
- package/dist/cjs/stzh-message.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-overlay.cjs.entry.js +97 -0
- package/dist/cjs/stzh-overlay.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-pi-teaser.cjs.entry.js +1 -1
- package/dist/cjs/stzh-pi-teaser.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-poicard.cjs.entry.js +52 -0
- package/dist/cjs/stzh-poicard.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-poilist.cjs.entry.js +122 -0
- package/dist/cjs/stzh-poilist.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-popover.cjs.entry.js +445 -0
- package/dist/cjs/stzh-popover.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-saptcha.cjs.entry.js +10 -9
- package/dist/cjs/stzh-saptcha.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-search.cjs.entry.js +52 -3
- package/dist/cjs/stzh-search.cjs.entry.js.map +1 -1
- package/dist/cjs/stzh-section.cjs.entry.js +1 -1
- package/dist/cjs/stzh-section.cjs.entry.js.map +1 -1
- package/dist/cjs/{stzh-popover_2.cjs.entry.js → stzh-text.cjs.entry.js} +1 -438
- package/dist/cjs/stzh-text.cjs.entry.js.map +1 -0
- package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js +1 -1
- package/dist/cjs/stzh-vbz-connection-finder.cjs.entry.js.map +1 -1
- package/dist/collection/assets/i18n/de.json +9 -0
- package/dist/collection/assets/i18n/en.json +9 -0
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/stzh-actions/stzh-actions.css +27 -0
- package/dist/collection/components/stzh-actions/stzh-actions.js +30 -10
- package/dist/collection/components/stzh-actions/stzh-actions.js.map +1 -1
- package/dist/collection/components/stzh-archivelist/stzh-archivelist.css +3 -0
- package/dist/collection/components/stzh-archivelist/stzh-archivelist.js +42 -16
- package/dist/collection/components/stzh-archivelist/stzh-archivelist.js.map +1 -1
- package/dist/collection/components/stzh-archivelist/stzh-archivelist.stories.js +109 -102
- package/dist/collection/components/stzh-card/stzh-card.css +5 -0
- package/dist/collection/components/stzh-card/stzh-card.js +72 -51
- package/dist/collection/components/stzh-card/stzh-card.js.map +1 -1
- package/dist/collection/components/stzh-cardlist/stzh-cardlist.css +5 -0
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.css +8 -8
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.js +13 -1
- package/dist/collection/components/stzh-chipselect/stzh-chipselect.js.map +1 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.css +11 -1
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js +89 -55
- package/dist/collection/components/stzh-dropdown/stzh-dropdown.js.map +1 -1
- package/dist/collection/components/stzh-fieldset/stzh-fieldset.css +120 -0
- package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.css +2 -0
- package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.js +156 -51
- package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.js.map +1 -1
- package/dist/collection/components/stzh-geo-ref-data/stzh-geo-ref-data.stories.js +64 -63
- package/dist/collection/components/stzh-input/stzh-input.css +6 -0
- package/dist/collection/components/stzh-input/stzh-input.js +23 -1
- package/dist/collection/components/stzh-input/stzh-input.js.map +1 -1
- package/dist/collection/components/stzh-pi-teaser/stzh-pi-teaser.css +18 -3
- package/dist/collection/components/stzh-pi-teaser/stzh-pi-teaser.stories.js +30 -29
- package/dist/collection/components/stzh-poicard/stzh-poicard.css +231 -0
- package/dist/collection/components/stzh-poicard/stzh-poicard.e2e.js +16 -0
- package/dist/collection/components/stzh-poicard/stzh-poicard.e2e.js.map +1 -0
- package/dist/collection/components/stzh-poicard/stzh-poicard.js +86 -0
- package/dist/collection/components/stzh-poicard/stzh-poicard.js.map +1 -0
- package/dist/collection/components/stzh-poicard/stzh-poicard.stories.js +117 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.css +210 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.e2e.js +16 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.e2e.js.map +1 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.js +181 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.js.map +1 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.localization.js +2 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.localization.js.map +1 -0
- package/dist/collection/components/stzh-poilist/stzh-poilist.stories.js +31 -0
- package/dist/collection/components/stzh-richtext/stzh-richtext.stories.js +31 -16
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.js +34 -17
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.js.map +1 -1
- package/dist/collection/components/stzh-saptcha/stzh-saptcha.stories.js +3 -0
- package/dist/collection/components/stzh-search/stzh-search.css +4 -4
- package/dist/collection/components/stzh-search/stzh-search.js +122 -2
- package/dist/collection/components/stzh-search/stzh-search.js.map +1 -1
- package/dist/collection/components/stzh-section/stzh-section.css +19 -6
- package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js +1 -1
- package/dist/collection/components/stzh-vbz-connection-finder/stzh-vbz-connection-finder.js.map +1 -1
- package/dist/collection/index.js.map +1 -1
- package/dist/collection/pages/jobsearch/jobsearch.e2e.js +16 -0
- package/dist/collection/pages/jobsearch/jobsearch.e2e.js.map +1 -0
- package/dist/components/index.js +1 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/stzh-actions.js +12 -9
- package/dist/components/stzh-actions.js.map +1 -1
- package/dist/components/stzh-archivelist.js +20 -22
- package/dist/components/stzh-archivelist.js.map +1 -1
- package/dist/components/stzh-card2.js +55 -51
- package/dist/components/stzh-card2.js.map +1 -1
- package/dist/components/stzh-cardlist2.js +1 -1
- package/dist/components/stzh-cardlist2.js.map +1 -1
- package/dist/components/stzh-chipselect2.js +14 -2
- package/dist/components/stzh-chipselect2.js.map +1 -1
- package/dist/components/stzh-dropdown2.js +55 -55
- package/dist/components/stzh-dropdown2.js.map +1 -1
- package/dist/components/stzh-fieldset.js +1 -1
- package/dist/components/stzh-fieldset.js.map +1 -1
- package/dist/components/stzh-geo-ref-data.js +109 -45
- package/dist/components/stzh-geo-ref-data.js.map +1 -1
- package/dist/components/stzh-input2.js +7 -2
- package/dist/components/stzh-input2.js.map +1 -1
- package/dist/components/stzh-pi-teaser.js +1 -1
- package/dist/components/stzh-pi-teaser.js.map +1 -1
- package/dist/components/stzh-poicard.d.ts +11 -0
- package/dist/components/stzh-poicard.js +8 -0
- package/dist/components/stzh-poicard.js.map +1 -0
- package/dist/components/stzh-poicard2.js +108 -0
- package/dist/components/stzh-poicard2.js.map +1 -0
- package/dist/components/stzh-poilist.d.ts +11 -0
- package/dist/components/stzh-poilist.js +246 -0
- package/dist/components/stzh-poilist.js.map +1 -0
- package/dist/components/stzh-saptcha.js +13 -14
- package/dist/components/stzh-saptcha.js.map +1 -1
- package/dist/components/stzh-search.js +57 -3
- package/dist/components/stzh-search.js.map +1 -1
- package/dist/components/stzh-section.js +1 -1
- package/dist/components/stzh-section.js.map +1 -1
- package/dist/components/stzh-vbz-connection-finder.js +1 -1
- package/dist/components/stzh-vbz-connection-finder.js.map +1 -1
- package/dist/esm/{app-globals-fbb949bd.js → app-globals-ca13b6e3.js} +2 -2
- package/dist/esm/{app-globals-fbb949bd.js.map → app-globals-ca13b6e3.js.map} +1 -1
- package/dist/esm/index-e3050b18.js +40 -16
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/stzh-actions.entry.js +10 -8
- package/dist/esm/stzh-actions.entry.js.map +1 -1
- package/dist/esm/stzh-archivelist.entry.js +6 -16
- package/dist/esm/stzh-archivelist.entry.js.map +1 -1
- package/dist/esm/{stzh-card_2.entry.js → stzh-card.entry.js} +56 -143
- package/dist/esm/stzh-card.entry.js.map +1 -0
- package/dist/esm/{stzh-sortable.entry.js → stzh-cardlist_2.entry.js} +92 -2
- package/dist/esm/stzh-cardlist_2.entry.js.map +1 -0
- package/dist/esm/{stzh-checkbox_4.entry.js → stzh-checkbox_3.entry.js} +5 -91
- package/dist/esm/stzh-checkbox_3.entry.js.map +1 -0
- package/dist/esm/{stzh-chip_2.entry.js → stzh-chip.entry.js} +3 -216
- package/dist/esm/stzh-chip.entry.js.map +1 -0
- package/dist/esm/stzh-chipgroup.entry.js +21 -0
- package/dist/esm/stzh-chipgroup.entry.js.map +1 -0
- package/dist/esm/stzh-chipselect.entry.js +230 -0
- package/dist/esm/stzh-chipselect.entry.js.map +1 -0
- package/dist/esm/stzh-components.js +2 -2
- package/dist/esm/stzh-dropdown.entry.js +53 -55
- package/dist/esm/stzh-dropdown.entry.js.map +1 -1
- package/dist/esm/stzh-fieldset.entry.js +1 -1
- package/dist/esm/stzh-fieldset.entry.js.map +1 -1
- package/dist/esm/stzh-geo-ref-data.entry.js +98 -41
- package/dist/esm/stzh-geo-ref-data.entry.js.map +1 -1
- package/dist/esm/stzh-input.entry.js +6 -2
- package/dist/esm/stzh-input.entry.js.map +1 -1
- package/dist/esm/{stzh-chipgroup_2.entry.js → stzh-message.entry.js} +3 -19
- package/dist/esm/stzh-message.entry.js.map +1 -0
- package/dist/esm/stzh-overlay.entry.js +93 -0
- package/dist/esm/stzh-overlay.entry.js.map +1 -0
- package/dist/esm/stzh-pi-teaser.entry.js +1 -1
- package/dist/esm/stzh-pi-teaser.entry.js.map +1 -1
- package/dist/esm/stzh-poicard.entry.js +48 -0
- package/dist/esm/stzh-poicard.entry.js.map +1 -0
- package/dist/esm/stzh-poilist.entry.js +118 -0
- package/dist/esm/stzh-poilist.entry.js.map +1 -0
- package/dist/esm/stzh-popover.entry.js +441 -0
- package/dist/esm/stzh-popover.entry.js.map +1 -0
- package/dist/esm/stzh-saptcha.entry.js +11 -10
- package/dist/esm/stzh-saptcha.entry.js.map +1 -1
- package/dist/esm/stzh-search.entry.js +52 -3
- package/dist/esm/stzh-search.entry.js.map +1 -1
- package/dist/esm/stzh-section.entry.js +1 -1
- package/dist/esm/stzh-section.entry.js.map +1 -1
- package/dist/esm/{stzh-popover_2.entry.js → stzh-text.entry.js} +3 -439
- package/dist/esm/stzh-text.entry.js.map +1 -0
- package/dist/esm/stzh-vbz-connection-finder.entry.js +1 -1
- package/dist/esm/stzh-vbz-connection-finder.entry.js.map +1 -1
- package/dist/stzh-components/assets/i18n/de.json +9 -0
- package/dist/stzh-components/assets/i18n/en.json +9 -0
- package/dist/stzh-components/index.esm.js.map +1 -1
- package/dist/stzh-components/{p-206ec94f.entry.js → p-0846f5a7.entry.js} +2 -2
- package/dist/stzh-components/p-0846f5a7.entry.js.map +1 -0
- package/dist/stzh-components/p-0d092d58.entry.js +2 -0
- package/dist/stzh-components/p-0d092d58.entry.js.map +1 -0
- package/dist/stzh-components/{p-38cd406c.entry.js → p-10c2c688.entry.js} +2 -2
- package/dist/stzh-components/p-10c2c688.entry.js.map +1 -0
- package/dist/stzh-components/{p-23de5712.entry.js → p-1391115f.entry.js} +2 -2
- package/dist/stzh-components/{p-23de5712.entry.js.map → p-1391115f.entry.js.map} +1 -1
- package/dist/stzh-components/p-1b2fb680.entry.js +9 -0
- package/dist/stzh-components/p-1b2fb680.entry.js.map +1 -0
- package/dist/stzh-components/p-1e121c5f.entry.js +2 -0
- package/dist/stzh-components/p-1e121c5f.entry.js.map +1 -0
- package/dist/stzh-components/p-35d842ce.entry.js +2 -0
- package/dist/stzh-components/p-35d842ce.entry.js.map +1 -0
- package/dist/stzh-components/p-3e2b4d92.entry.js +2 -0
- package/dist/stzh-components/p-3e2b4d92.entry.js.map +1 -0
- package/dist/stzh-components/p-47cb71af.entry.js +2 -0
- package/dist/stzh-components/p-47cb71af.entry.js.map +1 -0
- package/dist/stzh-components/p-4e2db8e9.entry.js +8 -0
- package/dist/stzh-components/p-4e2db8e9.entry.js.map +1 -0
- package/dist/stzh-components/{p-cded8c4a.js → p-57caee36.js} +2 -2
- package/dist/stzh-components/p-616ae3be.entry.js +2 -0
- package/dist/stzh-components/p-616ae3be.entry.js.map +1 -0
- package/dist/stzh-components/{p-15d008ea.entry.js → p-72c9db89.entry.js} +3 -3
- package/dist/stzh-components/p-72c9db89.entry.js.map +1 -0
- package/dist/stzh-components/p-7bb2eb4e.entry.js +2 -0
- package/dist/stzh-components/p-7bb2eb4e.entry.js.map +1 -0
- package/dist/stzh-components/p-8c4d543d.entry.js +2 -0
- package/dist/stzh-components/p-8c4d543d.entry.js.map +1 -0
- package/dist/stzh-components/p-9506f599.entry.js +2 -0
- package/dist/stzh-components/p-9506f599.entry.js.map +1 -0
- package/dist/stzh-components/p-9b1267a6.entry.js +2 -0
- package/dist/stzh-components/p-9b1267a6.entry.js.map +1 -0
- package/dist/stzh-components/p-a9216459.entry.js +2 -0
- package/dist/stzh-components/p-a9216459.entry.js.map +1 -0
- package/dist/stzh-components/p-b2920d7f.entry.js +2 -0
- package/dist/stzh-components/p-b2920d7f.entry.js.map +1 -0
- package/dist/stzh-components/p-b6f19446.entry.js +2 -0
- package/dist/stzh-components/p-b6f19446.entry.js.map +1 -0
- package/dist/stzh-components/p-b75800da.entry.js +2 -0
- package/dist/stzh-components/p-b75800da.entry.js.map +1 -0
- package/dist/stzh-components/{p-d058fc1e.entry.js → p-c4bbdbfe.entry.js} +2 -2
- package/dist/stzh-components/p-c4bbdbfe.entry.js.map +1 -0
- package/dist/stzh-components/p-c6504f41.entry.js +2 -0
- package/dist/stzh-components/p-c6504f41.entry.js.map +1 -0
- package/dist/stzh-components/p-d29fd503.entry.js +2 -0
- package/dist/stzh-components/p-d29fd503.entry.js.map +1 -0
- package/dist/stzh-components/stzh-components.esm.js +1 -1
- package/dist/stzh-components/stzh-components.esm.js.map +1 -1
- package/dist/types/components/stzh-actions/stzh-actions.d.ts +3 -1
- package/dist/types/components/stzh-archivelist/stzh-archivelist.d.ts +4 -0
- package/dist/types/components/stzh-card/stzh-card.d.ts +4 -2
- package/dist/types/components/stzh-dropdown/stzh-dropdown.d.ts +6 -2
- package/dist/types/components/stzh-geo-ref-data/stzh-geo-ref-data.d.ts +16 -2
- package/dist/types/components/stzh-input/stzh-input.d.ts +2 -0
- package/dist/types/components/stzh-poicard/stzh-poicard.d.ts +14 -0
- package/dist/types/components/stzh-poilist/stzh-poilist.d.ts +31 -0
- package/dist/types/components/stzh-poilist/stzh-poilist.localization.d.ts +10 -0
- package/dist/types/components/stzh-saptcha/stzh-saptcha.d.ts +5 -4
- package/dist/types/components/stzh-search/stzh-search.d.ts +13 -0
- package/dist/types/components.d.ts +190 -10
- package/dist/types/index.d.ts +28 -0
- package/dist/vscode-data.json +104 -3
- package/package.json +1 -1
- package/dist/cjs/stzh-card_2.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-checkbox_4.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-chip_2.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-chipgroup_2.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-popover_2.cjs.entry.js.map +0 -1
- package/dist/cjs/stzh-sortable.cjs.entry.js.map +0 -1
- package/dist/esm/stzh-card_2.entry.js.map +0 -1
- package/dist/esm/stzh-checkbox_4.entry.js.map +0 -1
- package/dist/esm/stzh-chip_2.entry.js.map +0 -1
- package/dist/esm/stzh-chipgroup_2.entry.js.map +0 -1
- package/dist/esm/stzh-popover_2.entry.js.map +0 -1
- package/dist/esm/stzh-sortable.entry.js.map +0 -1
- package/dist/stzh-components/p-12851c24.entry.js +0 -2
- package/dist/stzh-components/p-12851c24.entry.js.map +0 -1
- package/dist/stzh-components/p-15d008ea.entry.js.map +0 -1
- package/dist/stzh-components/p-1b31cd8a.entry.js +0 -2
- package/dist/stzh-components/p-1b31cd8a.entry.js.map +0 -1
- package/dist/stzh-components/p-206ec94f.entry.js.map +0 -1
- package/dist/stzh-components/p-38cd406c.entry.js.map +0 -1
- package/dist/stzh-components/p-50c32fd1.entry.js +0 -2
- package/dist/stzh-components/p-50c32fd1.entry.js.map +0 -1
- package/dist/stzh-components/p-55349f2e.entry.js +0 -2
- package/dist/stzh-components/p-55349f2e.entry.js.map +0 -1
- package/dist/stzh-components/p-9c643610.entry.js +0 -2
- package/dist/stzh-components/p-9c643610.entry.js.map +0 -1
- package/dist/stzh-components/p-9cdd5e6f.entry.js +0 -2
- package/dist/stzh-components/p-9cdd5e6f.entry.js.map +0 -1
- package/dist/stzh-components/p-a672aaea.entry.js +0 -8
- package/dist/stzh-components/p-a672aaea.entry.js.map +0 -1
- package/dist/stzh-components/p-a77b49cb.entry.js +0 -2
- package/dist/stzh-components/p-a77b49cb.entry.js.map +0 -1
- package/dist/stzh-components/p-b509dedd.entry.js +0 -2
- package/dist/stzh-components/p-b509dedd.entry.js.map +0 -1
- package/dist/stzh-components/p-b870c799.entry.js +0 -2
- package/dist/stzh-components/p-b870c799.entry.js.map +0 -1
- package/dist/stzh-components/p-d058fc1e.entry.js.map +0 -1
- package/dist/stzh-components/p-da043311.entry.js +0 -9
- package/dist/stzh-components/p-da043311.entry.js.map +0 -1
- package/dist/stzh-components/p-fb077fd5.entry.js +0 -2
- package/dist/stzh-components/p-fb077fd5.entry.js.map +0 -1
- /package/dist/stzh-components/{p-cded8c4a.js.map → p-57caee36.js.map} +0 -0
|
@@ -4904,7 +4904,7 @@ function plugin () {
|
|
|
4904
4904
|
});
|
|
4905
4905
|
}
|
|
4906
4906
|
|
|
4907
|
-
const stzhDropdownCss = "@charset \"UTF-8\";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem);--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--label-font-size:var(--stzh-font-micro-font-size);--label-line-height:var(--stzh-font-micro-font-size);--label-letter-spacing:normal;--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown:where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}@media screen and (min-width: 900px){stzh-dropdown:where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}stzh-dropdown:where([inline]:not([inline=\"false\"])){--popover-width:auto;width:auto}stzh-dropdown:where([is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown:where([variant=\"plain\"]){--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--hover-icon-color:var(--stzh-color-primary90);--hover-icon-angle-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90);--focus-icon-color:var(--stzh-color-primary90);--focus-icon-angle-color:var(--stzh-color-primary90)}stzh-dropdown:where([variant=\"plain\"][is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-secondary60);--icon-angle-color:var(--stzh-color-secondary60);--hover-icon-color:var(--stzh-color-secondary60);--hover-icon-angle-color:var(--stzh-color-secondary60)}stzh-dropdown:where([variant=\"filter\"]){--color:var(--stzh-chip-color, var(--stzh-color-primary70));--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--label-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-label-color:var(--hover-color);--hover-icon-color:var(--hover-color);--hover-icon-angle-color:var(--hover-color);--focus-color:var(--hover-color);--focus-background-color:var(--hover-background-color);--focus-label-color:var(--hover-label-color);--focus-icon-color:var(--hover-icon-color);--focus-icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:where([variant=\"filter\"][is-filled]:not([is-filled=\"false\"])){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90))}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-label-color:var(--stzh-color-grey70);--hover-icon-color:var(--stzh-color-grey70);--hover-icon-angle-color:var(--stzh-color-grey70);--focus-color:var(--color);--focus-border-color:var(--border-color);--focus-background-color:var(--background-color);--focus-label-color:var(--label-color);--focus-icon-color:var(--icon-color);--focus-icon-angle-color:var(--icon-angle-color)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=filter]{--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--label-color:var(--color);--placeholder-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--description-color:var(--stzh-color-grey70)}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}stzh-dropdown:where([size=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}stzh-dropdown:where([size=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}stzh-dropdown:where([size=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 600px) and (min-width: 900px){stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 900px) and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1260px) and (min-width: 900px){stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1600px) and (min-width: 900px){stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-wrapper{display:flex;align-items:center;min-height:var(--outer-height)}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:calc(var(--icon-angle-size) + var(--icon-angle-gap) + var(--padding-right))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--padding-left);color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{right:var(--padding-right);color:var(--icon-angle-color)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:\"✓\"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;white-space:nowrap;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--multiple-padding-top);padding-bottom:var(--multiple-padding-bottom)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;min-height:1.5rem;height:auto;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item,.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:flex-start;gap:var(--remove-gap);padding-right:0px}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:relative;right:-0.0625rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);flex-shrink:0;transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-bottom:calc(var(--popover-distance) - 0.0625rem)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--filter .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter .stzh-dropdown__sizer{border:none}.stzh-dropdown--filter .stzh-dropdown__label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);left:var(--padding-left);max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--filter .stzh-dropdown__label::before{content:none}.stzh-dropdown--filter.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--filter.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);width:var(--height);height:var(--height);border-top-left-radius:0px;border-bottom-left-radius:0px}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-black);background-color:var(--stzh-color-secondary40)}.stzh-dropdown--filter .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__icon-angle-wrapper{display:none}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__sizer{padding-right:0px}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--is-disabled .ts-control,.stzh-dropdown--is-disabled .ts-control>input{cursor:not-allowed}";
|
|
4907
|
+
const stzhDropdownCss = "@charset \"UTF-8\";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem);--color:var(--stzh-color-secondary60);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-primary);--placeholder-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--label-font-size:var(--stzh-font-micro-font-size);--label-line-height:var(--stzh-font-micro-text-line-height);--label-letter-spacing:normal;--hover-color:var(--stzh-color-secondary60);--hover-border-color:var(--stzh-color-secondary50);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-primary);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-color:var(--stzh-color-black);--focus-border-color:var(--stzh-color-secondary50);--focus-background-color:var(--stzh-color-secondary20);--focus-label-color:var(--stzh-color-primary);--focus-icon-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-primary70);--active-icon-angle-transform:rotate(180deg) translateY(50%);--popover-width:100%;--popover-min-width:initial;--popover-max-width:initial;--popover-height:auto;--popover-min-height:initial;--popover-max-height:calc(4.5 * var(--stzh-menu-item-height));--popover-background-color:var(--stzh-popover-background-color);--popover-box-shadow:var(--stzh-box-shadow-popover);--popover-border-radius:var(--stzh-popover-border-radius);--popover-skidding:0px;position:relative;width:100%;border-radius:var(--border-radius);}stzh-dropdown[hidden]{display:none}stzh-dropdown::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-dropdown *,stzh-dropdown *::before,stzh-dropdown *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-dropdown .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-dropdown .stzh-fylingfocus-focused{outline-style:none !important}stzh-dropdown .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-dropdown:where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}@media screen and (min-width: 900px){stzh-dropdown:where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}stzh-dropdown:where([inline]:not([inline=\"false\"])){--popover-width:auto;width:auto}stzh-dropdown:where([is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-primary70);--icon-angle-color:var(--stzh-color-primary70);--hover-icon-color:var(--stzh-color-primary70);--hover-icon-angle-color:var(--stzh-color-primary70);--focus-icon-angle-color:var(--stzh-color-black);--focus-icon-color:var(--stzh-color-black)}stzh-dropdown:where([variant=\"plain\"]){--background-color:transparent;--hover-background-color:transparent;--hover-label-color:var(--stzh-color-primary90);--hover-icon-color:var(--stzh-color-primary90);--hover-icon-angle-color:var(--stzh-color-primary90);--focus-background-color:transparent;--focus-label-color:var(--stzh-color-primary90);--focus-icon-color:var(--stzh-color-primary90);--focus-icon-angle-color:var(--stzh-color-primary90)}stzh-dropdown:where([variant=\"plain\"][is-filled]:not([is-filled=\"false\"])){--icon-color:var(--stzh-color-secondary60);--icon-angle-color:var(--stzh-color-secondary60);--hover-icon-color:var(--stzh-color-secondary60);--hover-icon-angle-color:var(--stzh-color-secondary60)}stzh-dropdown:where([variant=\"filter\"]){--color:var(--stzh-chip-color, var(--stzh-color-primary70));--background-color:var(--stzh-chip-background-color, var(--stzh-color-secondary30));--label-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--hover-color:var(--stzh-chip-hover-color, var(--stzh-color-primary70));--hover-background-color:var(--stzh-chip-hover-background-color, var(--stzh-color-secondary40));--hover-label-color:var(--hover-color);--hover-icon-color:var(--hover-color);--hover-icon-angle-color:var(--hover-color);--focus-color:var(--hover-color);--focus-background-color:var(--hover-background-color);--focus-label-color:var(--hover-label-color);--focus-icon-color:var(--hover-icon-color);--focus-icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:where([variant=\"filter\"][is-filled]:not([is-filled=\"false\"])){--color:var(--stzh-chip-active-color, var(--stzh-color-white));--background-color:var(--stzh-chip-active-background-color, var(--stzh-color-primary70));--hover-color:var(--stzh-chip-active-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-chip-active-hover-background-color, var(--stzh-color-primary90))}stzh-dropdown[is-invalid]{--color:var(--stzh-color-error60);--border-color:var(--stzh-color-error60);--background-color:var(--stzh-color-white);--label-color:var(--stzh-color-error60);--placeholder-color:var(--stzh-color-error60);--icon-color:var(--stzh-color-error60);--icon-angle-color:var(--stzh-color-error60);--hover-color:var(--stzh-color-error60);--hover-border-color:var(--stzh-color-error60);--hover-background-color:var(--stzh-color-white);--hover-label-color:var(--stzh-color-error60);--hover-icon-color:var(--stzh-color-error60);--hover-icon-angle-color:var(--stzh-color-error60);--focus-color:var(--stzh-color-error60);--focus-border-color:var(--stzh-color-error60);--focus-background-color:var(--stzh-color-white);--focus-label-color:var(--stzh-color-error60);--focus-icon-color:var(--stzh-color-error60);--focus-icon-angle-color:var(--stzh-color-error60)}stzh-dropdown[disabled]:not([disabled=false]){--color:var(--stzh-color-grey70);--border-color:var(--stzh-color-grey70);--background-color:var(--stzh-color-grey10);--label-color:var(--stzh-color-grey70);--placeholder-color:var(--stzh-color-grey70);--description-color:var(--stzh-color-grey70);--icon-color:var(--stzh-color-grey70);--icon-angle-color:var(--stzh-color-grey70);--hover-color:var(--stzh-color-grey70);--hover-border-color:var(--stzh-color-grey70);--hover-background-color:var(--stzh-color-grey10);--hover-label-color:var(--stzh-color-grey70);--hover-icon-color:var(--stzh-color-grey70);--hover-icon-angle-color:var(--stzh-color-grey70);--focus-color:var(--color);--focus-border-color:var(--border-color);--focus-background-color:var(--background-color);--focus-label-color:var(--label-color);--focus-icon-color:var(--icon-color);--focus-icon-angle-color:var(--icon-angle-color)}stzh-dropdown[disabled]:not([disabled=false])[variant=plain]{--background-color:transparent}stzh-dropdown[disabled]:not([disabled=false])[variant=filter]{--color:var(--stzh-chip-disabled-color, var(--stzh-color-grey80));--background-color:var(--stzh-chip-disabled-background-color, var(--stzh-color-grey20));--label-color:var(--color);--placeholder-color:var(--color);--icon-color:var(--color);--icon-angle-color:var(--color);--description-color:var(--stzh-color-grey70)}stzh-dropdown:is(:has(.stzh-dropdown__label:hover)),stzh-dropdown:is(:has(.ts-control:hover)){--color:var(--hover-color);--border-color:var(--hover-border-color);--background-color:var(--hover-background-color);--label-color:var(--hover-label-color);--icon-color:var(--hover-icon-color);--icon-angle-color:var(--hover-icon-angle-color)}stzh-dropdown:is(:has(.ts-control:focus-within)){--color:var(--focus-color);--border-color:var(--focus-border-color);--background-color:var(--focus-background-color);--label-color:var(--focus-label-color);--icon-color:var(--focus-icon-color);--icon-angle-color:var(--focus-icon-angle-color)}stzh-dropdown:where([size=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}stzh-dropdown:where([size=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}stzh-dropdown:where([size=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 600px) and (min-width: 900px){stzh-dropdown:where([size-small=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){stzh-dropdown:where([size-small=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-small=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 900px) and (min-width: 900px){stzh-dropdown:where([size-medium=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 900px){stzh-dropdown:where([size-medium=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-medium=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1260px) and (min-width: 900px){stzh-dropdown:where([size-large=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-dropdown:where([size-large=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-large=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"default\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-height);--border-radius:var(--stzh-form-input-border-radius);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--popover-distance:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:calc(var(--stzh-space-xsmall) - 0.0625rem);--multiple-padding-bottom:calc(var(--stzh-space-xsmall) - 0.0625rem)}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal;--border-radius:1rem;--height:2rem;--outer-height:2.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-xsmall);--icon-size:var(--stzh-icon-size-xsmall);--icon-angle-size:var(--stzh-icon-size-xsmall);--remove-gap:var(--stzh-space-small);--popover-distance:calc(var(--stzh-space-xsmall) - (var(--outer-height) - var(--height)) / 2)}}@media screen and (min-width: 1600px) and (min-width: 900px){stzh-dropdown:where([size-ultra=\"default\"]):where([variant=\"filter\"]){--outer-height:auto;--popover-distance:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"large\"]):where([variant=\"filter\"]){--height:2.5rem;--border-radius:1.25rem;--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-small);--remove-gap:var(--stzh-space-medium)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"small\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-small-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"small\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px;--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1600px){stzh-dropdown:where([size-ultra=\"tiny\"]){--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal;--height:var(--stzh-form-input-tiny-height);--icon-size:var(--stzh-icon-size-medium);--icon-angle-size:var(--stzh-icon-size-medium);--padding-top:var(--stzh-space-xxsmall);--padding-bottom:var(--stzh-space-xxsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--icon-gap:var(--stzh-space-xsmall);--icon-angle-gap:var(--stzh-space-xsmall);--remove-gap:var(--stzh-space-xxsmall);--multiple-padding-top:var(--stzh-space-xxsmall);--multiple-padding-bottom:var(--stzh-space-xxsmall)}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"plain\"]){--padding-left:0px;--padding-right:0px}stzh-dropdown:where([size-ultra=\"tiny\"]):where([variant=\"filter\"]){--padding-top:0px;--padding-bottom:0px}}.stzh-dropdown{}.stzh-dropdown__marker-symbol{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-dropdown__marker-text{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__description-wrapper{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-dropdown__error,.stzh-dropdown__description{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-dropdown__error{color:var(--stzh-color-error60)}.stzh-dropdown__error-list{list-style:none;margin:0;padding:0}.stzh-dropdown__description{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__description-long{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-dropdown__description-long{margin-top:0}}.stzh-dropdown__description-long-popover{--width:auto;--max-width:27.3125rem}.stzh-dropdown__description-long-button{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-dropdown stzh-icon.stzh-dropdown__description-long-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--has-error .stzh-dropdown__error,.stzh-dropdown--has-description .stzh-dropdown__description{margin-top:var(--stzh-space-xxxsmall)}.stzh-dropdown__wrapper{position:relative}.stzh-dropdown .ts-hidden-accessible{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown .ts-dropdown-content{width:100%;overflow-y:auto;overflow-x:hidden;overflow-scrolling:touch}.stzh-dropdown .ts-wrapper{display:flex;align-items:center;min-height:var(--outer-height)}.stzh-dropdown .ts-control{overflow:hidden;position:relative;display:flex;align-items:center;flex-wrap:wrap;min-height:var(--height);border-radius:var(--border-radius);background-color:var(--background-color);transition-property:border-color, background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown .ts-control>*{vertical-align:baseline;display:inline-block}.stzh-dropdown .ts-control,.stzh-dropdown .ts-control>input,.stzh-dropdown__sizer{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);width:100%;border:0.125rem solid var(--border-color)}.stzh-dropdown .ts-control>input{flex:1 1 auto;display:inline-block;padding:0;min-height:0;max-height:none;max-width:100%;margin:0;text-indent:0;border:0 none;background:none;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto;box-shadow:none;cursor:pointer}.stzh-dropdown .ts-control>input::-webkit-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-moz-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input:-ms-input-placeholder{color:var(--placeholder-color)}.stzh-dropdown .ts-control>input::-ms-clear{display:none}.stzh-dropdown .ts-control>input:focus{outline:none}.stzh-dropdown .ts-control>input:-moz-placeholder-shown{text-overflow:ellipsis}.stzh-dropdown .ts-control>input:placeholder-shown{text-overflow:ellipsis}.stzh-dropdown__vhidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__field-wrapper,.stzh-dropdown__select{position:relative}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item,.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{transition:color var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select .ts-control>input,.stzh-dropdown__select.single .stzh-dropdown__item{color:var(--color)}.stzh-dropdown__sizer{height:var(--height);display:flex;align-items:center;margin-top:calc(var(--height) / -1);pointer-events:none;visibility:hidden}.stzh-dropdown__select.has-items~.stzh-dropdown__sizer{display:none}.stzh-dropdown__select.plugin-input_hide~.stzh-dropdown__sizer{visibility:visible}.stzh-dropdown__select.input-active .ts-control,.stzh-dropdown__select.input-active .ts-control>input{cursor:text}.stzh-dropdown__select.input-hidden .ts-control>input,.stzh-dropdown__select.plugin-input_hide .ts-control>input{opacity:0;position:absolute;left:-625rem}.stzh-dropdown__select.single .ts-control,.stzh-dropdown__select.multi .ts-control,.stzh-dropdown__sizer{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:calc(var(--icon-angle-size) + var(--icon-angle-gap) + var(--padding-right))}.stzh-dropdown__icon-wrapper,.stzh-dropdown__icon-angle-wrapper{display:flex;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.stzh-dropdown__icon-wrapper{left:var(--padding-left);color:var(--icon-color)}.stzh-dropdown__icon-angle-wrapper{right:var(--padding-right);color:var(--icon-angle-color)}.stzh-dropdown__icon-wrapper stzh-icon,.stzh-dropdown__icon{--size:var(--icon-size)}.stzh-dropdown__icon-angle-wrapper stzh-icon,.stzh-dropdown__icon-angle{--size:var(--icon-angle-size)}.stzh-dropdown__label{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:var(--label-font-size);line-height:var(--label-line-height);letter-spacing:var(--label-letter-spacing);color:var(--label-color);display:block;width:auto;max-width:100%;margin-bottom:var(--stzh-space-xxxsmall)}.stzh-dropdown__label.no-label-truncate{white-space:normal;overflow:visible;text-overflow:initial;word-wrap:break-word}.stzh-dropdown__label:empty{display:none}.stzh-dropdown__marker{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-dropdown__option,.stzh-dropdown__create,.stzh-dropdown__no-results,.stzh-dropdown__not-loading{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);padding:var(--stzh-space-xsmall) var(--stzh-space-medium);padding-right:var(--stzh-space-large)}.stzh-dropdown__option,.stzh-dropdown__create{display:flex;align-items:center;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;outline:none;border:none;color:var(--stzh-color-black);min-height:var(--stzh-menu-item-height);transition:all var(--stzh-base-transition-animation-speed);cursor:pointer}.stzh-dropdown__option:hover,.stzh-dropdown__option.active,.stzh-dropdown__create:hover,.stzh-dropdown__create.active{background-color:var(--stzh-color-grey20)}.stzh-dropdown__option input,.stzh-dropdown__create input{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown__option.selected{color:var(--stzh-color-primary70)}.stzh-dropdown__option.selected::before{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute;content:\"✓\"}.stzh-dropdown__option[aria-disabled=true]{cursor:not-allowed;color:var(--stzh-color-grey70);background-color:var(--stzh-color-grey10)}.stzh-dropdown__create{display:block}.stzh-dropdown__option-title{flex-grow:1}.stzh-dropdown__option[data-selectable] .highlight{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-dropdown__option-check{display:none}.stzh-dropdown__no-results{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.stzh-dropdown__optgroup-header{cursor:default}.stzh-dropdown__loader{display:flex;align-items:center;justify-content:center;height:var(--stzh-menu-item-height)}.stzh-dropdown__dropdown{position:absolute;top:auto;left:auto;white-space:nowrap;margin-top:var(--popover-distance);margin-left:var(--popover-skidding);transform:none;z-index:var(--stzh-z-index-popover);width:var(--popover-width);min-width:var(--popover-min-width);max-width:var(--popover-max-width);height:var(--popover-height);min-height:var(--popover-min-height);max-height:var(--popover-max-height);background-color:var(--popover-background-color);box-shadow:var(--popover-box-shadow);border-radius:var(--popover-border-radius)}.stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xxsmall)}.stzh-dropdown__select.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.stzh-dropdown__select.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:0.25rem}.stzh-dropdown__select.has-items .ts-control>input{margin:0 0.25rem}.stzh-dropdown__select.has-items .ts-control>input::-webkit-input-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input::-moz-placeholder{color:transparent}.stzh-dropdown__select.has-items .ts-control>input:-ms-input-placeholder{color:transparent}.stzh-dropdown__select.dropdown-active~.stzh-dropdown__icon-angle-wrapper{transform:var(--active-icon-angle-transform)}.stzh-dropdown--is-multiple .stzh-dropdown__option-check{display:inline-flex;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-xsmall)}.stzh-dropdown--is-multiple .stzh-dropdown__option.selected .stzh-dropdown__option-check{opacity:1}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi.has-items .ts-control{padding-top:var(--multiple-padding-top);padding-bottom:var(--multiple-padding-bottom)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:relative;min-height:1.5rem;height:auto;line-height:1.5rem;display:flex;flex-direction:row;align-items:center;border-radius:0.75rem;padding:0 var(--stzh-space-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;border:0.0625rem solid transparent;color:var(--stzh-color-primary70);background-color:var(--stzh-color-primary10);transition:all var(--stzh-base-transition-animation-speed);margin:var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) var(--stzh-space-xxsmall) 0;cursor:pointer}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary20)}.stzh-dropdown--is-multiple .stzh-dropdown__select.multi .stzh-dropdown__item.active{color:var(--stzh-color-white);background-color:var(--stzh-color-primary70)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item,.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item{display:inline-flex;align-items:flex-start;gap:var(--remove-gap);padding-right:0px}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{position:relative;right:-0.0625rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:1.5rem;height:1.5rem;border-radius:1.5rem;display:flex;justify-content:center;align-items:center;color:var(--stzh-color-primary70);flex-shrink:0;transition:all var(--stzh-base-transition-animation-speed)}.stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-primary90);background-color:var(--stzh-color-primary30)}.stzh-dropdown--is-multiple .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item.active .stzh-dropdown__remove-icon{color:var(--stzh-color-white)}.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-top:0;top:auto;bottom:100%;margin-bottom:calc(var(--popover-distance) - 1.21875rem)}.stzh-dropdown--popover-placement-top.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-end.stzh-dropdown--plain .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-top-center.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-bottom:0}.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-end .stzh-dropdown__dropdown{left:auto;right:0}.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown,.stzh-dropdown--popover-placement-bottom-center .stzh-dropdown__dropdown{left:50%;transform:translateX(-50%)}.stzh-dropdown--popover-fullwidth-horizontal .stzh-dropdown__dropdown{left:0;right:0;transform:none}.stzh-dropdown--has-label-hidden .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-end .stzh-dropdown__dropdown,.stzh-dropdown--has-label-hidden.stzh-dropdown--popover-placement-top-center .stzh-dropdown__dropdown{margin-bottom:calc(var(--popover-distance) - 0.0625rem)}.stzh-dropdown--has-icon .stzh-dropdown__select.single .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--has-icon .stzh-dropdown__sizer{padding-left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain .stzh-dropdown__select.single .ts-control,.stzh-dropdown--plain .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--plain .stzh-dropdown__sizer{border:none}.stzh-dropdown--plain .stzh-dropdown__label{left:0;max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--plain .stzh-dropdown__label::before{content:none}.stzh-dropdown--plain .stzh-dropdown__dropdown{margin-top:0}.stzh-dropdown--plain.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--icon-size) + var(--icon-gap))}.stzh-dropdown--plain.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--plain.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--has-no-search .ts-control>input{position:absolute;width:0px;height:0px}.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control,.stzh-dropdown--has-no-search .stzh-dropdown__select.input-active .ts-control>input{cursor:pointer}.stzh-dropdown--filter .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter .stzh-dropdown__sizer{border:none}.stzh-dropdown--filter .stzh-dropdown__label{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);left:var(--padding-left);max-width:100%;padding:0;z-index:1;position:absolute;margin:0;top:50%;transform:translateY(-50%);transition:all var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-dropdown--filter .stzh-dropdown__label::before{content:none}.stzh-dropdown--filter.stzh-dropdown--has-icon .stzh-dropdown__label{left:calc(var(--padding-left) + var(--icon-size) + var(--icon-gap))}.stzh-dropdown--filter.stzh-dropdown--has-focus:not(.stzh-dropdown--has-no-search) .stzh-dropdown__label,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__label{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{color:var(--stzh-color-primary70);background-color:var(--stzh-color-secondary30);width:var(--height);height:var(--height);border-top-left-radius:0px;border-bottom-left-radius:0px}.stzh-dropdown--filter .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-black);background-color:var(--stzh-color-secondary40)}.stzh-dropdown--filter .stzh-dropdown__remove-icon{--size:var(--stzh-icon-size-xsmall)}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__icon-angle-wrapper{display:none}.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.single .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__select.multi .ts-control,.stzh-dropdown--filter.stzh-dropdown--is-filled .stzh-dropdown__sizer{padding-right:0px}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove{cursor:not-allowed}.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item,.stzh-dropdown--is-disabled .stzh-dropdown__select.multi .stzh-dropdown__item:hover{color:var(--stzh-color-grey70);background-color:var(--stzh-color-white)}.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove,.stzh-dropdown--is-disabled .stzh-dropdown__select.plugin-remove_button .stzh-dropdown__item .remove:hover{color:var(--stzh-color-grey70);background-color:transparent}.stzh-dropdown--is-disabled .stzh-dropdown__label,.stzh-dropdown--is-disabled .ts-control,.stzh-dropdown--is-disabled .ts-control>input{cursor:not-allowed}.stzh-dropdown--is-inline.stzh-dropdown--has-no-wrap{white-space:nowrap}";
|
|
4908
4908
|
|
|
4909
4909
|
const TomSelectInputReadonly = function (_plugin_options) {
|
|
4910
4910
|
const self = this;
|
|
@@ -4953,6 +4953,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
4953
4953
|
this.searchField = ["text"];
|
|
4954
4954
|
this.multiple = false;
|
|
4955
4955
|
this.inline = false;
|
|
4956
|
+
this.noWrap = false;
|
|
4956
4957
|
this.maxOptions = null;
|
|
4957
4958
|
this.searchConjunction = "and";
|
|
4958
4959
|
this.transformLoadQuery = "trim";
|
|
@@ -4983,6 +4984,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
4983
4984
|
this.popoverPlacement = "bottom";
|
|
4984
4985
|
this.popoverFullwidth = "";
|
|
4985
4986
|
this.label = "";
|
|
4987
|
+
this.noLabelTruncate = false;
|
|
4986
4988
|
this.labelHidden = false;
|
|
4987
4989
|
this.icon = "";
|
|
4988
4990
|
this.iconAngle = "angle-down";
|
|
@@ -5063,7 +5065,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5063
5065
|
* Returns the value of the control.
|
|
5064
5066
|
* If multiple items can be selected,
|
|
5065
5067
|
* this returns an array, otherwise a string.
|
|
5066
|
-
|
|
5068
|
+
*/
|
|
5067
5069
|
async getValue() {
|
|
5068
5070
|
return this.tomSelect.getValue();
|
|
5069
5071
|
}
|
|
@@ -5147,12 +5149,12 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5147
5149
|
if (this.multiple || this.variant === "filter") {
|
|
5148
5150
|
plugins["remove_button"] = {
|
|
5149
5151
|
title: this.localization.removeButtonTitle,
|
|
5150
|
-
label: '<stzh-icon name="close-big" class="stzh-dropdown__remove-icon"></stzh-icon>'
|
|
5152
|
+
label: '<stzh-icon name="close-big" class="stzh-dropdown__remove-icon"></stzh-icon>',
|
|
5151
5153
|
};
|
|
5152
5154
|
}
|
|
5153
5155
|
const tomSelectOptions = {
|
|
5154
5156
|
dropdownParent: this.dropdownWrapperElement,
|
|
5155
|
-
openDisplay:
|
|
5157
|
+
openDisplay: "flex",
|
|
5156
5158
|
plugins,
|
|
5157
5159
|
maxItems: this.multiple ? null : 1,
|
|
5158
5160
|
maxOptions: this.maxOptions,
|
|
@@ -5161,9 +5163,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5161
5163
|
searchField: this._searchField,
|
|
5162
5164
|
searchConjunction: this.searchConjunction,
|
|
5163
5165
|
allowEmptyOption: this.allowEmptyOption,
|
|
5164
|
-
closeAfterSelect: this.closeAfterSelect !== null
|
|
5165
|
-
? this.closeAfterSelect
|
|
5166
|
-
: !this.multiple,
|
|
5166
|
+
closeAfterSelect: this.closeAfterSelect !== null ? this.closeAfterSelect : !this.multiple,
|
|
5167
5167
|
labelField: this.labelField,
|
|
5168
5168
|
valueField: this.valueField,
|
|
5169
5169
|
optgroupField: this.optgroupField,
|
|
@@ -5176,15 +5176,13 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5176
5176
|
return this.transformLoadQuery(inputValue);
|
|
5177
5177
|
}
|
|
5178
5178
|
else if (this.transformLoadQuery === "join") {
|
|
5179
|
-
const lastQueries = Array.from(this.tomSelect.controlChildren())
|
|
5180
|
-
|
|
5181
|
-
return (lastQueries.length > 0
|
|
5179
|
+
const lastQueries = Array.from(this.tomSelect.controlChildren()).map((element) => element.innerText);
|
|
5180
|
+
return ((lastQueries.length > 0
|
|
5182
5181
|
? lastQueries.join(" ") + (inputValue ? " " : "")
|
|
5183
|
-
: "")
|
|
5184
|
-
+ inputValue.replace(/\s\s+/g, ' ');
|
|
5182
|
+
: "") + inputValue.replace(/\s\s+/g, " "));
|
|
5185
5183
|
}
|
|
5186
5184
|
else if (this.transformLoadQuery === "trim-to-single-ws") {
|
|
5187
|
-
return inputValue.replace(/\s\s+/g,
|
|
5185
|
+
return inputValue.replace(/\s\s+/g, " ");
|
|
5188
5186
|
}
|
|
5189
5187
|
else {
|
|
5190
5188
|
return inputValue.trim();
|
|
@@ -5241,13 +5239,15 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5241
5239
|
${this.localization.noResults.replace(/\{x\}/gi, escape(data.input))}
|
|
5242
5240
|
</div>`;
|
|
5243
5241
|
},
|
|
5244
|
-
not_loading: this.load === null
|
|
5245
|
-
|
|
5242
|
+
not_loading: this.load === null
|
|
5243
|
+
? null
|
|
5244
|
+
: (_data, escape) => {
|
|
5245
|
+
return `
|
|
5246
5246
|
<div class="stzh-dropdown__not-loading" id="${this.dropdownId}-not-loading">
|
|
5247
5247
|
${this.localization.notLoading.replace(/\{x\}/gi, escape(this.minCharacters.toString()))}
|
|
5248
5248
|
</div>
|
|
5249
5249
|
`;
|
|
5250
|
-
|
|
5250
|
+
},
|
|
5251
5251
|
optgroup: (data) => {
|
|
5252
5252
|
let optgroup = document.createElement("div");
|
|
5253
5253
|
optgroup.className = "stzh-dropdown__optgroup";
|
|
@@ -5270,7 +5270,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5270
5270
|
},
|
|
5271
5271
|
dropdown: () => {
|
|
5272
5272
|
return `<div class="stzh-dropdown__dropdown"></div>`;
|
|
5273
|
-
}
|
|
5273
|
+
},
|
|
5274
5274
|
},
|
|
5275
5275
|
onChange: (value) => {
|
|
5276
5276
|
this._items = this.tomSelect.items;
|
|
@@ -5278,21 +5278,21 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5278
5278
|
this.value = this.multiple ? this._items : this._items[0];
|
|
5279
5279
|
this.stzhChange.emit({
|
|
5280
5280
|
component: "stzh-dropdown",
|
|
5281
|
-
value
|
|
5281
|
+
value,
|
|
5282
5282
|
});
|
|
5283
5283
|
},
|
|
5284
5284
|
onItemAdd: (value) => {
|
|
5285
5285
|
this._items = this.tomSelect.items;
|
|
5286
5286
|
this.stzhItemAdd.emit({
|
|
5287
5287
|
component: "stzh-dropdown",
|
|
5288
|
-
value
|
|
5288
|
+
value,
|
|
5289
5289
|
});
|
|
5290
5290
|
},
|
|
5291
5291
|
onItemRemove: (value) => {
|
|
5292
5292
|
this._items = this.tomSelect.items;
|
|
5293
5293
|
this.stzhItemRemove.emit({
|
|
5294
5294
|
component: "stzh-dropdown",
|
|
5295
|
-
value
|
|
5295
|
+
value,
|
|
5296
5296
|
});
|
|
5297
5297
|
},
|
|
5298
5298
|
onOptionAdd: (value) => {
|
|
@@ -5300,7 +5300,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5300
5300
|
this.updateFilled();
|
|
5301
5301
|
this.stzhOptionAdd.emit({
|
|
5302
5302
|
component: "stzh-dropdown",
|
|
5303
|
-
value
|
|
5303
|
+
value,
|
|
5304
5304
|
});
|
|
5305
5305
|
},
|
|
5306
5306
|
onOptionRemove: (value) => {
|
|
@@ -5308,19 +5308,19 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5308
5308
|
this.updateFilled();
|
|
5309
5309
|
this.stzhOptionRemove.emit({
|
|
5310
5310
|
component: "stzh-dropdown",
|
|
5311
|
-
value
|
|
5311
|
+
value,
|
|
5312
5312
|
});
|
|
5313
5313
|
},
|
|
5314
5314
|
onDropdownOpen: () => {
|
|
5315
5315
|
this.isOpen = true;
|
|
5316
5316
|
this.stzhOpen.emit({
|
|
5317
|
-
component: "stzh-dropdown"
|
|
5317
|
+
component: "stzh-dropdown",
|
|
5318
5318
|
});
|
|
5319
5319
|
},
|
|
5320
5320
|
onDropdownClose: () => {
|
|
5321
5321
|
this.isOpen = false;
|
|
5322
5322
|
this.stzhClose.emit({
|
|
5323
|
-
component: "stzh-dropdown"
|
|
5323
|
+
component: "stzh-dropdown",
|
|
5324
5324
|
});
|
|
5325
5325
|
},
|
|
5326
5326
|
onFocus: () => {
|
|
@@ -5329,46 +5329,46 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5329
5329
|
// to be able to execute load function again, we reset loaded searches
|
|
5330
5330
|
this.resetLoadedSearches();
|
|
5331
5331
|
// if results have been preloaded before, load them now directly with load function
|
|
5332
|
-
if (this.tomSelect.wrapper.classList.contains(
|
|
5332
|
+
if (this.tomSelect.wrapper.classList.contains("preloaded")) {
|
|
5333
5333
|
// since tomSelect.preload() doesn't call tomSelect.shouldCall() method internally (to check for minCharacters),
|
|
5334
5334
|
// we will also not call it (this.tomSelect.settings.shouldLoad.call(this.tomSelect, ''))
|
|
5335
|
-
this.tomSelect.load(
|
|
5335
|
+
this.tomSelect.load("");
|
|
5336
5336
|
}
|
|
5337
5337
|
}
|
|
5338
5338
|
this.rootElement.classList.add(CLASS_FOCUS);
|
|
5339
|
-
const focusEvent = new FocusEvent(
|
|
5339
|
+
const focusEvent = new FocusEvent("focus", {
|
|
5340
5340
|
view: window,
|
|
5341
5341
|
bubbles: false,
|
|
5342
|
-
cancelable: false
|
|
5342
|
+
cancelable: false,
|
|
5343
5343
|
});
|
|
5344
5344
|
this.element.dispatchEvent(focusEvent);
|
|
5345
5345
|
this.stzhFocus.emit({
|
|
5346
5346
|
component: "stzh-dropdown",
|
|
5347
5347
|
originalEvent: {
|
|
5348
|
-
target: this.tomSelect.control
|
|
5349
|
-
}
|
|
5348
|
+
target: this.tomSelect.control,
|
|
5349
|
+
},
|
|
5350
5350
|
});
|
|
5351
5351
|
},
|
|
5352
5352
|
onBlur: () => {
|
|
5353
5353
|
this.rootElement.classList.remove(CLASS_FOCUS);
|
|
5354
|
-
const blurEvent = new FocusEvent(
|
|
5354
|
+
const blurEvent = new FocusEvent("blur", {
|
|
5355
5355
|
view: window,
|
|
5356
5356
|
bubbles: false,
|
|
5357
|
-
cancelable: false
|
|
5357
|
+
cancelable: false,
|
|
5358
5358
|
});
|
|
5359
5359
|
this.element.dispatchEvent(blurEvent);
|
|
5360
5360
|
this.stzhBlur.emit({
|
|
5361
|
-
component: "stzh-dropdown"
|
|
5361
|
+
component: "stzh-dropdown",
|
|
5362
5362
|
});
|
|
5363
5363
|
},
|
|
5364
5364
|
onInitialize: () => {
|
|
5365
5365
|
this.stzhInit.emit({
|
|
5366
|
-
component: "stzh-dropdown"
|
|
5366
|
+
component: "stzh-dropdown",
|
|
5367
5367
|
});
|
|
5368
5368
|
},
|
|
5369
5369
|
onLoad: () => {
|
|
5370
5370
|
this._options = this.tomSelect.options;
|
|
5371
|
-
}
|
|
5371
|
+
},
|
|
5372
5372
|
};
|
|
5373
5373
|
if (this._options) {
|
|
5374
5374
|
tomSelectOptions.options = this._options;
|
|
@@ -5399,13 +5399,14 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5399
5399
|
}
|
|
5400
5400
|
render() {
|
|
5401
5401
|
var _a, _b;
|
|
5402
|
-
const iconUsed = hasSlot(this.element,
|
|
5403
|
-
const descriptionUsed = hasSlot(this.element,
|
|
5404
|
-
const descriptionLongUsed = hasSlot(this.element,
|
|
5405
|
-
const errorUsed = hasSlot(this.element,
|
|
5402
|
+
const iconUsed = hasSlot(this.element, "icon") || !!this.icon;
|
|
5403
|
+
const descriptionUsed = hasSlot(this.element, "description") || !!this.description;
|
|
5404
|
+
const descriptionLongUsed = hasSlot(this.element, "description-long") || !!this.descriptionLong;
|
|
5405
|
+
const errorUsed = hasSlot(this.element, "error") || ((_a = this._error) === null || _a === void 0 ? void 0 : _a.length) > 0;
|
|
5406
5406
|
const classes = {
|
|
5407
5407
|
"stzh-dropdown": true,
|
|
5408
5408
|
"stzh-dropdown--is-inline": this.inline,
|
|
5409
|
+
"stzh-dropdown--has-no-wrap": this.noWrap,
|
|
5409
5410
|
"stzh-dropdown--is-multiple": this.multiple,
|
|
5410
5411
|
"stzh-dropdown--is-disabled": this.disabled,
|
|
5411
5412
|
"stzh-dropdown--is-required": this.required,
|
|
@@ -5420,23 +5421,20 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5420
5421
|
[`stzh-dropdown--popover-placement-${this.popoverPlacement}`]: !!this.popoverPlacement,
|
|
5421
5422
|
[`stzh-dropdown--popover-fullwidth-${this.popoverFullwidth}`]: !!this.popoverFullwidth,
|
|
5422
5423
|
[`stzh-dropdown--size-${this.size}`]: !!this.size,
|
|
5423
|
-
[`stzh-dropdown--${this.variant}`]: !!this.variant
|
|
5424
|
+
[`stzh-dropdown--${this.variant}`]: !!this.variant,
|
|
5424
5425
|
};
|
|
5425
|
-
return (h(Host, { "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { class: classes, ref: (el) => (this.rootElement = el) }, h("div", { class: "stzh-dropdown__wrapper" }, h("label", { id: `${this.dropdownId}-label`, class:
|
|
5426
|
-
|
|
5427
|
-
|
|
5428
|
-
|
|
5429
|
-
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
h("stzh-
|
|
5433
|
-
|
|
5434
|
-
h("slot", { name: "icon-angle" })), h("div", { class: "stzh-dropdown__icon-wrapper" }, this.icon ?
|
|
5435
|
-
|
|
5436
|
-
:
|
|
5437
|
-
h("slot", { name: "icon" })), this.hideOptional && this.required &&
|
|
5438
|
-
h("div", { id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText), this.invalid &&
|
|
5439
|
-
h("div", { id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText))), h("div", { class: "stzh-dropdown__dropdown-wrapper", ref: (el) => (this.dropdownWrapperElement = el) }), (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 || this.description || this.descriptionLong) && (h(StzhInputDescription, { classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
|
|
5426
|
+
return (h(Host, { "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { class: classes, ref: (el) => (this.rootElement = el) }, h("div", { class: "stzh-dropdown__wrapper" }, h("label", { id: `${this.dropdownId}-label`, class: {
|
|
5427
|
+
"stzh-dropdown__label": true,
|
|
5428
|
+
"no-label-truncate": this.noLabelTruncate,
|
|
5429
|
+
}, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { class: "stzh-dropdown__marker" }, h("span", { class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
|
|
5430
|
+
? this.localization.$globals.requiredFieldMarker
|
|
5431
|
+
: this.localization.$globals.optionalFieldMarker), h("span", { class: "stzh-dropdown__marker-text" }, this.required
|
|
5432
|
+
? this.localization.$globals.requiredFieldText
|
|
5433
|
+
: this.localization.$globals.optionalFieldText)))), h("div", { class: "stzh-dropdown__field-wrapper" }, h("select", { id: this.dropdownId, class: "stzh-dropdown__select", ref: (el) => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional &&
|
|
5434
|
+
this.required &&
|
|
5435
|
+
`${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", null)), this.inline && this.label && (h("div", { class: "stzh-dropdown__sizer" }, this.label)), h("div", { class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { class: "stzh-dropdown__dropdown-wrapper", ref: (el) => (this.dropdownWrapperElement = el) }), (((_b = this._error) === null || _b === void 0 ? void 0 : _b.length) > 0 ||
|
|
5436
|
+
this.description ||
|
|
5437
|
+
this.descriptionLong) && (h(StzhInputDescription, { classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
|
|
5440
5438
|
}
|
|
5441
5439
|
get element() { return this; }
|
|
5442
5440
|
static get watchers() { return {
|
|
@@ -5455,6 +5453,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5455
5453
|
"searchField": [1, "search-field"],
|
|
5456
5454
|
"multiple": [516],
|
|
5457
5455
|
"inline": [516],
|
|
5456
|
+
"noWrap": [516, "no-wrap"],
|
|
5458
5457
|
"maxOptions": [2, "max-options"],
|
|
5459
5458
|
"searchConjunction": [1, "search-conjunction"],
|
|
5460
5459
|
"transformLoadQuery": [1, "transform-load-query"],
|
|
@@ -5485,6 +5484,7 @@ const StzhDropdown = /*@__PURE__*/ proxyCustomElement(class StzhDropdown extends
|
|
|
5485
5484
|
"popoverPlacement": [513, "popover-placement"],
|
|
5486
5485
|
"popoverFullwidth": [513, "popover-fullwidth"],
|
|
5487
5486
|
"label": [1],
|
|
5487
|
+
"noLabelTruncate": [4, "no-label-truncate"],
|
|
5488
5488
|
"labelHidden": [4, "label-hidden"],
|
|
5489
5489
|
"icon": [1],
|
|
5490
5490
|
"iconAngle": [1, "icon-angle"],
|