@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
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
import { d as defineCustomElement$2 } from './stzh-heading2.js';
|
|
3
3
|
|
|
4
|
-
const stzhFieldsetCss = ".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipselect.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipselect.sc-stzh-fieldset{margin-bottom:var(--stzh-space-xlarge)}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:calc(var(--stzh-fieldset-description-min-height) + var(--stzh-space-xsmall))}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkboxgroup stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radiogroup stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{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}";
|
|
4
|
+
const stzhFieldsetCss = ".sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipselect.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipselect.sc-stzh-fieldset{margin-bottom:var(--stzh-space-xlarge)}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:calc(var(--stzh-fieldset-description-min-height) + var(--stzh-space-xsmall))}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkboxgroup stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radiogroup stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}@media screen and (max-width: 1259px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 1259px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (max-width: 599px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 900px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px) and (min-width: 1260px){.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{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}";
|
|
5
5
|
|
|
6
6
|
const StzhFieldset$1 = /*@__PURE__*/ proxyCustomElement(class StzhFieldset extends HTMLElement {
|
|
7
7
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"stzh-fieldset.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,
|
|
1
|
+
{"file":"stzh-fieldset.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,8mvBAA8mvB;;MCiBznvBA,cAAY;;;;kBAEE,EAAE;sBAGG,KAAK;uBAGe,EAAE;uBAGR,MAAM;;EAElD,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,eAAe,EAAE,IAAI;MACrB,4BAA4B,EAAE,IAAI,CAAC,UAAU;KAC9C,CAAC;IAEF,QACE,EAAC,IAAI,QACH,gBAAU,KAAK,EAAE,OAAO,IACrB,IAAI,CAAC,MAAM;MACV,cAAQ,KAAK,EAAC,uBAAuB,IAClC,IAAI,CAAC,WAAW;QACf,oBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,KAAK,EAAE,IAAI,CAAC,WAAW,IAEtB,IAAI,CAAC,MAAM,CACC;;UAEf,IAAI,CAAC,MAAM,CAEN,EAEX,WAAK,KAAK,EAAC,wBAAwB,IACjC,eAAa,CACT,CACG,CACN,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhFieldset"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n\n & > .section > stzh-chipgroup,\n & > stzh-chipgroup,\n & > .section > stzh-chipselect,\n & > stzh-chipselect {\n margin-bottom: space('xlarge');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-daterange),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n ::slotted(stzh-daterange) {\n @include mq($to: medium) {\n margin-bottom: calc(#{$fieldsetDescriptionMinHeight} + #{spaceCurveValue('tiny')});\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve('margin-top', 'medium');\n @include spaceCurve('margin-bottom', 'big');\n }\n\n ::slotted(*) {\n stzh-checkboxgroup stzh-checkbox,\n stzh-radiogroup stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n\n /* Slotted cells and rows */\n\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve('margin-bottom', 'tiny');\n }\n }\n}\n\n.stzh-fieldset {\n // --stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font('title');\n @include fontCurve('h4');\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space('large');\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import {\n Component,\n Host,\n Prop,\n h,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for any (mostly form) elements\n */\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true\n})\nexport class StzhFieldset {\n /** Legend describing the field group inside the fieldset */\n @Prop() legend: string = \"\";\n\n /** Hide legend to show only for screenreaders */\n @Prop() hideLegend: boolean = false;\n\n /** Heading level inside legend */\n @Prop() legendLevel: \"\" | \"1\" | \"2\" | \"3\" | \"4\" = \"\";\n\n /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves | \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend &&\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ?\n <stzh-heading\n level={this.legendLevel}\n curve={this.legendCurve}\n >\n {this.legend}\n </stzh-heading>\n :\n this.legend\n }\n </legend>\n }\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -22,16 +22,19 @@ import { d as defineCustomElement$4 } from './stzh-popover2.js';
|
|
|
22
22
|
import { d as defineCustomElement$3 } from './stzh-ratio2.js';
|
|
23
23
|
import { d as defineCustomElement$2 } from './stzh-text2.js';
|
|
24
24
|
|
|
25
|
-
const stzhGeoRefDataCss = ":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}:host{--meta-grid-template-areas:\"filters\" \"search\" \"resultstoggle\";--results-grid-template-areas:\"map\" \"list\"}@media screen and (min-width: 1260px){:host{--meta-grid-template-areas:\"filters filters filters filters filters filters filters filters search search search search\";--results-grid-template-areas:\"map map map map map map map map list list list list\"}}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;display:none;opacity:0;visibility:hidden;pointer-events:none;}.stzh-geo-ref-data--is-open{display:flex;opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem;padding-right:2rem}}.stzh-geo-ref-data__heading{display:flex;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__filters-content{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{padding-left:0.75rem}}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--results-grid-template-areas);--grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:var(--stzh-space-large);overflow:auto}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{padding-left:0;padding-right:2rem;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center}.stzh-poi-teaser{display:grid;grid-template-columns:minmax(0, 1fr) 11.25rem;height:11.25rem;background-color:var(--stzh-color-grey10);position:relative}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);-webkit-hyphens:auto;hyphens:auto}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall)}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser-image{position:relative;overflow:hidden}.stzh-poi-teaser-image-inner{position:absolute;inset:0;height:100%}.stzh-poi-teaser-image-inner img{height:11.25rem}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}";
|
|
25
|
+
const stzhGeoRefDataCss = ":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}:host{--meta-grid-template-areas:\"filters\" \"search\" \"resultstoggle\";--results-grid-template-areas:\"map\" \"list\"}@media screen and (min-width: 1260px){:host{--meta-grid-template-areas:\"filters filters filters filters filters filters filters filters search search search search\";--results-grid-template-areas:\"map map map map map map map map list list list list\"}}.stzh-geo-ref-data{position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;flex-direction:column;transition:opacity ease 0.2s;background-color:var(--stzh-color-white);display:none;opacity:0;visibility:hidden;pointer-events:none;}.stzh-geo-ref-data--is-open{display:flex;opacity:1;visibility:visible;pointer-events:inherit}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem;padding-right:2rem}}.stzh-geo-ref-data__heading{display:flex;background-color:var(--stzh-color-secondary20);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__heading{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__meta-wrapper{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--stzh-space-large);padding-top:var(--stzh-space-small);padding-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-geo-ref-data__filters{grid-area:filters;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-toggle{display:none}}@media screen and (max-width: 899px){.stzh-geo-ref-data__filters-toggle stzh-chip{--icon-gap:0}}.stzh-geo-ref-data__filters-content{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{padding-left:0.75rem}}.stzh-geo-ref-data__results-toggle{grid-area:resultstoggle;flex:none;margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-toggle{display:none}}.stzh-geo-ref-data__results-wrapper{height:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--results-grid-template-areas);--grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (max-width: 1259px){.stzh-geo-ref-data__results-wrapper .inactive{visibility:hidden;height:0;position:absolute;overflow:hidden}}.stzh-geo-ref-data__results-map{grid-area:map;position:relative;height:100%}.stzh-geo-ref-data__map-controls{position:absolute;top:var(--stzh-space-small);left:var(--stzh-space-small);background-color:var(--stzh-color-white);padding:var(--stzh-space-xsmall)}.stzh-geo-ref-data__results-list{grid-area:list;padding-left:1.25rem;padding-right:1.25rem;padding-bottom:var(--stzh-space-large);overflow:auto}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{padding-left:0;padding-right:2rem;overflow:auto}}.stzh-geo-ref-data__results-list-heading{margin-bottom:var(--stzh-space-medium)}.stzh-geo-ref-data__teaser-list{display:grid;gap:var(--stzh-space-medium);grid-template-columns:1fr}@media screen and (min-width: 600px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__teaser-list{grid-template-columns:1fr}}.stzh-geo-ref-data__teaser-load-more{display:flex;justify-content:center;margin-top:var(--stzh-space-medium)}.stzh-poi-teaser{display:grid;grid-template-columns:minmax(0, 1fr) 11.25rem;height:11.25rem;background-color:var(--stzh-color-grey10);position:relative}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);-webkit-hyphens:auto;hyphens:auto}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall)}.stzh-poi-teaser-content stzh-text{--color:var(--stzh-color-grey80)}.stzh-poi-teaser-link{position:absolute;top:0;right:0;bottom:0;left:0}.stzh-poi-teaser-image{position:relative;overflow:hidden}.stzh-poi-teaser-image-inner{position:absolute;inset:0;height:100%}.stzh-poi-teaser-image-inner img{height:11.25rem}.stzh-poi-teaser-list-item{display:flex;gap:var(--stzh-space-small);margin-top:var(--stzh-space-xxsmall)}.stzh-poi-teaser-list-item stzh-icon,.stzh-poi-teaser-list-item stzh-text{--color:var(--stzh-color-grey80)}";
|
|
26
26
|
|
|
27
|
+
const CLASS_BODY_OPEN = "stzh-overlay-open";
|
|
27
28
|
const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTMLElement {
|
|
28
29
|
constructor() {
|
|
29
30
|
super();
|
|
30
31
|
this.__registerHost();
|
|
31
32
|
this.__attachShadow();
|
|
32
33
|
this.stzhOverlayCloseClick = createEvent(this, "stzhOverlayCloseClick", 7);
|
|
34
|
+
this._availableTags = [];
|
|
33
35
|
this.filterResults = [];
|
|
34
36
|
this.handleOverlayCloseClick = () => {
|
|
37
|
+
document.body.classList.remove(CLASS_BODY_OPEN);
|
|
35
38
|
this.isOpen = false;
|
|
36
39
|
};
|
|
37
40
|
this.handleResize = async () => {
|
|
@@ -48,7 +51,7 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
48
51
|
};
|
|
49
52
|
this.handleFilterChange = async (e) => {
|
|
50
53
|
if (e.detail.value.length !== 0) {
|
|
51
|
-
this.filterResults = this.combinedData.filter(
|
|
54
|
+
this.filterResults = this.combinedData.filter(item => item.tags && item.tags.some(tag => e.detail.value.includes(tag)));
|
|
52
55
|
this.filterActive = true;
|
|
53
56
|
}
|
|
54
57
|
else {
|
|
@@ -56,7 +59,7 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
56
59
|
}
|
|
57
60
|
await this.combineFilterAndSearchResults();
|
|
58
61
|
};
|
|
59
|
-
this.handleExtentVisibilityChange =
|
|
62
|
+
this.handleExtentVisibilityChange = e => {
|
|
60
63
|
this.showOnlyResultsForCurrentExtent = e.detail.checked;
|
|
61
64
|
};
|
|
62
65
|
this.handleSearchChange = async (e) => {
|
|
@@ -65,7 +68,7 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
65
68
|
return;
|
|
66
69
|
}
|
|
67
70
|
const searchResults = this.searchIndex.search(e.detail.value);
|
|
68
|
-
const flatSearchResults = searchResults.flatMap(
|
|
71
|
+
const flatSearchResults = searchResults.flatMap(field => field.result);
|
|
69
72
|
this.searchResults = new Set(flatSearchResults);
|
|
70
73
|
this.searchActive = true;
|
|
71
74
|
}
|
|
@@ -88,6 +91,8 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
88
91
|
this.baseUrlOverride = "https://www.stadt-zuerich.ch";
|
|
89
92
|
this.availableTags = [];
|
|
90
93
|
this.resetTag = undefined;
|
|
94
|
+
this.searchIndexFields = ["title", "poiname", "street", "zip", "description"];
|
|
95
|
+
this.searchIndexIdField = "poiid";
|
|
91
96
|
this.filterActive = false;
|
|
92
97
|
this.searchActive = false;
|
|
93
98
|
this.showOnlyResultsForCurrentExtent = true;
|
|
@@ -100,6 +105,40 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
100
105
|
this.isInitialized = undefined;
|
|
101
106
|
this.isOpen = undefined;
|
|
102
107
|
this.isLoading = undefined;
|
|
108
|
+
this.numberOfItemsToLoad = 20;
|
|
109
|
+
this.canLoadMore = undefined;
|
|
110
|
+
}
|
|
111
|
+
availableTagsWatcher(newValue) {
|
|
112
|
+
if (!newValue) {
|
|
113
|
+
this._availableTags = [];
|
|
114
|
+
}
|
|
115
|
+
else if (typeof newValue === "string") {
|
|
116
|
+
try {
|
|
117
|
+
this._availableTags = JSON.parse(newValue);
|
|
118
|
+
}
|
|
119
|
+
catch (e) {
|
|
120
|
+
this._availableTags = [];
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
this._availableTags = newValue;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
resetTagWatcher(newValue) {
|
|
128
|
+
if (!newValue) {
|
|
129
|
+
this._resetTag = undefined;
|
|
130
|
+
}
|
|
131
|
+
else if (typeof newValue === "string") {
|
|
132
|
+
try {
|
|
133
|
+
this._resetTag = JSON.parse(newValue);
|
|
134
|
+
}
|
|
135
|
+
catch (e) {
|
|
136
|
+
this._resetTag = undefined;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
else {
|
|
140
|
+
this._resetTag = newValue;
|
|
141
|
+
}
|
|
103
142
|
}
|
|
104
143
|
async loadMapData() {
|
|
105
144
|
if (!this.mapDataUrl) {
|
|
@@ -107,23 +146,16 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
107
146
|
return [];
|
|
108
147
|
}
|
|
109
148
|
try {
|
|
110
|
-
// TODO: add loader
|
|
111
149
|
const response = await fetch(this.mapDataUrl);
|
|
112
150
|
const rawMapData = await response.text();
|
|
113
|
-
// console.log('Raw Map data:', rawMapData);
|
|
114
151
|
const parsedData = new DOMParser().parseFromString(rawMapData, "text/xml");
|
|
115
|
-
|
|
116
|
-
const items = Array.from(parsedData.querySelectorAll("featureMember")).map((item) => {
|
|
152
|
+
return Array.from(parsedData.querySelectorAll("featureMember")).map(item => {
|
|
117
153
|
var _a, _b;
|
|
118
154
|
const pos = (_a = item.querySelector("pos")) === null || _a === void 0 ? void 0 : _a.textContent;
|
|
119
155
|
const poiid = (_b = item.querySelector("poi_id")) === null || _b === void 0 ? void 0 : _b.textContent;
|
|
120
156
|
const [lat, lon] = (pos === null || pos === void 0 ? void 0 : pos.split(" ")) || [];
|
|
121
157
|
return { poiid, lat, lon };
|
|
122
158
|
});
|
|
123
|
-
// console.log('Loaded Map Data:', items);
|
|
124
|
-
// this.mapData = items;
|
|
125
|
-
// TODO: handle empty items
|
|
126
|
-
return items;
|
|
127
159
|
}
|
|
128
160
|
catch (error) {
|
|
129
161
|
console.error("Error fetching map data:", error);
|
|
@@ -137,16 +169,12 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
137
169
|
}
|
|
138
170
|
try {
|
|
139
171
|
const response = await fetch(this.poiDataUrl, { credentials: "include" });
|
|
140
|
-
// console.log('Response:', response);
|
|
141
172
|
const poiData = await response.json();
|
|
142
|
-
|
|
143
|
-
// this.poiData = poiData.items;
|
|
144
|
-
// TODO: handle empty items
|
|
173
|
+
console.log("POI data:", poiData);
|
|
145
174
|
return poiData.items;
|
|
146
175
|
}
|
|
147
176
|
catch (error) {
|
|
148
177
|
console.error("Error fetching POI data:", error);
|
|
149
|
-
// TODO: add user error (toast)
|
|
150
178
|
}
|
|
151
179
|
}
|
|
152
180
|
combineData(firstArray, secondArray) {
|
|
@@ -166,23 +194,40 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
166
194
|
largerArray = firstArray;
|
|
167
195
|
}
|
|
168
196
|
// combine arrays based on poiid
|
|
169
|
-
|
|
170
|
-
.map(
|
|
171
|
-
const matchingItem = largerArray.find(
|
|
197
|
+
return smallerArray
|
|
198
|
+
.map(item => {
|
|
199
|
+
const matchingItem = largerArray.find(largerArrayItem => largerArrayItem.poiid === item.poiid);
|
|
172
200
|
return Object.assign(Object.assign({}, item), matchingItem);
|
|
173
201
|
})
|
|
174
202
|
.sort((a, b) => {
|
|
175
|
-
|
|
203
|
+
try {
|
|
204
|
+
return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property
|
|
205
|
+
}
|
|
206
|
+
catch (noTitleException) {
|
|
207
|
+
return 1;
|
|
208
|
+
}
|
|
176
209
|
});
|
|
177
|
-
console.log("Combined Data:", combinedData);
|
|
178
|
-
return combinedData;
|
|
179
210
|
}
|
|
180
211
|
enhanceTags(availableTags, combinedData) {
|
|
181
212
|
return availableTags
|
|
182
|
-
.sort((a, b) =>
|
|
183
|
-
|
|
213
|
+
.sort((a, b) => {
|
|
214
|
+
try {
|
|
215
|
+
a.label.localeCompare(b.label);
|
|
216
|
+
}
|
|
217
|
+
catch (noLabelException) {
|
|
218
|
+
return 1;
|
|
219
|
+
}
|
|
220
|
+
})
|
|
221
|
+
.map(tag => {
|
|
184
222
|
const counter = combinedData
|
|
185
|
-
.filter(
|
|
223
|
+
.filter(item => {
|
|
224
|
+
try {
|
|
225
|
+
return item.tags.includes(tag.value);
|
|
226
|
+
}
|
|
227
|
+
catch (noTagsException) {
|
|
228
|
+
return false;
|
|
229
|
+
}
|
|
230
|
+
})
|
|
186
231
|
.length.toString();
|
|
187
232
|
return Object.assign(Object.assign({}, tag), { counter, variant: "filter" });
|
|
188
233
|
});
|
|
@@ -200,11 +245,11 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
200
245
|
"[éè]": "e",
|
|
201
246
|
},
|
|
202
247
|
document: {
|
|
203
|
-
id:
|
|
204
|
-
index:
|
|
248
|
+
id: this.searchIndexIdField,
|
|
249
|
+
index: this.searchIndexFields,
|
|
205
250
|
},
|
|
206
251
|
});
|
|
207
|
-
data.forEach(
|
|
252
|
+
data.forEach(item => {
|
|
208
253
|
this.searchIndex.add(item);
|
|
209
254
|
});
|
|
210
255
|
}
|
|
@@ -219,6 +264,8 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
219
264
|
addMediaChangeListener(this.mediaChangeHandler);
|
|
220
265
|
this.resizeObserver = new ResizeObserver(this.handleResize);
|
|
221
266
|
this.resizeObserver.observe(this.element);
|
|
267
|
+
this.availableTagsWatcher(this.availableTags);
|
|
268
|
+
this.resetTagWatcher(this.resetTag);
|
|
222
269
|
}
|
|
223
270
|
disconnectedCallback() {
|
|
224
271
|
removeMediaChangeListener(this.mediaChangeHandler);
|
|
@@ -227,18 +274,20 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
227
274
|
}
|
|
228
275
|
}
|
|
229
276
|
async initializeAndOpenMap() {
|
|
277
|
+
document.body.classList.add(CLASS_BODY_OPEN);
|
|
230
278
|
this.isLoading = true;
|
|
231
279
|
this.isOpen = true;
|
|
232
280
|
try {
|
|
233
281
|
this.combinedData = this.combineData(await this.loadMapData(), await this.loadPoiData());
|
|
234
|
-
this.enhancedTags = this.enhanceTags(this.
|
|
282
|
+
this.enhancedTags = this.enhanceTags(this._availableTags, this.combinedData);
|
|
235
283
|
this.buildSearchIndex(this.combinedData);
|
|
236
|
-
const enhancedResetTag = Object.assign(Object.assign({}, this.
|
|
237
|
-
if (this.
|
|
284
|
+
const enhancedResetTag = Object.assign(Object.assign({}, this._resetTag), { counter: this.combinedData.length.toString() });
|
|
285
|
+
if (this._resetTag) {
|
|
238
286
|
this.enhancedTags.unshift(enhancedResetTag);
|
|
239
287
|
}
|
|
240
288
|
this.finalResults = this.combinedData;
|
|
241
|
-
this.finalResultsPaginatedList = this.finalResults.slice(0,
|
|
289
|
+
this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);
|
|
290
|
+
this.canLoadMore = this.finalResults.length > this.numberOfItemsToLoad;
|
|
242
291
|
await this.combineFilterAndSearchResults();
|
|
243
292
|
await this.handleResize();
|
|
244
293
|
await this.mapElement.updateViewToFitMarkers();
|
|
@@ -257,20 +306,24 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
257
306
|
this.finalResults = this.filterResults;
|
|
258
307
|
}
|
|
259
308
|
else if (!this.filterActive && this.searchActive) {
|
|
260
|
-
this.finalResults = Array.from(this.searchResults).map(
|
|
309
|
+
this.finalResults = Array.from(this.searchResults).map(id => this.combinedData.find(item => item.poiid === id));
|
|
261
310
|
}
|
|
262
311
|
else if (this.filterActive && this.searchActive) {
|
|
263
|
-
this.finalResults = this.filterResults.filter(
|
|
312
|
+
this.finalResults = this.filterResults.filter(item => this.searchResults.has(item.poiid));
|
|
264
313
|
}
|
|
265
314
|
else {
|
|
266
315
|
this.finalResults = this.combinedData;
|
|
267
316
|
}
|
|
268
|
-
this.finalResultsPaginatedList = this.finalResults.slice(0,
|
|
317
|
+
this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);
|
|
269
318
|
await this.replaceMapMarkers(this.finalResults);
|
|
270
319
|
}
|
|
271
320
|
loadMore() {
|
|
272
321
|
this.finalResultsPaginationOffset++;
|
|
273
|
-
|
|
322
|
+
const sliced = this.finalResults.slice(this.finalResultsPaginationOffset * this.numberOfItemsToLoad, this.finalResultsPaginationOffset * this.numberOfItemsToLoad + this.numberOfItemsToLoad);
|
|
323
|
+
if (!sliced || !sliced.length || sliced.length < this.numberOfItemsToLoad) {
|
|
324
|
+
this.canLoadMore = false;
|
|
325
|
+
}
|
|
326
|
+
this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(sliced);
|
|
274
327
|
}
|
|
275
328
|
// private async handleExtendVisibility() {
|
|
276
329
|
// if (this.showOnlyResultsForCurrentExtent) {
|
|
@@ -281,8 +334,8 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
281
334
|
async replaceMapMarkers(items) {
|
|
282
335
|
await this.mapElement.removeAllIconMarkers();
|
|
283
336
|
items
|
|
284
|
-
.filter(
|
|
285
|
-
.forEach(
|
|
337
|
+
.filter(item => !!item.lat && !!item.lon)
|
|
338
|
+
.forEach(item => {
|
|
286
339
|
this.mapElement
|
|
287
340
|
.addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {
|
|
288
341
|
id: item.poiid,
|
|
@@ -317,19 +370,25 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
317
370
|
"stzh-geo-ref-data--is-loading": this.isLoading,
|
|
318
371
|
"stzh-geo-ref-data--is-open": this.isOpen,
|
|
319
372
|
};
|
|
320
|
-
return (h(Host, null, h("div", { class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { name: "trigger" })), h("stzh-overlay", { open: this.isLoading }, h("stzh-loader", { label: "Daten werden geladen..." })), h("div", { class: classes }, h("div", { class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { "hide-metabar": true }, h("
|
|
373
|
+
return (h(Host, null, h("div", { class: "stzh-geo-ref-data__trigger", onClick: () => this.initializeAndOpenMap() }, h("slot", { name: "trigger" })), h("stzh-overlay", { open: this.isLoading }, h("stzh-loader", { label: "Daten werden geladen..." })), h("div", { class: classes }, h("div", { class: "stzh-geo-ref-data__header-wrapper" }, h("stzh-header", { "hide-metabar": true, sticky: "disabled" }, h("slot", { name: "logo", slot: "logo" })), h("div", { class: "stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding" }, h("stzh-heading", { class: "stzh-geo-ref-data__heading-heading", curve: "h2" }, this.heading), h("stzh-button", { class: "stzh-geo-ref-data__overlay-close", icon: "close", iconOnly: true, size: "small", variant: "tertiary", onClick: this.handleOverlayCloseClick }))), h("div", { class: "stzh-geo-ref-data__content" }, h("div", { class: "stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding", ref: el => (this.metaWrapperElement = el) }, h("div", { class: "stzh-geo-ref-data__filters" }, h("div", { class: "stzh-geo-ref-data__filters-toggle" }, h("stzh-chip", { label: this.isViewportMedium ? "Filter" : "", variant: "filter", icon: "filtering" })), h("div", { class: "stzh-geo-ref-data__filters-content" }, h("stzh-chipselect", { "label-hidden": true, label: "Tags", data: this.enhancedTags, onStzhChange: this.handleFilterChange, multiple: true, defaultValue: [""] }))), h("div", { class: "stzh-geo-ref-data__search" }, h("stzh-input", { size: "small", name: "stzh-datatable-search", onStzhChange: this.handleSearchChange, hideOptional: true, label: "Suche", type: "search" })), h("div", { class: "stzh-geo-ref-data__results-toggle" }, h("stzh-chip", { onStzhClick: this.toggleViewMode, label: this.viewmode === "map" ? "Liste" : "Karte", icon: this.viewmode === "map" ? "bulleted-list" : "map", variant: "filter" }))), h("div", { class: "stzh-geo-ref-data__results-wrapper" }, h("div", { class: `stzh-geo-ref-data__results-map ${this.viewmode === "map" ? "active" : "inactive"}` }, h("stzh-olmap", { class: "stzh-geo-ref-data__ol-map", centerMarker: false, ref: el => (this.mapElement = el) }), h("div", { class: "stzh-geo-ref-data__map-controls" }, h("stzh-checkbox", { label: "Treffer an Kartenaussicht anpassen", checked: this.showOnlyResultsForCurrentExtent, hideOptional: true, onStzhChange: this.handleExtentVisibilityChange }))), h("div", { class: `stzh-geo-ref-data__results-list ${this.viewmode === "list" ? "active" : "inactive"}`, ref: el => (this.resultsListElement = el) }, this.finalResults && (h(Fragment, null, h("stzh-text", { class: "stzh-geo-ref-data__results-list-heading" }, this.finalResults.length, " Treffer"), h("div", { class: "stzh-geo-ref-data__teaser-list" }, this.finalResultsPaginatedList.map(item => (h("div", { class: "stzh-poi-teaser", onMouseEnter: () => this.handlePoiTeaserMouseEnter(item), onMouseLeave: () => this.handlePoiTeaserMouseLeave(item) }, h("a", { class: "stzh-poi-teaser-link", href: this.baseUrlOverride + item.path }), h("div", { class: "stzh-poi-teaser-content" }, h("stzh-heading", { curve: "lead" }, item.poiname), item.description && h("stzh-text", { size: "micro" }, item.description), item.data &&
|
|
321
374
|
item.data.length > 0 &&
|
|
322
|
-
item.data.map(
|
|
375
|
+
item.data.map(item => (h("div", { class: "stzh-poi-teaser-list-item" }, h("stzh-icon", { name: item.icon }), h("stzh-text", { size: "micro" }, item.text))))), h("div", { class: "stzh-poi-teaser-image" }, h("stzh-ratio", { ratio: "1:1" }), h("div", { class: "stzh-poi-teaser-image-inner" }, h("img", { src: this.baseUrlOverride + item.image, alt: "Foto von " + item.poiname }))))))), this.canLoadMore && (h("div", { class: "stzh-geo-ref-data__teaser-load-more" }, h("stzh-button", { onStzhClick: () => this.loadMore() }, "Weitere laden")))))))))));
|
|
323
376
|
}
|
|
324
377
|
get element() { return this; }
|
|
378
|
+
static get watchers() { return {
|
|
379
|
+
"availableTags": ["availableTagsWatcher"],
|
|
380
|
+
"resetTag": ["resetTagWatcher"]
|
|
381
|
+
}; }
|
|
325
382
|
static get style() { return stzhGeoRefDataCss; }
|
|
326
383
|
}, [1, "stzh-geo-ref-data", {
|
|
327
384
|
"heading": [513],
|
|
328
385
|
"mapDataUrl": [513, "map-data-url"],
|
|
329
386
|
"poiDataUrl": [513, "poi-data-url"],
|
|
330
387
|
"baseUrlOverride": [1, "base-url-override"],
|
|
331
|
-
"availableTags": [
|
|
332
|
-
"resetTag": [
|
|
388
|
+
"availableTags": [1, "available-tags"],
|
|
389
|
+
"resetTag": [1, "reset-tag"],
|
|
390
|
+
"searchIndexFields": [16],
|
|
391
|
+
"searchIndexIdField": [1, "search-index-id-field"],
|
|
333
392
|
"filterActive": [32],
|
|
334
393
|
"searchActive": [32],
|
|
335
394
|
"showOnlyResultsForCurrentExtent": [32],
|
|
@@ -341,8 +400,13 @@ const GeoRefData = /*@__PURE__*/ proxyCustomElement(class GeoRefData extends HTM
|
|
|
341
400
|
"isViewportMedium": [32],
|
|
342
401
|
"isInitialized": [32],
|
|
343
402
|
"isOpen": [32],
|
|
344
|
-
"isLoading": [32]
|
|
345
|
-
|
|
403
|
+
"isLoading": [32],
|
|
404
|
+
"numberOfItemsToLoad": [32],
|
|
405
|
+
"canLoadMore": [32]
|
|
406
|
+
}, [[0, "stzhMovePanZoom", "mapMovedPannedOrZoomed"]], {
|
|
407
|
+
"availableTags": ["availableTagsWatcher"],
|
|
408
|
+
"resetTag": ["resetTagWatcher"]
|
|
409
|
+
}]);
|
|
346
410
|
function defineCustomElement$1() {
|
|
347
411
|
if (typeof customElements === "undefined") {
|
|
348
412
|
return;
|