npm - @oiz/stzh-components - Versions diffs - 4.6.0 → 4.7.0 - Mend

@oiz/stzh-components 4.6.0 → 4.7.0

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

Files changed (689) hide show

package/dist/stzh-components/p-520572a4.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,h as t,a as i,g as a}from"./p-ef5985a3.js";import{s as p,h as s}from"./p-87c329f2.js";import"./p-dae15605.js";const n='.sc-stzh-pi-pagetitle-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-pi-pagetitle-h,[stzh-hidden].sc-stzh-pi-pagetitle-h{display:none}.sc-stzh-pi-pagetitle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle::before,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle::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-pi-pagetitle-h .has-focus.sc-stzh-pi-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle{outline-style:none !important}.sc-stzh-pi-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pi-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pi-pagetitle-h{--hero-background-color:var(\n --stzh-pi-pagetitle-hero-background-color,\n var(--stzh-color-primary10)\n );--lead-background-color:var(\n --stzh-pi-pagetitle-lead-background-color,\n var(--stzh-color-primary40)\n );--background-color:var(\n --stzh-pi-pagetitle-background-color,\n var(--stzh-color-coolgrey10)\n );--grid-template-areas:"hero hero hero hero"\n "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". hero hero hero"\n "image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 900px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero"\n "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero hero hero ."\n "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h{--grid-template-areas:". . hero hero hero hero hero hero hero . . ."\n "image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu"}}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=dateline],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=dateline]{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);--color:var(--stzh-color-black80op)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=heading],.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=lead] ,.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=lead] ,.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=breadcrumb],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=breadcrumb]{--color:var(--stzh-color-black)}.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:1.25rem}@media screen and (min-width: 600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:2rem}}@media screen and (min-width: 1260px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:4rem}}@media screen and (min-width: 1600px){.sc-stzh-pi-pagetitle-h.sc-stzh-pi-pagetitle-s>[slot=menu],.sc-stzh-pi-pagetitle-h .sc-stzh-pi-pagetitle-s>[slot=menu]{--stzh-pi-menu-padding-left:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color);padding-top:var(--stzh-space-medium);padding-top:var(--stzh-space-medium);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__hero-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:var(--grid-template-areas);background-color:var(--hero-background-color)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 900px) and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"lead lead lead lead";background-color:var(--lead-background-color);padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead-container.sc-stzh-pi-pagetitle{grid-template-areas:". . . lead lead lead lead lead lead . . ."}}.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-area:image-lead-menu;column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"image image image image" "lead lead lead lead"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . image image image image image image" "lead lead lead lead lead lead lead lead"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-areas:". . . image image image image image image image image image" "lead lead lead lead lead lead lead lead lead lead lead lead"}}.stzh-pi-pagetitle__hero.sc-stzh-pi-pagetitle{grid-area:hero}.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{display:none;grid-column:1/2;grid-row:1/2;position:relative;z-index:2}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{grid-column:1/3;grid-row:1/2}}.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{grid-column:1/-1;grid-row:1/2;z-index:1}@media screen and (min-width: 900px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-2.5rem;grid-column:3/-1;grid-row:1/2}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__image.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{--stzh-base-lead-color:var(--stzh-heading-color);grid-column:1/-1;grid-row:2/4;z-index:1;background-color:var(--lead-background-color);padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{grid-column:3/-1;grid-row:2/-1}}.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-bottom:var(--stzh-space-xbig)}}.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__meta.sc-stzh-pi-pagetitle{flex-direction:row}}.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pi-pagetitle__readspeaker.sc-stzh-pi-pagetitle{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pi-pagetitle__dateline.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxsmall)}.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__breadcrumbs.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__menu-inner.sc-stzh-pi-pagetitle{position:absolute;top:0;right:0;bottom:0;left:0}}.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:"article-info article-info article-info article-info"}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info"}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle__article-info-wrapper.sc-stzh-pi-pagetitle{grid-template-areas:". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info"}}.stzh-pi-pagetitle__article-info.sc-stzh-pi-pagetitle{grid-area:article-info}@media screen and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 900px) and (min-width: 600px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px) and (min-width: 900px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px) and (min-width: 1260px){.stzh-pi-pagetitle__article-info-holder.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{margin-top:0;margin-bottom:var(--stzh-space-xxsmall);color:var(--stzh-color-coolgrey70);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__author.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{margin:0;font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-pi-pagetitle__date.sc-stzh-pi-pagetitle{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:auto repeat(3, minmax(0, 1fr))}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu.sc-stzh-pi-pagetitle{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:transparent}@media screen and (max-width: 899px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__image-lead-menu-container.sc-stzh-pi-pagetitle{background-color:var(--lead-background-color)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{position:relative;display:inherit;margin-right:calc(var(--stzh-grid-gutter) -1)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-small) * -1)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-medium) * -1);margin-left:-2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-large) * -1);margin-left:-4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__menu.sc-stzh-pi-pagetitle{margin-right:calc(var(--stzh-grid-gutter-ultra) * -1);margin-left:calc((100vw - 84.25rem) / -2)}}.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:-4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-pi-pagetitle--has-menu.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__lead.sc-stzh-pi-pagetitle{margin-right:calc((100vw - 84.25rem) / -2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-pagetitle--has-meta.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__text.sc-stzh-pi-pagetitle{padding-top:var(--stzh-space-xxlarge)}}.stzh-pi-pagetitle--level-3.sc-stzh-pi-pagetitle,.stzh-pi-pagetitle--level-4.sc-stzh-pi-pagetitle{--hero-background-color:var(--stzh-color-coolgrey20);--lead-background-color:var(--stzh-color-coolgrey30)}.stzh-pi-pagetitle--hyphens.sc-stzh-pi-pagetitle .stzh-pi-pagetitle__heading.sc-stzh-pi-pagetitle{hyphens:auto}';const l=n;const d=class{constructor(t){e(this,t);this.init=()=>{const e=this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');const t=this.element.querySelectorAll('stzh-text[slot="lead"], [slot="lead"] stzh-text');const i=this.element.querySelector('[slot="readspeaker"] stzh-button');if(e){p(e,{curve:"hero",level:"1"})}if(i){p(i,{variant:"tertiary-plain",noPaddingLeft:true,noPaddingRight:true,size:"small",sizeMedium:"tiny",buttonAccesskey:"L"})}t.forEach((e=>{p(e,{lead:true})}))};this.level=1;this.hyphensEnabled=false;this.author="";this.date=""}connectedCallback(){this.init()}render(){const e=s(this.element,"image");const a=s(this.element,"lead");const p=s(this.element,"readspeaker");const n=s(this.element,"menu");const l=!!this.author\|\|!!this.date;const d={"stzh-pi-pagetitle":true,"stzh-pi-pagetitle--has-image":e,"stzh-pi-pagetitle--has-no-image":!e,"stzh-pi-pagetitle--has-lead":a,"stzh-pi-pagetitle--has-meta":p,"stzh-pi-pagetitle--has-menu":n,"stzh-pi-pagetitle--has-article-info":l,"stzh-pi-pagetitle--hyphens":this.hyphensEnabled,[`stzh-pi-pagetitle--level-${this.level}`]:!!this.level};return t(i,{key:"560692c5c1a0bc4b85909c2c38a35c50fd65a78e","has-menu":n,"has-article-info":l},t("div",{key:"df414172d0f8fcb1be1c0ee6ad30dc0365cc0cf9",class:d},t("div",{key:"89d34c1b8c636636cfabc08504c87e533366c047",class:"stzh-pi-pagetitle__hero-container"},t("div",{key:"1e130d13a2f8feb012d54d8cd6c684cd8bd92fc7",class:"stzh-pi-pagetitle__hero"},t("div",{key:"1fc198360cc5d98854e15927e01a08c5bf1abce7",class:"stzh-pi-pagetitle__breadcrumbs"},t("slot",{key:"93374c191a62689c544d2f8abfe434abd8dcc9a7",name:"breadcrumb"})),t("div",{key:"0449d333156c61f0535a826a6142fee7a178760a",class:"stzh-pi-pagetitle__meta"},t("div",{key:"956437e4b745cfc0aa6476478b59378a1a77a46f",class:"stzh-pi-pagetitle__readspeaker"},t("slot",{key:"db38617c49b123ac8c819f5693d631a5b1901c69",name:"readspeaker"}))),t("div",{key:"84bfd898ea712c3df1a3da4ddd21f6b8928bad53",class:"stzh-pi-pagetitle__dateline"},t("slot",{key:"3a88edf7493d2f53f420441b51fb77f5c97aa176",name:"dateline"})),t("div",{key:"5d0b6de1e1c4a6b69b05c1d4363b228336f0b132",class:"stzh-pi-pagetitle__heading"},t("slot",{key:"9df75bb73bf52b65fdacb62edbd33f3a3d93f0e4",name:"heading"})))),t("div",{key:"cd849f2c19cb4868cb07eee1b1d0b3fbf63802b4",class:"stzh-pi-pagetitle__image-lead-menu-container"},t("div",{key:"bbb3d20db0a19b8c231785d3585fa23618b5dbad",class:"stzh-pi-pagetitle__image-lead-menu"},t("div",{key:"65c4291c46e802bf39c41f883b568d2cb37e522d",class:"stzh-pi-pagetitle__menu"},n&&t("div",{key:"2b9aefbbc7a6adda6b3e2950e8c37cbe6580453a",class:"stzh-pi-pagetitle__menu-inner"},t("slot",{key:"55dcc534ebaded73d2ae56c34a1ec841fe9917b5",name:"menu"}))),e&&t("div",{key:"787e21099d69b38320cedf3b18df9e76a948c17c",class:"stzh-pi-pagetitle__image"},[1,2].indexOf(this.level)>-1&&t("div",{key:"206ce7f95a42d1aa565571f44064761a46fe521c",class:"stzh-pi-pagetitle__image-wrapper"},t("stzh-ratio",{key:"09ed215ffdd9b42101304a5de7270d2d21e2a83e",ratio:"16:9",ratioSmall:"21:9",class:"stzh-pi-pagetitle__ratio"},t("slot",{key:"724525ce88dd60420388179f848e72af3dd1cd1b",name:"image"})))),n&&t("div",{key:"6058aa124b21855638be02010ba05cb047685ae8",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"010e77b49cf70cfd0a11e6a94fe72c9845d3a5e7",name:"lead"})))),!n&&t("div",{key:"e65773650c6be32f823f0bf56b739f2e88334706",class:"stzh-pi-pagetitle__lead-container"},t("div",{key:"c17ab33d7c047e1f4a22614f0595eed20bb9c2f0",class:"stzh-pi-pagetitle__lead"},t("slot",{key:"c643e9a464f4cece03d95ae8758d2d8c15683e43",name:"lead"}))),t("div",{key:"074f868ca141ca9c6aa51a7a97b731ea70ec51ec",class:"stzh-pi-pagetitle__article-info-wrapper"},t("div",{key:"b8cc5b097bf5ccf758cda4c4afb964ec1aa9d4a0",class:"stzh-pi-pagetitle__article-info"},t("div",{key:"d0ba8e41e1332806f143d42991e3e06530f738f7",class:"stzh-pi-pagetitle__article-info-holder"},l&&t("div",{key:"e3f9087a56b10a64e5056cb25d0e5688280c8aed"},this.author&&t("p",{key:"851f6964e45b316d98012c638720b5fc02d6eb73",class:"stzh-pi-pagetitle__author"},this.author),this.date&&t("p",{key:"afc79a7ffaadcd46d1e0e8b5aee120b370debeab",class:"stzh-pi-pagetitle__date"},this.date)),t("slot",{key:"d372b9b51fc92fec1137f2f25f46312fc4b49a38",name:"content"}))))))}get element(){return a(this)}};d.style=l;export{d as stzh_pi_pagetitle};
2	- //# sourceMappingURL=p-520572a4.entry.js.map

package/dist/stzh-components/p-520572a4.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhPiPagetitleCss","StzhPiPagetitleStyle0","StzhPiPagetitle","this","init","heading","element","querySelector","leads","querySelectorAll","readspeakerButton","setPropsIfNull","curve","level","variant","noPaddingLeft","noPaddingRight","size","sizeMedium","buttonAccesskey","forEach","lead","connectedCallback","render","imageSlotUsed","hasSlot","leadSlotUsed","readspeakerSlotUsed","menuSlotUsed","hasArticleInfo","author","date","classes","hyphensEnabled","h","Host","key","class","name","indexOf","ratio","ratioSmall"],"sources":["src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.scss?tag=stzh-pi-pagetitle&encapsulation=scoped","src/components/CMS/stzh-pi-pagetitle/stzh-pi-pagetitle.tsx"],"sourcesContent":["/**\n * @prop --stzh-pi-pagetitle-background-color: Background if it has a menu\n * @prop --stzh-pi-pagetitle-hero-background-color: Background color\n * @prop --stzh-pi-pagetitle-lead-background-color: Background of lead section\n */\n\n:host {\n --hero-background-color: var(\n --stzh-pi-pagetitle-hero-background-color,\n #{$colorPrimary10}\n );\n --lead-background-color: var(\n --stzh-pi-pagetitle-lead-background-color,\n #{$colorPrimary40}\n );\n --background-color: var(\n --stzh-pi-pagetitle-background-color,\n #{$colorCoolgrey10}\n );\n --grid-template-areas: \"hero hero hero hero\"\n \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n @include mq($from: small) {\n --grid-template-areas: \". hero hero hero\"\n \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n }\n\n @include mq($from: medium) {\n --grid-template-areas: \". . hero hero hero hero hero hero\"\n \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n }\n\n @include mq($from: large) {\n --grid-template-areas: \". . hero hero hero hero hero hero hero hero hero .\"\n \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n }\n @include mq($from: ultra) {\n --grid-template-areas: \". . hero hero hero hero hero hero hero . . .\"\n \"image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu image-lead-menu\";\n }\n\n ::slotted([slot=\"dateline\"]) {\n @include fontSize(\"milli\");\n @include font(\"heavy\");\n --color: var(--stzh-color-black80op);\n }\n\n ::slotted([slot=\"heading\"]),\n ::slotted([slot=\"lead\"]) *,\n ::slotted([slot=\"breadcrumb\"]) {\n --color: var(--stzh-color-black);\n }\n\n ::slotted([slot=\"menu\"]) {\n --stzh-pi-menu-padding-left: #{$containerMargin};\n\n @include mq($from: small) {\n --stzh-pi-menu-padding-left: #{$containerMarginSmall};\n }\n\n @include mq($from: large) {\n --stzh-pi-menu-padding-left: #{$containerMarginLarge};\n }\n\n @include mq($from: ultra) {\n --stzh-pi-menu-padding-left: calc((100vw - #{$containerMaxWidth}) / 2);\n }\n }\n}\n\n.stzh-pi-pagetitle {\n @include spaceCurve(\"margin-bottom\", \"large\");\n @include spaceCurve(\"margin-bottom\", \"large\");\n\n /* Containers */\n\n &__hero-container {\n @include grid;\n grid-template-areas: var(--grid-template-areas);\n background-color: var(--hero-background-color);\n @include spaceCurve(\"padding-top\", \"regular\");\n @include spaceCurve(\"padding-top\", \"regular\");\n @include containerPadding;\n }\n\n &__image-lead-menu-container {\n @include grid;\n grid-template-areas: var(--grid-template-areas);\n background-color: var(--hero-background-color);\n\n @include mq($from: medium) {\n @include containerPadding;\n }\n }\n\n &__lead-container {\n @include grid;\n grid-template-areas: \"lead lead lead lead\";\n background-color: var(--lead-background-color);\n @include containerPadding;\n\n @include mq($from: medium) {\n grid-template-areas: \". . lead lead lead lead lead lead\";\n }\n\n @include mq($from: large) {\n grid-template-areas: \". . . lead lead lead lead lead lead . . .\";\n }\n }\n\n &__image-lead-menu {\n grid-area: image-lead-menu;\n\n @include grid;\n grid-template-areas: \"image image image image\" \"lead lead lead lead\";\n\n @include mq($from: medium) {\n grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n }\n\n @include mq($from: large) {\n grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n }\n }\n\n /* Elements */\n\n &__hero {\n grid-area: hero;\n }\n\n &__menu {\n display: none;\n // grid-area: menu;\n grid-column: 1 / 2; /* span full width */\n grid-row: 1 / 2; /* same row as image */\n position: relative; /* allows z-index to work */\n z-index: 2;\n\n @include mq($from: medium) {\n // grid-template-areas: \". . image image image image image image\" \"lead lead lead lead lead lead lead lead\";\n grid-column: 1 / 3; /* span full width */\n grid-row: 1 / 2; /* same row as image */\n }\n\n @include mq($from: large) {\n // grid-template-areas: \". . . image image image image image image image image image\" \"lead lead lead lead lead lead lead lead lead lead lead lead\";\n grid-column: 1 / 3; /* span full width */\n grid-row: 1 / 2; /* same row as image */\n }\n }\n\n &__image {\n // grid-area: image;\n grid-column: 1 / -1;\n grid-row: 1 / 2; /* extend beyond menu row */\n z-index: 1;\n\n @include mq($from: medium) {\n margin-right: -$containerMarginMedium;\n grid-column: 3 / -1; /* span full width */\n grid-row: 1 / 2; /* same row as image */\n }\n\n @include mq($from: large) {\n margin-right: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n }\n }\n\n &__lead {\n --stzh-base-lead-color: #{$headingColor};\n // grid-area: lead;\n grid-column: 1 / -1;\n grid-row: 2 / 4; /* extend beyond menu row */\n z-index: 1;\n\n background-color: var(--lead-background-color);\n @include spaceCurve(\"padding-top\", \"regular\");\n @include spaceCurve(\"padding-bottom\", \"regular\");\n\n @include mq($from: medium) {\n grid-column: 3 / -1; /* span full width */\n grid-row: 2 / -1; /* same row as image */\n }\n }\n\n &__text {\n @include spaceCurve(\"padding-top\", \"big\");\n @include spaceCurve(\"padding-bottom\", \"big\");\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n &__meta {\n display: flex;\n flex-direction: column-reverse;\n row-gap: space(\"xsmall\");\n\n @include mq($from: medium) {\n flex-direction: row;\n }\n }\n\n &__readspeaker {\n margin-bottom: space(\"medium\");\n\n @include mq($from: small) {\n margin-bottom: space(\"large\");\n }\n\n @include mq($from: small, $to: medium) {\n --stzh-readspeaker-dropdown-position: relative;\n --stzh-readspeaker-dropdown-top: auto;\n }\n }\n\n &__dateline {\n margin-bottom: space(\"xxsmall\");\n }\n\n &__breadcrumbs {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n &__heading {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n /**\n * Menu.\n */\n\n &__menu-inner {\n @include mq($from: medium) {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n /* Article Info */\n &__article-info-wrapper {\n @include container();\n @include spaceCurve(\"padding-top\", \"large\");\n @include grid;\n grid-template-areas: \"article-info article-info article-info article-info\";\n\n @include mq($from: medium) {\n grid-template-areas: \". . article-info article-info article-info article-info article-info article-info\";\n }\n\n @include mq($from: large) {\n grid-template-areas: \". . article-info article-info article-info article-info article-info article-info article-info article-info article-info article-info\";\n }\n }\n\n &__article-info {\n grid-area: article-info;\n }\n\n &__article-info-holder {\n @include mq($from: medium) {\n @include spaceCurve(\"padding-left\", \"regular\");\n }\n }\n\n &__author {\n margin-top: 0;\n margin-bottom: var(--stzh-space-xxsmall);\n color: var(--stzh-color-coolgrey70);\n @include font(\"heavy\");\n @include fontCurve(\"p1\");\n }\n\n &__date {\n margin: 0;\n @include fontCurve(\"p1\");\n }\n\n /**\n * Has menu.\n */\n &--has-menu &__image-lead-menu {\n grid-template-columns: auto repeat(3, minmax(0, 1fr));\n // grid-template-areas: \"menu image image image\" \"menu lead lead lead\";\n\n @include mq($from: medium) {\n grid-template-columns: $gridColumnsMedium;\n // grid-template-areas: \"menu menu image image image image image image\" \"menu menu lead lead lead lead lead lead\";\n }\n\n @include mq($from: large) {\n grid-template-columns: $gridColumnsLarge;\n // grid-template-areas: \"menu menu menu image image image image image image image image image\" \"menu menu menu lead lead lead lead lead lead lead lead lead\";\n }\n }\n\n &--has-menu &__image-lead-menu-container {\n background-color: transparent;\n @include mq($to: medium) {\n background-color: var(--lead-background-color);\n }\n }\n\n &--has-menu &__menu {\n position: relative;\n display: inherit;\n margin-right: calc(#{$gridGutter} * -1);\n\n @include mq($from: small) {\n margin-right: calc(#{$gridGutterSmall} * -1);\n }\n\n @include mq($from: medium) {\n margin-right: calc(#{$gridGutterMedium} * -1);\n margin-left: -$containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-right: calc(#{$gridGutterLarge} * -1);\n margin-left: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-right: calc(#{$gridGutterUltra} * -1);\n margin-left: calc((100vw - #{$containerMaxWidth}) / -2);\n }\n }\n\n &--has-menu &__lead {\n @include spaceCurve(\"padding-left\", \"regular\");\n\n @include mq($from: medium) {\n margin-right: -$containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-right: -$containerMarginLarge;\n padding-right: $containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-right: calc((100vw - #{$containerMaxWidth}) / -2);\n padding-right: calc((100vw - 84.25rem) / 2);\n }\n }\n\n /* Has meta */\n\n &--has-meta &__text {\n @include spaceCurve(\"padding-top\", \"regular\");\n }\n\n /* Level 3-4 */\n &--level-3,\n &--level-4 {\n --hero-background-color: var(--stzh-color-coolgrey20);\n --lead-background-color: var(--stzh-color-coolgrey30);\n }\n\n /* Hyphens */\n &--hyphens &__heading {\n hyphens: auto;\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n * @slot breadcrumb - Slot for `stzh-link` element\n * @slot menu - Slot for `stzh-link` element\n * @slot dateline - Slot for date or meta information\n * @slot content - Slot for content\n */\n@Component({\n tag: \"stzh-pi-pagetitle\",\n styleUrl: \"stzh-pi-pagetitle.scss\",\n scoped: true,\n})\nexport class StzhPiPagetitle {\n /** Level */\n @Prop({ reflect: true }) level: 1 | 2 | 3 | 4 = 1;\n\n /** Automatic Hyphens */\n @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n /** Author of the content */\n @Prop({ reflect: true }) author: string = \"\";\n\n /** Date of the content */\n @Prop({ reflect: true }) date: string = \"\";\n\n @Element() element: HTMLStzhPiPagetitleElement;\n\n private init = () => {\n const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n if (heading) {\n setPropsIfNull(heading, {\n curve: \"hero\",\n level: \"1\",\n } as HTMLStzhHeadingElement);\n }\n\n if (readspeakerButton) {\n setPropsIfNull(readspeakerButton, {\n variant: \"tertiary-plain\",\n noPaddingLeft: true,\n noPaddingRight: true,\n size: \"small\",\n sizeMedium: \"tiny\",\n buttonAccesskey: \"L\",\n } as HTMLStzhButtonElement);\n }\n\n leads.forEach(lead => {\n setPropsIfNull(lead, {\n lead: true,\n } as HTMLStzhTextElement);\n });\n };\n\n connectedCallback() {\n this.init();\n }\n\n render() {\n const imageSlotUsed = hasSlot(this.element, \"image\");\n const leadSlotUsed = hasSlot(this.element, \"lead\");\n const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n const menuSlotUsed = hasSlot(this.element, \"menu\");\n const hasArticleInfo = !!this.author || !!this.date;\n\n const classes = {\n \"stzh-pi-pagetitle\": true,\n \"stzh-pi-pagetitle--has-image\": imageSlotUsed,\n \"stzh-pi-pagetitle--has-no-image\": !imageSlotUsed,\n \"stzh-pi-pagetitle--has-lead\": leadSlotUsed,\n \"stzh-pi-pagetitle--has-meta\": readspeakerSlotUsed,\n \"stzh-pi-pagetitle--has-menu\": menuSlotUsed,\n \"stzh-pi-pagetitle--has-article-info\": hasArticleInfo,\n \"stzh-pi-pagetitle--hyphens\": this.hyphensEnabled,\n [`stzh-pi-pagetitle--level-${this.level}`]: !!this.level,\n };\n\n return (\n <Host has-menu={menuSlotUsed} has-article-info={hasArticleInfo}>\n <div class={classes}>\n <div class=\"stzh-pi-pagetitle__hero-container\">\n <div class=\"stzh-pi-pagetitle__hero\">\n <div class=\"stzh-pi-pagetitle__breadcrumbs\">\n <slot name=\"breadcrumb\"></slot>\n </div>\n\n <div class=\"stzh-pi-pagetitle__meta\">\n <div class=\"stzh-pi-pagetitle__readspeaker\">\n <slot name=\"readspeaker\"></slot>\n </div>\n </div>\n\n <div class=\"stzh-pi-pagetitle__dateline\">\n <slot name=\"dateline\"></slot>\n </div>\n\n <div class=\"stzh-pi-pagetitle__heading\">\n <slot name=\"heading\"></slot>\n </div>\n </div>\n </div>\n <div class=\"stzh-pi-pagetitle__image-lead-menu-container\">\n <div class=\"stzh-pi-pagetitle__image-lead-menu\">\n <div class=\"stzh-pi-pagetitle__menu\">\n {menuSlotUsed && (\n <div class=\"stzh-pi-pagetitle__menu-inner\">\n <slot name=\"menu\"></slot>\n </div>\n )}\n </div>\n\n {imageSlotUsed && (\n <div class=\"stzh-pi-pagetitle__image\">\n {[1, 2].indexOf(this.level) > -1 && (\n <div class=\"stzh-pi-pagetitle__image-wrapper\">\n <stzh-ratio ratio={\"16:9\"} ratioSmall={\"21:9\"} class=\"stzh-pi-pagetitle__ratio\">\n <slot name={\"image\"}></slot>\n </stzh-ratio>\n </div>\n )}\n </div>\n )}\n\n {menuSlotUsed && (\n <div class=\"stzh-pi-pagetitle__lead\">\n <slot name=\"lead\"></slot>\n </div>\n )}\n </div>\n </div>\n\n {!menuSlotUsed && (\n <div class=\"stzh-pi-pagetitle__lead-container\">\n <div class=\"stzh-pi-pagetitle__lead\">\n <slot name=\"lead\"></slot>\n </div>\n </div>\n )}\n\n <div class=\"stzh-pi-pagetitle__article-info-wrapper\">\n <div class=\"stzh-pi-pagetitle__article-info\">\n <div class=\"stzh-pi-pagetitle__article-info-holder\">\n {hasArticleInfo && (\n <div>\n {this.author && <p class=\"stzh-pi-pagetitle__author\">{this.author}</p>}\n {this.date && <p class=\"stzh-pi-pagetitle__date\">{this.date}</p>}\n </div>\n )}\n <slot name=\"content\" />\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-7157b3d2.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":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],:host[stzh-hidden]{display:none}: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{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto;bottom:0}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const g=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium\|\|this.isLarge\|\|this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null\|\|e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null\|\|e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium\|\|this.isLarge\|\|this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"f8b2a64582df45c8f125c3b0b41fe9f4d72ec6e3",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"6d91d3726087d07be15d6aae92744934d4625332",class:"stzh-pi-menu-positioner"},i("div",{key:"2e9e4f99be510acf7dd7c7e3d2ec3fc41b8c6580",class:e,style:{width:r}},i("div",{key:"275e750ac7ff5a0c3c341aba864bf40d11a1a80f",class:n,onClick:this.handleBackdropClick}),i(t,{key:"58e00809ae1ed9b03459b915411dba1ae64935e7",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"e9e5da54d955b7fcecc6fab3d2a30f18fbbdd57c",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId\|\|this.heading},i("span",{key:"9a291dfdc959bb51d52078e393b9b244ab3b00d3",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"d9857c53ba80eadbaa361e8481090a374f0cac7a",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"a1ac8833c9e0da632a3562a4158638674170dbd5",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"e61224ef67247a17903e17641c4e9bd47e50d56b",class:"stzh-pi-menu__content-inner"},i("nav",{key:"02148b9b7835b346647290df6eedb04fcef9d1c2",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"70b7a60a240b0614244aba0f85a323566c2739f0",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"1dc8ef72f010b19f93ef42786663d097c58a2a7e",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium\|\|this.isLarge\|\|this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"d259bf2a875cbb61909a6f6fb82fd31979c55545",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"15d3be269c621e14a65c35da1ad1dd2c87a91d92",class:"stzh-pi-menu__button-text"},i("span",{key:"962a97062b0ca6f24980c42daccae70d61369d83",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"a7f89b1cabf65ed4f740de036bd4bf8c460c72ff",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};g.style=m;export{g as stzh_pi_menu};
2	- //# sourceMappingURL=p-7157b3d2.entry.js.map

package/dist/stzh-components/p-7157b3d2.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhPiMenuCss","StzhPiMenuStyle0","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhPiMenu","this","toggledByMethod","focusedByInput","handleHeaderClick","toggle","onRootFocus","buttonElement","focus","handleMenuItemClick","event","stzhMenuItemClick","emit","component","originalEvent","handleBackdropClick","async","showBackdrop","hide","setEntangledMenuSize","menuEl","element","shadowRoot","querySelector","entangledMenuSize","getBoundingClientRect","width","handleMenuIntersection","entries","forEach","entry","intersectionRatio","boundingClientRect","top","menuIsFixed","mediaChangeHandler","isSmall","media","matches","isMedium","isLarge","isUltra","open","menuItemsWatcher","newValue","_menuItems","JSON","parse","map","menuItem","index","Object","assign","id","openWatcher","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","stzhOpened","stzhClose","style","stzhClosed","show","waitForEvent","setSubMenuHeader","item","h","class","href","onClick","e","active","label","_a","items","length","name","setSubMenuItems","connectedCallback","addMediaChangeListener","componentWillLoad","piMenuId","menuItems","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","menuObserver","IntersectionObserver","rootMargin","threshold","observe","addEventListener","resizeTimeout","cancelAnimationFrame","requestAnimationFrame","disconnectedCallback","disconnect","removeEventListener","removeMediaChangeListener","render","Heading","headingLevel","classes","backdropClasses","closed","narrowScreens","wideScreens","menuWidth","Host","key","tabindex","rootTabindex","onFocus","ref","el","type","analyticsId","heading","role","menuLabel","subheading","slot"],"sources":["src/components/CMS/stzh-pi-menu/stzh-pi-menu.scss?tag=stzh-pi-menu&encapsulation=shadow","src/components/CMS/stzh-pi-menu/stzh-pi-menu.tsx"],"sourcesContent":["/**\n * @prop --stzh-pi-menu-padding-left\n */\n\n:host {\n --padding-left: var(--stzh-pi-menu-padding-left, #{$containerMargin});\n --trigger-size: #{iconSize(large)};\n --trigger-color: #{$colorBlack};\n --content-background: #{$colorPrimary20};\n --icon-size: #{iconSize()};\n --button-color: #{$colorBlack};\n --button-background-color: #{$colorPrimary30};\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: #{$colorPrimary40};\n --hover-trigger-color: var(--trigger-color);\n\n @media print {\n page-break-inside: avoid;\n break-inside: avoid;\n }\n\n @include highContrast() {\n --trigger-color: CanvasText;\n\n --hover-trigger-color: CanvasText;\n }\n}\n\n.stzh-pi-menu {\n height: 100%;\n transition: width 0.15s ease;\n width: 100%;\n z-index: 1;\n position: absolute;\n\n /* Scrollbar styling */\n\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--stzh-color-primary40);\n }\n\n &::-webkit-scrollbar-track {\n background: var(--content-background);\n }\n\n scrollbar-color: var(--stzh-color-primary40) var(--content-background);\n\n &--fixed {\n position: fixed;\n top: 0;\n height: auto;\n bottom: 0;\n }\n\n &__heading {\n margin: 0;\n position: sticky;\n top: 0;\n }\n\n &__backdrop {\n position: absolute;\n z-index: -1;\n top: 0;\n width: 0;\n height: 0;\n background-color: $colorBlack40op;\n opacity: 0;\n transition: opacity $baseTransitionAnimationSpeed;\n pointer-events: none;\n\n &--visible {\n width: 100vw;\n height: 100vh;\n opacity: 1;\n pointer-events: auto;\n }\n }\n\n &__button {\n @include fontSize(\"centi\");\n @include font(\"heavy\");\n padding-left: space(\"none\");\n padding-right: space(\"medium\");\n\n padding-top: space(\"none\");\n padding-bottom: space(\"none\");\n\n width: 100%;\n min-height: space(\"xbig\");\n appearance: none;\n display: flex;\n align-items: center;\n gap: var(--stzh-space-xsmall);\n color: var(--button-color);\n background-color: var(--button-background-color);\n text-align: left;\n border: none;\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n cursor: pointer;\n @include mq(\"medium\") {\n padding-right: space(\"small\");\n }\n @include mq($from: large) {\n @include fontSize(\"deci\");\n @include fontSize(\"deci\");\n }\n @include mq($from: ultra) {\n padding-left: calc(((100vw - #{map-get($breakpoints, \"ultra\")})) / 2);\n padding-right: space(\"medium\");\n }\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__button-spacer {\n visibility: hidden;\n pointer-events: none;\n }\n\n &__subheading {\n @include fontSize(\"centi\");\n @include font(\"heavy\");\n @include fontSize(\"centi\");\n @include font(\"heavy\");\n margin: 0;\n padding: space(\"small\") space(\"medium\");\n hyphens: auto;\n @include mq($from: medium) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n\n @include mq($from: large) {\n @include fontSize(\"deci\");\n }\n\n @include mq($from: ultra) {\n padding-left: calc(\n (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"medium\")\n );\n padding-right: space(\"medium\");\n }\n }\n\n &__content-inner {\n background-color: var(--content-background);\n overflow-y: hidden;\n }\n\n &__button-text {\n flex-grow: 1;\n padding-left: space(\"medium\");\n\n @include mq($from: medium) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n @include mq($from: ultra) {\n padding-left: space(\"medium\");\n padding-right: space(\"medium\");\n }\n }\n\n &__button-icon,\n &__button-icon-in-menu {\n --size: var(--trigger-size);\n\n transition-property: transform, color;\n transition-duration: 500ms;\n color: var(--trigger-color);\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n\n &__button-icon-in-menu {\n --size: var(--icon-size);\n color: var(--stzh-color-black);\n margin-left: auto;\n\n &:hover {\n color: var(--stzh-color-primary70);\n }\n @include mq(\"medium\") {\n display: none;\n }\n }\n &__sub-menu {\n display: flex;\n padding-right: space(\"medium\");\n align-items: center;\n\n @include mq($from: medium) {\n padding-right: space(\"small\");\n }\n @include mq($from: ultra) {\n padding-right: space(\"medium\");\n }\n }\n\n &__button:hover &__button-icon {\n &.is-default {\n &::before,\n &::after {\n background-color: var(--hover-trigger-color);\n }\n }\n\n color: var(--hover-trigger-color);\n }\n\n &__content {\n height: calc(100vh - 64px);\n width: 100%;\n\n @media print {\n height: auto !important;\n overflow: visible !important;\n display: block !important;\n }\n }\n\n stzh-details {\n .stzh-details--is-open {\n .stzh-pi-menu__button-icon-in-menu {\n transform: rotate(180deg);\n }\n }\n .stzh-details__content-inner {\n padding-top: space(\"none\");\n }\n }\n /* Nav */\n\n &__nav {\n padding-bottom: var(--stzh-space-xlarge);\n padding-left: space(\"none\");\n }\n\n &__nav-list {\n list-style: none;\n margin-block-start: 0;\n margin-block-end: 0;\n padding-inline-start: 0;\n }\n\n &__nav-list.is-level-2 {\n @include mq($from: medium) {\n padding-bottom: space(\"small\");\n }\n }\n\n &__nav-item {\n display: block;\n @include spaceCurve(\"padding-top\", \"tiny\");\n @include spaceCurve(\"padding-right\", \"regular\");\n @include spaceCurve(\"padding-bottom\", \"tiny\");\n @include spaceCurve(\"padding-top\", \"tiny\");\n @include spaceCurve(\"padding-right\", \"regular\");\n @include spaceCurve(\"padding-bottom\", \"tiny\");\n padding-left: var(--padding-left);\n text-decoration: none;\n color: var(--stzh-color-black);\n\n &:hover {\n color: var(--stzh-color-primary70);\n }\n }\n\n &__nav-item.active {\n background-color: var(--stzh-color-primary30);\n }\n\n &__nav-item.is-level-1 {\n @include font(\"heavy\");\n\n padding: space(\"small\") space(\"medium\");\n @include mq($to: medium) {\n height: 44px;\n align-content: center;\n }\n @include mq($from: medium) {\n padding-left: space(\"small\");\n padding-right: space(\"small\");\n }\n @include mq($from: ultra) {\n padding-left: calc(\n (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"medium\")\n );\n padding-right: space(\"medium\");\n }\n }\n\n &__nav-item.is-level-2 {\n line-height: space(\"xlarge\");\n padding: space(\"xsmall\") space(\"xxlarge\");\n\n @include mq($from: medium) {\n padding-left: space(\"xlarge\");\n padding-right: space(\"xlarge\");\n }\n @include mq($from: ultra) {\n padding-left: calc(\n (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"xxlarge\")\n );\n padding-right: space(\"xxlarge\");\n }\n }\n\n &__button-space-helper {\n visibility: hidden;\n pointer-events: none;\n }\n\n /* Open */\n\n &--is-open {\n .stzh-pi-menu__button-icon {\n transform: rotate(180deg);\n }\n\n .stzh-pi-menu__content-inner {\n overflow-y: auto;\n height: calc(100vh - 64px);\n\n // @include mq($from: small) {\n // height: calc(100vh - 72px);\n // }\n\n // @include mq($from: medium) {\n // height: calc(100vh - 80px);\n // }\n\n // @include mq($from: medium) {\n // height: calc(100vh - 96px);\n // }\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n StzhPiMenuClosedEvent,\n StzhPiMenuCloseEvent,\n StzhPiMenuItemClickEvent,\n StzhPiMenuOpenedEvent,\n StzhPiMenuOpenEvent,\n StzhPiPagetitleMenuItem,\n} from \"../../../index\";\n\nimport { waitForEvent } from \"../../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../../utils/animation-utils\";\nimport { StzhPiMenuLocalization } from \"./stzh-pi-menu.localization\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"100%\", opacity: \"1\" },\n ],\n options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { height: \"100%\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" },\n ],\n options: { duration: 300, easing: \"linear\" },\n};\n\nlet accordionItemCounter = 0;\n\n// const CLASS_BODY_OPEN = \"stzh-header-open\";\n\n@Component({\n tag: \"stzh-pi-menu\",\n styleUrl: \"stzh-pi-menu.scss\",\n shadow: true,\n})\nexport class StzhPiMenu {\n /** Translation strings */\n @Prop() localization: StzhPiMenuLocalization;\n\n /** Menu navigation items */\n @Prop() menuItems: StzhPiPagetitleMenuItem[] | string = [];\n private _menuItems: StzhPiPagetitleMenuItem[];\n\n /** Whether fold is open */\n @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n /** Heading title */\n @Prop() heading: string = \"\";\n\n /** Heading title */\n @Prop() subheading: string = \"\";\n\n /** Heading level, for accessibility, no visual impact */\n @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n /** If the menu is fixed (when otherwise no longer in viewport) or statically positioned. */\n @State() menuIsFixed: boolean = false;\n\n /** Used to sync width of stzh-pi-menu-positioner (in-flow element) with stzh-pi-menu (gets taken out of flow with menuIsFixed, but must stay the same width) */\n @State() entangledMenuSize: number = 20;\n\n @State() showBackdrop: boolean = false;\n\n /** Break points for displays */\n @State() isSmall: boolean;\n @State() isMedium: boolean;\n @State() isLarge: boolean;\n @State() isUltra: boolean;\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the button element.\n * Default value will be taken from `heading` prop.\n */\n @Prop() analyticsId: string;\n\n @Element() element: HTMLStzhPiMenuElement;\n\n /** Open event */\n @Event() stzhOpen: EventEmitter<StzhPiMenuOpenEvent>;\n\n /** Opened event (after animation) */\n @Event() stzhOpened: EventEmitter<StzhPiMenuOpenedEvent>;\n\n /** Close event */\n @Event() stzhClose: EventEmitter<StzhPiMenuCloseEvent>;\n\n /** Closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhPiMenuClosedEvent>;\n\n /** Metanav item click event */\n @Event() stzhMenuItemClick: EventEmitter<StzhPiMenuItemClickEvent>;\n\n @Watch(\"menuItems\")\n menuItemsWatcher(newValue: StzhPiPagetitleMenuItem[] | string) {\n if (typeof newValue === \"string\") {\n this._menuItems = JSON.parse(newValue);\n } else {\n this._menuItems = newValue;\n }\n\n this._menuItems = this._menuItems.map((menuItem, index) => ({\n id: `submenu-${index}`,\n ...menuItem,\n }));\n }\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.bodyElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-pi-menu\",\n });\n }\n\n await stopAnimations(this.bodyElement);\n this.bodyElement.hidden = false;\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.bodyElement.scrollHeight,\n }),\n ANIMATION_SHOW.options,\n );\n\n // this.bodyElement.style.height = `calc(100% - ${this.headingElement.clientHeight}px)`;\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-pi-menu\",\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-pi-menu\",\n });\n }\n\n await stopAnimations(this.bodyElement);\n\n await animateTo(\n this.bodyElement,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.bodyElement.scrollHeight,\n }),\n ANIMATION_HIDE.options,\n );\n\n this.bodyElement.hidden = true;\n this.bodyElement.style.height = \"0px\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-pi-menu\",\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n /** Show piMenu item content */\n @Method()\n async show() {\n if (this.open) {\n return;\n }\n\n // this.menuIsFixed && document.body.classList.add(CLASS_BODY_OPEN);\n if (!this.isMedium && !this.isLarge && !this.isUltra) {\n this.showBackdrop = true;\n }\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n /** Hide content */\n @Method()\n async hide() {\n if (!this.open) {\n return;\n }\n\n // document.body.classList.remove(CLASS_BODY_OPEN);\n this.showBackdrop = false;\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n /** Toggle piMenu item content */\n @Method()\n async toggle() {\n if (this.open) {\n return await this.hide();\n } else {\n return await this.show();\n }\n }\n\n @State() rootTabindex: number = 0;\n\n private toggledByMethod: boolean = false;\n private bodyElement: HTMLDivElement;\n private buttonElement: HTMLButtonElement;\n private piMenuId: string;\n private focusedByInput: boolean = false;\n\n private handleHeaderClick = () => {\n this.toggle();\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.buttonElement.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private handleMenuItemClick = (event: MouseEvent) => {\n this.stzhMenuItemClick.emit({\n component: \"stzh-pi-menu\",\n originalEvent: event,\n });\n };\n\n private handleBackdropClick = async () => {\n this.showBackdrop = false;\n this.hide();\n };\n\n private setEntangledMenuSize = () => {\n const menuEl = this.element.shadowRoot.querySelector(\".stzh-pi-menu-positioner\");\n this.entangledMenuSize = menuEl.getBoundingClientRect().width;\n };\n\n private menuObserver: IntersectionObserver;\n private resizeTimeout: number;\n\n private handleMenuIntersection = (entries: IntersectionObserverEntry[]) => {\n entries.forEach(entry => {\n if (entry.intersectionRatio < 1 && entry.boundingClientRect.top < 20) {\n this.menuIsFixed = true;\n } else {\n this.menuIsFixed = false;\n }\n });\n };\n\n private setSubMenuHeader(item) {\n return (\n <div class=\"stzh-pi-menu__sub-menu\">\n <a\n href={item.href}\n onClick={(e: MouseEvent) => this.handleMenuItemClick(e)}\n class={{\n \"stzh-pi-menu__nav-item\": true,\n \"is-level-1\": true,\n active: item.active,\n }}\n >\n {item.label}\n </a>{\" \"}\n {item.items?.length ? <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon-in-menu\"></stzh-icon> : \"\"}\n </div>\n );\n }\n private setSubMenuItems(item) {\n if (!item.items?.length) return null;\n return (\n <ul id={item.id} class=\"stzh-pi-menu__nav-list is-level-2\">\n {item.items.map(item => (\n <li class=\"stzh-pi-menu__nav-list-item\">\n <a\n href={item.href}\n onClick={(e: MouseEvent) => this.handleMenuItemClick(e)}\n class={{\n \"stzh-pi-menu__nav-item\": true,\n \"is-level-2\": true,\n active: item.active,\n }}\n >\n {item.label}\n </a>\n </li>\n ))}\n </ul>\n );\n }\n\n private mediaChangeHandler = () => {\n // update a state for example to update component template depending on breakpoint state\n this.isSmall = media(\"small\").matches;\n this.isMedium = media(\"medium\").matches;\n this.isLarge = media(\"large\").matches;\n this.isUltra = media(\"ultra\").matches;\n if (this.isMedium || this.isLarge || this.isUltra) {\n this.showBackdrop = false;\n this.open = true;\n } else {\n if (this.open) {\n this.showBackdrop = true;\n }\n }\n };\n\n connectedCallback() {\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n async componentWillLoad() {\n this.piMenuId = `stzh-pi-menu-${accordionItemCounter++}`;\n this.menuItemsWatcher(this.menuItems);\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"pi-pagetitle\");\n }\n }\n\n componentDidLoad() {\n this.bodyElement.hidden = !this.open;\n\n this.menuObserver = new IntersectionObserver(this.handleMenuIntersection, { rootMargin: \"0px\", threshold: 1 });\n const menuEl = this.element.shadowRoot.querySelector(\".stzh-pi-menu-positioner\");\n this.menuObserver.observe(menuEl);\n this.setEntangledMenuSize();\n this.mediaChangeHandler();\n\n // Open status for medium, large and ultra screens\n if (this.isMedium || this.isLarge || this.isUltra) {\n this.open = true;\n } else {\n this.open = false;\n }\n\n window.addEventListener(\n \"resize\",\n () => {\n if (this.resizeTimeout) {\n window.cancelAnimationFrame(this.resizeTimeout);\n }\n this.resizeTimeout = window.requestAnimationFrame(() => {\n this.setEntangledMenuSize();\n });\n },\n false,\n );\n }\n\n disconnectedCallback() {\n if (this.menuObserver) {\n this.menuObserver.disconnect();\n }\n window.removeEventListener(\"resize\", () => {\n if (this.resizeTimeout) {\n window.cancelAnimationFrame(this.resizeTimeout);\n }\n });\n removeMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const Heading = `h${this.headingLevel}`;\n const classes = {\n \"stzh-pi-menu\": true,\n \"stzh-pi-menu--is-open\": this.open,\n \"stzh-pi-menu--fixed\": this.menuIsFixed,\n };\n\n const backdropClasses = {\n \"stzh-pi-menu__backdrop\": true,\n \"stzh-pi-menu__backdrop--visible\": this.showBackdrop,\n };\n\n const closed = \"8.0625rem\";\n\n // Screens micro and small\n const narrowScreens = \"19.6875rem\";\n\n // Screens medium, large and ultra\n const wideScreens = `${this.entangledMenuSize}px`;\n\n const menuWidth = this.open ? (this.isMedium ? wideScreens : narrowScreens) : this.isMedium ? wideScreens : closed;\n\n return (\n <Host tabindex={this.rootTabindex} onFocus={this.onRootFocus}>\n <div class=\"stzh-pi-menu-positioner\">\n <div class={classes} style={{ width: menuWidth }}>\n <div class={backdropClasses} onClick={this.handleBackdropClick}></div>\n\n {/* Header of the menu */}\n <Heading class=\"stzh-pi-menu__heading\" onClick={this.handleHeaderClick}>\n <button\n ref={el => (this.buttonElement = el as HTMLButtonElement)}\n class=\"stzh-pi-menu__button\"\n aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n type=\"button\"\n s-object-id={this.analyticsId || this.heading}\n >\n <span class=\"stzh-pi-menu__button-text\">{this.heading}</span>\n <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon\"></stzh-icon>\n </button>\n </Heading>\n\n {/* Content of the menu */}\n <div\n id={`${this.piMenuId}-content`}\n ref={el => (this.bodyElement = el as HTMLDivElement)}\n class=\"stzh-pi-menu__content\"\n aria-labelledby={`${this.piMenuId}-header`}\n role=\"region\"\n >\n <div class=\"stzh-pi-menu__content-inner\">\n <nav class=\"stzh-pi-menu__nav\" aria-label={this.localization.menuLabel}>\n {this.subheading && <p class=\"stzh-pi-menu__subheading\">{this.subheading}</p>}\n <ul class=\"stzh-pi-menu__nav-list is-level-1\">\n {this._menuItems.map((item, index) => (\n <li class=\"stzh-pi-menu__nav-list-item\">\n {this.isMedium || this.isLarge || this.isUltra ? (\n <div>\n {this.setSubMenuHeader(item)}\n {this.setSubMenuItems(item)}\n </div>\n ) : (\n <stzh-details open={index === 0}>\n {this.setSubMenuHeader(item)}\n <div slot=\"content\">{this.setSubMenuItems(item)}</div>\n </stzh-details>\n )}\n </li>\n ))}\n </ul>\n </nav>\n </div>\n </div>\n </div>\n <button class=\"stzh-pi-menu__button stzh-pi-menu__button-space-helper\" aria-hidden=\"true\" type=\"button\">\n <span class=\"stzh-pi-menu__button-text\">\n <span class=\"stzh-pi-menu__heading-text\">{this.heading}</span>\n </span>\n <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon\"></stzh-icon>\n </button>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-7254baa2.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as e,c as t,h as a,F as s,a as i,g as r}from"./p-ef5985a3.js";import{f as d}from"./p-4d8999d6.js";import{m as h,a as n,r as o}from"./p-f4adb3cd.js";import"./p-1ab64d01.js";const l=':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],:host[stzh-hidden]{display:none}: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{--teaser-list-width:30rem;--meta-grid-template-areas:"filters search";--results-grid-template-areas:"map 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__header{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data__header{display:inherit}}.stzh-geo-ref-data__content{overflow:hidden;height:100%}.stzh-geo-ref-data--content-padding{padding-left:1.25rem;padding-right:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data--content-padding{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data--content-padding{padding-left:2rem}}.stzh-geo-ref-data__heading{display:flex;align-items:center;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-xsmall);padding-bottom:var(--stzh-space-xsmall)}@media screen and (max-width: 1259px){.stzh-geo-ref-data__meta-wrapper{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-top: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-xlarge)}}@media screen and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{padding-bottom:var(--stzh-space-small)}}@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-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--meta-grid-template-areas);grid-template-columns:1fr var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__meta-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}.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__list-search{display:none;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__list-search{padding-bottom:var(--stzh-space-xxlarge)}}.stzh-geo-ref-data__filters-content{display:none}.stzh-geo-ref-data__filters-content--visible{padding:1.25rem}@media screen and (max-width: 1259px){.stzh-geo-ref-data__filters-content--visible{display:flex;gap:var(--stzh-space-xxlarge);position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--stzh-color-white);z-index:10;flex-direction:column;justify-content:space-between}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-content{display:block}}.stzh-geo-ref-data__filters-apply-button{display:block}@media screen and (min-width: 1260px){.stzh-geo-ref-data__filters-apply-button{display:none}}.stzh-geo-ref-data__search{grid-area:search;width:100%}@media screen and (min-width: 1260px){.stzh-geo-ref-data__search{width:var(--teaser-list-width);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-xsmall)}}.stzh-geo-ref-data__search input{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.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{display:grid;column-gap:var(--stzh-grid-gutter);grid-template-areas:var(--results-grid-template-areas);grid-template-columns:minmax(0, 1fr) var(--teaser-list-width)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1260px) and (min-width: 1600px){.stzh-geo-ref-data__results-wrapper{column-gap:var(--stzh-grid-gutter-ultra)}}@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:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxlarge);overflow:auto}.stzh-geo-ref-data__results-list::-webkit-scrollbar{position:absolute;z-index:9999999;width:0.5rem;background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar:horizontal{height:0.5rem}.stzh-geo-ref-data__results-list::-webkit-scrollbar-track{background-color:transparent}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb{background-color:var(--stzh-color-secondary50)}.stzh-geo-ref-data__results-list::-webkit-scrollbar-thumb:active,.stzh-geo-ref-data__results-list ::-webkit-scrollbar-thumb:hover{background-color:var(--stzh-color-secondary50)}@media screen and (min-width: 600px){.stzh-geo-ref-data__results-list{padding-left:2rem}}@media screen and (min-width: 900px){.stzh-geo-ref-data__results-list{padding-left:2.5rem}}@media screen and (min-width: 1260px){.stzh-geo-ref-data__results-list{width:var(--teaser-list-width);padding-left:0;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)}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__meta-wrapper{display:none}}.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__filters{display:none}@media screen and (min-width: 1260px){.stzh-geo-ref-data:not(.stzh-geo-ref-data--has-filters) .stzh-geo-ref-data__list-search{display:block}}.stzh-poi-teaser{display:flex;flex-direction:column-reverse;background-color:var(--stzh-color-grey10);position:relative}@media screen and (min-width: 1260px){.stzh-poi-teaser{flex-direction:row;height:11.25rem}}.stzh-poi-teaser:hover{cursor:pointer;background-color:var(--stzh-color-secondary10)}.stzh-poi-teaser-content{padding:var(--stzh-space-medium);hyphens:auto;flex-grow:1}.stzh-poi-teaser-content stzh-heading{margin-bottom:var(--stzh-space-xsmall);hyphens:auto}.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-wrapper{position:relative}.stzh-poi-teaser__ratio{display:flex;height:100%}.stzh-poi-teaser__image-inner-wrapper{background-color:var(--stzh-color-grey20);position:absolute;inset:0;height:100%}.stzh-poi-teaser__image-inner-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.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)}';const c=l;const p="stzh-overlay-open";const f=class{constructor(a){e(this,a);this.stzhOverlayCloseClick=t(this,"stzhOverlayCloseClick",7);this._availableTags=[];this.filterResults=[];this.handleFilterToggleClick=()=>{this.isFiltersContentOpen=true};this.handleApplyFilterClick=()=>{this.isFiltersContentOpen=false};this.handleOverlayCloseClick=()=>{document.body.classList.remove(p);this.isOpen=false;const e=new URLSearchParams(window.location.search);Array.from(e.keys()).forEach((t=>{if(t.startsWith("filters[")){e.delete(t)}}));e.delete("extent[0]");e.delete("extent[1]");e.delete("extent[2]");e.delete("extent[3]");e.delete("al");const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t);this.appliedFilters=[""]};this.handleResize=async()=>{if(this.metaWrapperElement){if(this.metaWrapperElement.clientHeight){this.mapElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`;this.resultsListElement.style.height=`calc(100% - ${this.metaWrapperElement.clientHeight}px)`}else{this.mapElement.style.height=`100%`;this.resultsListElement.style.height=`100%`}const e=await this.mapElement.getMap();e.updateSize()}};this.mediaChangeHandler=()=>{this.isViewportLarge=h("large").matches;this.isViewportMedium=h("medium").matches};this.handleFilterChange=async e=>{let t=Array.isArray(e.detail.value)?e.detail.value:[e.detail.value];if(t.length===1&&t[0]===this._resetTag.value){this.appliedFilters=[]}else{try{t=t.filter((e=>e!==""))}catch(e){}this.appliedFilters=t}setTimeout((async()=>{await this.handleFilterResults()}))};this.handleExtentVisibilityChange=async e=>{this.showOnlyResultsForCurrentExtent=e.detail.checked;await this.setVisibleMarkers()};this.handleSearchChange=async e=>{if(e.detail.value!==""){if(!this.searchIndex){return}const t=this.searchIndex.search(e.detail.value);const a=t.flatMap((e=>e.result));this.searchResults=new Set(a);this.searchActive=true}else{this.searchActive=false}await this.combineFilterAndSearchResults()};this.toggleViewMode=()=>{if(this.viewmode==="map"){this.viewmode="list"}else{this.viewmode="map"}};this.al="";this.heading="";this.mapDataUrl="";this.poiDataUrl="";this.baseUrlOverride="https://www.stadt-zuerich.ch";this.locationControl=true;this.centerMarker=false;this.zoom=7;this.zoomLocation=7;this.pinchRotateThreshold=.3;this.availableTags=[];this.resetTag=undefined;this.searchIndexFields=["title","poiname","street","zip","description"];this.searchIndexIdField="poiid";this.filterActive=false;this.searchActive=false;this.showOnlyResultsForCurrentExtent=true;this.finalResults=[];this.finalResultsPaginatedList=[];this.finalResultsPaginationOffset=0;this.viewmode="map";this.isViewportLarge=undefined;this.isViewportMedium=undefined;this.isInitialized=undefined;this.isOpen=undefined;this.isLoading=undefined;this.numberOfItemsToLoad=20;this.canLoadMore=undefined;this.appliedFilters=[""];this.isFiltersContentOpen=false}availableTagsWatcher(e){if(!e){this._availableTags=[]}else if(typeof e==="string"){try{this._availableTags=JSON.parse(e)}catch(e){this._availableTags=[]}}else{this._availableTags=e}}resetTagWatcher(e){if(!e){this._resetTag=undefined}else if(typeof e==="string"){try{this._resetTag=JSON.parse(e)}catch(e){this._resetTag=undefined}}else{this._resetTag=e}}applyFiltersFromUrl(){const e=new URLSearchParams(window.location.search);const t=Array.from(e.entries()).filter((([e,t])=>e.startsWith("filters[")&&t==="true")).map((([e])=>e.slice(8,-1)));if(t.length){this.appliedFilters=t;this.updateUrlWithFilters();this.handleFilterChange({detail:{value:t}})}}async loadMapData(){if(!this.mapDataUrl){return[]}try{const e=await fetch(this.mapDataUrl);const t=await e.text();const a=(new DOMParser).parseFromString(t,"text/xml");return Array.from(a.querySelectorAll("featureMember")).map((e=>{var t,a;const s=(t=e.querySelector("pos"))===null\|\|t===void 0?void 0:t.textContent;const i=(a=e.querySelector("poi_id"))===null\|\|a===void 0?void 0:a.textContent;const[r,d]=(s===null\|\|s===void 0?void 0:s.split(" "))\|\|[];return{poiid:i,lat:r,lon:d}}))}catch(e){this.toastbarElement.toast("Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.",{type:"error"}).catch()}}async loadPoiData(){if(!this.poiDataUrl){return[]}try{const e=await fetch(this.poiDataUrl,{credentials:"include"});const t=await e.json();return t.items}catch(e){this.toastbarElement.toast("Beim Laden der POI-Daten ist ein Fehler aufgetreten.",{type:"error"}).catch()}}combineData(e,t){if(!e.length\|\|!t.length){return[]}let a;let s;if(e.length<t.length){a=e;s=t}else{a=t;s=e}return a.map((e=>{const t=s.find((t=>t.poiid===e.poiid));return Object.assign(Object.assign({},e),t)})).sort(((e,t)=>{try{return e.title.localeCompare(t.title)}catch(e){return 1}}))}enhanceTags(e,t){return e.sort(((e,t)=>{try{e.label.localeCompare(t.label)}catch(e){return 1}})).map((e=>{const a=t.filter((t=>{try{return t.tags.includes(e.value)}catch(e){return false}})).length.toString();return Object.assign(Object.assign({},e),{counter:a,variant:"filter"})}))}buildSearchIndex(e){if(!e.length){return}this.searchIndex=new d.exports.Document({tokenize:"forward",matcher:{"[äà]":"a","[öó]":"o","[üûúù]":"u","[éè]":"e"},document:{id:this.searchIndexIdField,index:this.searchIndexFields}});e.forEach((e=>{this.searchIndex.add(e)}))}async mapMovedPannedOrZoomed(){await this.setVisibleMarkers()}async setVisibleMarkers(){if(this.combinedData){const e=await this.mapElement.getVisibleMarkers();if(this.showOnlyResultsForCurrentExtent){this.finalResults=this.combinedData.filter((t=>e.find((e=>e.getId()===t.poiid))))}else{this.finalResults=this.combinedData}this.setEnhancedTags();await this.setPaginatedResults()}}async setPaginatedResults(){this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);this.canLoadMore=this.finalResults.length>this.numberOfItemsToLoad}async checkDirectOpenViaUrl(){const e=new URLSearchParams(window.location.search);const t=e.get("al");if(t&&t===this.al){await this.initializeAndOpenMap()}}connectedCallback(){this.mediaChangeHandler();n(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element);this.availableTagsWatcher(this.availableTags);this.resetTagWatcher(this.resetTag);this.checkDirectOpenViaUrl()}disconnectedCallback(){o(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}async initializeAndOpenMap(){document.body.classList.add(p);this.isLoading=true;this.isOpen=true;const e=new URLSearchParams(window.location.search);if(!e.has("al")){e.set("al",this.al);const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}try{this.combinedData=this.combineData(await this.loadMapData(),await this.loadPoiData());this.setEnhancedTags();this.applyFiltersFromUrl();this.buildSearchIndex(this.combinedData);this.finalResults=this.combinedData;await this.setVisibleMarkers();await this.combineFilterAndSearchResults();await this.handleResize();const e=new URLSearchParams(window.location.search);const t=[parseFloat(e.get("extent[0]")),parseFloat(e.get("extent[1]")),parseFloat(e.get("extent[2]")),parseFloat(e.get("extent[3]"))];if(!t.length\|\|isNaN(t[0])\|\|isNaN(t[1])\|\|isNaN(t[2])\|\|isNaN(t[3])){await this.mapElement.updateViewToFitMarkers()}await this.handleResize();this.isInitialized=true}catch(e){this.toastbarElement.toast("Beim Laden der Karte ist ein Fehler aufgetreten.",{type:"error"}).catch()}setTimeout((()=>{this.isLoading=false}),500)}updateUrlWithFilters(){const e=new URLSearchParams(window.location.search);Array.from(e.keys()).forEach((t=>{if(t.startsWith("filters[")){e.delete(t)}}));this.appliedFilters.forEach((t=>{e.set(`filters[${t}]`,"true")}));const t=`${window.location.pathname}?${e.toString()}`;history.replaceState(null,"",t)}setEnhancedTags(){this.enhancedTags=this.enhanceTags(this._availableTags,this.finalResults);const e=Object.assign(Object.assign({},this._resetTag),{counter:this.finalResults.length.toString()});if(this._resetTag){this.enhancedTags.unshift(e)}}async handleFilterResults(){if(this.appliedFilters.length!==0){this.filterResults=this.finalResults.filter((e=>e.tags&&e.tags.some((e=>this.appliedFilters.includes(e)))));this.filterActive=true}else{this.filterActive=false;this.filterResults=this.finalResults}this.updateUrlWithFilters();await this.combineFilterAndSearchResults()}async combineFilterAndSearchResults(){if(this.filterActive&&!this.searchActive){this.finalResults=this.filterResults}else if(!this.filterActive&&this.searchActive){this.finalResults=Array.from(this.searchResults).map((e=>this.combinedData.find((t=>t.poiid===e))))}else if(this.filterActive&&this.searchActive){this.finalResults=this.filterResults.filter((e=>this.searchResults.has(e.poiid)))}else{this.finalResults=this.combinedData}this.finalResultsPaginatedList=this.finalResults.slice(0,this.numberOfItemsToLoad);await this.replaceMapMarkers(this.finalResults)}loadMore(){this.finalResultsPaginationOffset++;const e=this.finalResults.slice(this.finalResultsPaginationOffsetthis.numberOfItemsToLoad,this.finalResultsPaginationOffset*this.numberOfItemsToLoad+this.numberOfItemsToLoad);if(!e\|\|!e.length\|\|e.length<this.numberOfItemsToLoad){this.canLoadMore=false}this.finalResultsPaginatedList=this.finalResultsPaginatedList.concat(e)}async replaceMapMarkers(e){await this.mapElement.removeAllIconMarkers();e.filter((e=>!!e.lat&&!!e.lon)).forEach((e=>{this.mapElement.addIconMarker([parseFloat(e.lat),parseFloat(e.lon)],{id:e.poiid,title:e.title,text:e.description,data:e.data,imageUri:`${this.baseUrlOverride}${e.image}`,href:`${this.baseUrlOverride}${e.path}`}).catch()}));if(!this.showOnlyResultsForCurrentExtent){this.mapElement.updateViewToFitMarkers().catch()}}async handlePoiTeaserMouseEnter(e){const t=await this.mapElement.findMarkerById(e.poiid);if(t){await this.mapElement.setIconMarkerActive(t)}}async handlePoiTeaserMouseLeave(e){const t=await this.mapElement.findMarkerById(e.poiid);if(t){await this.mapElement.setIconMarkerInactive(t)}}render(){const e={"stzh-geo-ref-data":true,"stzh-geo-ref-data--is-loading":this.isLoading,"stzh-geo-ref-data--is-open":this.isOpen,"stzh-geo-ref-data--has-filters":this._availableTags.length>0};return a(i,{key:"3cb124f832c9e9e62b27c15ab255a4f2d0ec87e5"},a("stzh-toastbar",{key:"1b40c462bae5a63930408d6e00eb6ab46136c8e9",ref:e=>this.toastbarElement=e}),a("div",{key:"13d0c1b22834cefd3d96ca85b4c5eeb8e3062d88",class:"stzh-geo-ref-data__trigger",onClick:()=>this.initializeAndOpenMap()},a("slot",{key:"1251556180e0a8a319278ced4ac62e93e6f71960",name:"trigger"})),a("stzh-overlay",{key:"5bfafae0c6263d80221804a8d2739809a92d4823",open:this.isLoading},a("stzh-loader",{key:"000cb6ca7504e9943d18927ea5bc5f322acf6436",label:"Daten werden geladen..."})),a("div",{key:"6a6cb46ce932b318eba79bd2179b61f2cce78711",class:e},a("div",{key:"5e8f652fcf22ea7e461d38a7d6010620393f8556",class:"stzh-geo-ref-data__header-wrapper"},a("stzh-header",{key:"74cf907168ddcf4942775a07bb92669a62d512cc",class:"stzh-geo-ref-data__header","hide-metabar":true,sticky:"disabled"},a("slot",{key:"67f945a12df69aa18193492e2a4a0a9f3d438a81",name:"logo",slot:"logo"})),a("div",{key:"e9b412668f7cda3c4a9828ca03a63b33a488ed90",class:"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding"},a("stzh-heading",{key:"806ebba0be19ec9944ebef1ee5e5faec40312621",class:"stzh-geo-ref-data__heading-heading",curve:"h2"},this.heading),a("stzh-button",{key:"2bb8647c542fa3e59b573c55f21d1d2136ea764b",class:"stzh-geo-ref-data__overlay-close",icon:"close",iconOnly:true,size:"small",variant:"tertiary",onClick:this.handleOverlayCloseClick}))),a("div",{key:"ccf14ed4ba7fd35ff912b48f009fd4d580908822",class:"stzh-geo-ref-data__content"},a("div",{key:"8d0ae1a0926071691a71db58f53f52e35f296410",class:"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding",ref:e=>this.metaWrapperElement=e},a("div",{key:"35df3a882b5835988fa878b0e2c36aedc9ae6de3",class:"stzh-geo-ref-data__filters"},this._availableTags.length>0&&a("div",{key:"523456b8e4d7dc0649738ca5c69b588eb9f4f265",class:"stzh-geo-ref-data__filters-toggle"},a("stzh-chip",{key:"c8106db204252c2082511ad5f87be2b70f36c3bb",label:this.isViewportMedium?"Filter":"",variant:"filter",icon:"filtering",onStzhClick:this.handleFilterToggleClick})),a("div",{key:"d26c03f2805792b62bc8ebfea9b2dcb378ddf765",class:{"stzh-geo-ref-data__filters-content":true,"stzh-geo-ref-data__filters-content--visible":!this.isViewportLarge&&this.isFiltersContentOpen}},a("stzh-chipselect",{key:"f325d70f2cb9040a03a9749c08d2920a633f4d96","label-hidden":true,label:"Tags",data:this.enhancedTags,onStzhChange:this.handleFilterChange,multiple:true,defaultValue:this.appliedFilters,value:this.appliedFilters}),a("div",{key:"ae21f09aad2136f524501899912658a4dac7cf5b",class:"stzh-geo-ref-data__filters-apply-button"},a("stzh-button",{key:"bdf74c45a428b57bb72c8ad57e7d7f85794a9b80",size:"small",fullwidth:true,onStzhClick:this.handleApplyFilterClick},"Anwenden")))),a("div",{key:"725e9503271bd36fa3de1e85bf4a9f15cb4b1636",class:"stzh-geo-ref-data__search"},a("stzh-input",{key:"df32adc5e1225f1794555a5ba48522146f6cf34b",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("div",{key:"43f5cee50c8ce1764838229466b6233c0ded3d5e",class:"stzh-geo-ref-data__results-toggle"},a("stzh-chip",{key:"70a973d9c308e04ee28e7cb318472cd403e0e5f5",onStzhClick:this.toggleViewMode,label:this.viewmode==="map"?"Liste":"Karte",icon:this.viewmode==="map"?"bulleted-list":"map",variant:"filter"}))),a("div",{key:"aa67deb952bfde0f5fb1000b6629833d3733488f",class:"stzh-geo-ref-data__results-wrapper"},a("div",{key:"3a2cec8f045e87d31f0f44e5de62c6f951261e61",class:`stzh-geo-ref-data__results-map ${this.viewmode==="map"?"active":"inactive"}`},a("stzh-olmap",{key:"1358e028c134dcd88f379989302081eb1d38fa1f",class:"stzh-geo-ref-data__ol-map",centerMarker:this.centerMarker,zoom:this.zoom,zoomLocation:this.zoomLocation,writeExtentToUrlEnabled:this.isOpen,locationControl:this.locationControl,pinchRotateThreshold:this.pinchRotateThreshold,ref:e=>this.mapElement=e}),a("div",{key:"23a09183a4f83a817e64894713ebdcfcfdc28f01",class:"stzh-geo-ref-data__map-controls"},a("stzh-checkbox",{key:"cd7e1a564e8ced4f18af231b24a4a9b9ddb0f2d9",label:"Treffer an Kartenausschnitt anpassen",checked:this.showOnlyResultsForCurrentExtent,hideOptional:true,onStzhChange:this.handleExtentVisibilityChange}))),a("div",{key:"17170a188f962d1d41bdaa074168224b35b960c3",class:`stzh-geo-ref-data__results-list ${this.viewmode==="list"?"active":"inactive"}`,ref:e=>this.resultsListElement=e},this.finalResults&&a(s,{key:"e0673d702a385a150de0068584b4e0acab13f074"},a("div",{key:"ef5d851aa494937e015d8eb6b7d48f99a0b73f96",class:"stzh-geo-ref-data__list-search"},a("stzh-input",{key:"447ebfa4da726b4caa1248d4ab5914f1e3e89b27",name:"stzh-datatable-search",onStzhChange:this.handleSearchChange,hideOptional:true,label:"Suche",type:"search"})),a("stzh-text",{key:"23625fe289ba9b8537003fa333d5a26b6038b8da",class:"stzh-geo-ref-data__results-list-heading"},this.finalResults.length," Treffer"),a("div",{key:"5ccaccb3d0660b8807050174df4d60e93ee091ea",class:"stzh-geo-ref-data__teaser-list"},this.finalResultsPaginatedList.map((e=>a("div",{class:"stzh-poi-teaser",onMouseEnter:()=>this.handlePoiTeaserMouseEnter(e),onMouseLeave:()=>this.handlePoiTeaserMouseLeave(e)},a("a",{class:"stzh-poi-teaser-link",href:this.baseUrlOverride+e.path}),a("div",{class:"stzh-poi-teaser-content"},a("stzh-heading",{curve:"lead"},e.poiname),e.description&&a("stzh-text",{size:"micro"},e.description),e.data&&e.data.length>0&&e.data.map((e=>a("div",{class:"stzh-poi-teaser-list-item"},a("stzh-icon",{name:e.icon}),a("stzh-text",{size:"micro"},e.text))))),e.image&&a("div",{class:"stzh-poi-teaser__image-wrapper"},a("stzh-ratio",{ratio:"2:1","ratio-large":"5:4","ratio-ultra":"1:1",portrait:this.isViewportLarge,class:"stzh-poi-teaser__ratio"}),a("div",{class:"stzh-poi-teaser__image-inner-wrapper"},a("img",{src:this.baseUrlOverride+e.image,alt:"Foto von "+e.poiname}))))))),this.canLoadMore&&a("div",{key:"e87f421c49d0d94fcaa4f5b7d4a6fea5e24f959d",class:"stzh-geo-ref-data__teaser-load-more"},a("stzh-button",{key:"e0353c2273d51a6bcff2c0711367459f95dcb690",onStzhClick:()=>this.loadMore()},"Weitere laden"))))))))}get element(){return r(this)}static get watchers(){return{availableTags:["availableTagsWatcher"],resetTag:["resetTagWatcher"]}}};f.style=c;export{f as stzh_geo_ref_data};
2	- //# sourceMappingURL=p-7254baa2.entry.js.map

package/dist/stzh-components/p-7254baa2.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhGeoRefDataCss","StzhGeoRefDataStyle0","CLASS_BODY_OPEN","GeoRefData","this","_availableTags","filterResults","handleFilterToggleClick","isFiltersContentOpen","handleApplyFilterClick","handleOverlayCloseClick","document","body","classList","remove","isOpen","urlParams","URLSearchParams","window","location","search","Array","from","keys","forEach","key","startsWith","delete","newUrl","pathname","toString","history","replaceState","appliedFilters","handleResize","async","metaWrapperElement","clientHeight","mapElement","style","height","resultsListElement","map","getMap","updateSize","mediaChangeHandler","isViewportLarge","media","matches","isViewportMedium","handleFilterChange","e","filtersArray","isArray","detail","value","length","_resetTag","filter","filterValue","noEmptyFilter","setTimeout","handleFilterResults","handleExtentVisibilityChange","showOnlyResultsForCurrentExtent","checked","setVisibleMarkers","handleSearchChange","searchIndex","searchResults","flatSearchResults","flatMap","field","result","Set","searchActive","combineFilterAndSearchResults","toggleViewMode","viewmode","availableTagsWatcher","newValue","JSON","parse","resetTagWatcher","undefined","applyFiltersFromUrl","filters","entries","slice","updateUrlWithFilters","loadMapData","mapDataUrl","response","fetch","rawMapData","text","parsedData","DOMParser","parseFromString","querySelectorAll","item","pos","_a","querySelector","textContent","poiid","_b","lat","lon","split","error","toastbarElement","toast","type","catch","loadPoiData","poiDataUrl","credentials","poiData","json","items","combineData","firstArray","secondArray","smallerArray","largerArray","matchingItem","find","largerArrayItem","Object","assign","sort","a","b","title","localeCompare","noTitleException","enhanceTags","availableTags","combinedData","label","noLabelException","tag","counter","tags","includes","noTagsException","variant","buildSearchIndex","data","Document","tokenize","matcher","id","searchIndexIdField","index","searchIndexFields","add","mapMovedPannedOrZoomed","visibleMarkers","getVisibleMarkers","finalResults","visibleMarker","getId","setEnhancedTags","setPaginatedResults","finalResultsPaginatedList","numberOfItemsToLoad","canLoadMore","checkDirectOpenViaUrl","idFromUrl","get","al","initializeAndOpenMap","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","element","resetTag","disconnectedCallback","removeMediaChangeListener","disconnect","isLoading","has","set","extent","parseFloat","isNaN","updateViewToFitMarkers","isInitialized","mapException","enhancedTags","enhancedResetTag","unshift","some","filterActive","replaceMapMarkers","loadMore","finalResultsPaginationOffset","sliced","concat","removeAllIconMarkers","addIconMarker","description","imageUri","baseUrlOverride","image","href","path","handlePoiTeaserMouseEnter","marker","findMarkerById","setIconMarkerActive","handlePoiTeaserMouseLeave","setIconMarkerInactive","render","classes","h","Host","ref","el","class","onClick","name","open","sticky","slot","curve","heading","icon","iconOnly","size","onStzhClick","onStzhChange","multiple","defaultValue","fullwidth","hideOptional","centerMarker","zoom","zoomLocation","writeExtentToUrlEnabled","locationControl","pinchRotateThreshold","Fragment","onMouseEnter","onMouseLeave","poiname","ratio","portrait","src","alt"],"sources":["src/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.scss?tag=stzh-geo-ref-data&encapsulation=shadow","src/components/CMS/stzh-geo-ref-data/stzh-geo-ref-data.tsx"],"sourcesContent":[":host {\n --teaser-list-width: 480px;\n --meta-grid-template-areas: \"filters search\";\n --results-grid-template-areas: \"map list\";\n}\n\n.stzh-geo-ref-data {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 899;\n flex-direction: column;\n transition: opacity ease 0.2s;\n background-color: var(--stzh-color-white);\n\n // initially hidden\n display: none;\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n\n &--is-open {\n display: flex;\n opacity: 1;\n visibility: visible;\n pointer-events: inherit;\n }\n\n &__header {\n display: none;\n\n @include mq($from: large) {\n display: inherit;\n }\n }\n\n &__content {\n overflow: hidden;\n height: 100%;\n }\n\n &--content-padding {\n padding-left: $containerMargin;\n padding-right: var(--stzh-space-medium);\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginSmall;\n }\n }\n\n &__heading {\n display: flex;\n align-items: center;\n background-color: var(--stzh-color-secondary20);\n @include spaceCurve(\"padding-top\", \"regular\");\n @include spaceCurve(\"padding-bottom\", \"regular\");\n }\n\n /** Everything meta wrapper like search, filters etc. */\n\n &__meta-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n gap: space(large);\n\n @include mq($to: large) {\n padding-top: space(\"medium\");\n padding-bottom: space(\"medium\");\n }\n\n @include spaceCurve(\"padding-top\", \"small\");\n @include spaceCurve(\"padding-bottom\", \"small\");\n\n @include mq($from: large) {\n display: grid;\n @include gridGutter;\n grid-template-areas: var(--meta-grid-template-areas);\n grid-template-columns: 1fr var(--teaser-list-width);\n }\n }\n\n &__filters {\n grid-area: filters;\n flex: none;\n margin-bottom: space(xxsmall);\n }\n\n &__filters-toggle {\n @include mq($from: large) {\n display: none;\n }\n }\n\n &__filters-toggle stzh-chip {\n @include mq($to: medium) {\n --icon-gap: 0;\n }\n }\n\n &__list-search {\n display: none;\n @include spaceCurve(\"padding-top\", \"regular\");\n @include spaceCurve(\"padding-bottom\", \"regular\");\n }\n\n &__filters-content {\n display: none;\n\n &--visible {\n padding: $containerMargin;\n\n @include mq($to: medium) {\n //padding: $containerMarginSmall;\n }\n\n @include mq($to: large) {\n display: flex;\n gap: space(\"xxlarge\");\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: var(--stzh-color-white);\n //padding: $containerMarginMedium;\n z-index: 10;\n flex-direction: column;\n justify-content: space-between;\n }\n }\n\n @include mq($from: large) {\n display: block;\n }\n }\n\n &__filters-apply-button {\n display: block;\n\n @include mq($from: large) {\n display: none;\n }\n }\n\n &__search {\n grid-area: search;\n width: 100%;\n\n @include mq($from: large) {\n width: var(--teaser-list-width);\n padding-left: var(--stzh-space-medium);\n padding-right: var(--stzh-space-xsmall);\n }\n }\n\n &__search input {\n @include fontSize(\"milli\");\n }\n\n &__results-toggle {\n grid-area: resultstoggle;\n flex: none;\n margin-bottom: space(xxsmall);\n\n @include mq($from: large) {\n display: none;\n }\n }\n\n /** Everything with results */\n\n &__results-wrapper {\n height: 100%;\n\n @include mq($from: large) {\n display: grid;\n @include gridGutter;\n grid-template-areas: var(--results-grid-template-areas);\n grid-template-columns: minmax(0, 1fr) var(--teaser-list-width);\n }\n }\n\n &__results-wrapper .inactive {\n @include mq($to: large) {\n visibility: hidden;\n height: 0;\n position: absolute;\n overflow: hidden;\n }\n }\n\n &__results-map {\n grid-area: map;\n position: relative;\n height: 100%;\n }\n\n &__map-controls {\n position: absolute;\n top: space(small);\n left: space(small);\n background-color: var(--stzh-color-white);\n padding: space(xsmall);\n }\n\n &__results-list {\n grid-area: list;\n padding-left: $containerMargin;\n padding-right: var(--stzh-space-medium);\n padding-bottom: space(\"xxlarge\");\n overflow: auto;\n @include scrollbars;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n width: var(--teaser-list-width);\n padding-left: 0;\n overflow: auto;\n }\n }\n\n &__results-list-heading {\n margin-bottom: var(--stzh-space-medium);\n }\n\n &__ol-map {\n }\n\n &__teaser-list {\n display: grid;\n gap: var(--stzh-space-medium);\n grid-template-columns: 1fr;\n\n @include mq($from: small) {\n grid-template-columns: 1fr 1fr;\n }\n\n @include mq($from: large) {\n grid-template-columns: 1fr;\n }\n }\n\n &__teaser-load-more {\n display: flex;\n justify-content: center;\n margin-top: space(medium);\n }\n\n /** no filters */\n\n &:not(&--has-filters) &__meta-wrapper {\n @include mq($from: large) {\n display: none;\n }\n }\n\n &:not(&--has-filters) &__filters {\n display: none;\n }\n\n &:not(&--has-filters) &__list-search {\n @include mq($from: large) {\n display: block;\n }\n }\n}\n\n.stzh-poi-teaser {\n display: flex;\n flex-direction: column-reverse;\n background-color: var(--stzh-color-grey10);\n position: relative;\n\n @include mq($from: large) {\n flex-direction: row;\n height: 180px;\n }\n\n &:hover {\n cursor: pointer;\n background-color: var(--stzh-color-secondary10);\n }\n\n &-content {\n padding: var(--stzh-space-medium);\n hyphens: auto;\n flex-grow: 1;\n\n stzh-heading {\n margin-bottom: space(xsmall);\n hyphens: auto;\n }\n\n stzh-text {\n --color: var(--stzh-color-grey80);\n }\n }\n\n &-link {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n &__image-wrapper {\n position: relative;\n }\n\n &__ratio {\n display: flex;\n height: 100%;\n }\n\n &__image-inner-wrapper {\n background-color: var(--stzh-color-grey20);\n position: absolute;\n inset: 0;\n height: 100%;\n }\n\n &__image-inner-wrapper img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &-list-item {\n display: flex;\n gap: space(small);\n margin-top: space(xxsmall);\n\n stzh-icon,\n stzh-text {\n --color: var(--stzh-color-grey80);\n }\n }\n}\n","import { Component, Element, Event, EventEmitter, Fragment, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport {\n StzhAvailableTag,\n StzhChipselectChangeEvent,\n StzhChipselectItem,\n StzhCombinedGeoRefData,\n StzhGeoRefDataOverlayCloseClickEvent,\n StzhMapGeoRefData,\n StzhPoiGeoRefData,\n} from \"../../../index\";\nimport { Document } from \"flexsearch/dist/flexsearch.bundle.min.js\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\nconst CLASS_BODY_OPEN = \"stzh-overlay-open\";\n\n/**\n * @slot logo - Slot for brand logo\n */\n@Component({\n tag: \"stzh-geo-ref-data\",\n styleUrl: \"stzh-geo-ref-data.scss\",\n shadow: true,\n})\nexport class GeoRefData {\n /** ID for this instance, can be used to open via URL query param \"al=<id>\" - name \"al\" for historical reasons */\n @Prop({ reflect: true }) al: string = \"\";\n\n /** Heading for the overlay. */\n @Prop({ reflect: true }) heading: string = \"\";\n\n /** The URL for fetching the card data */\n @Prop({ reflect: true }) mapDataUrl: string = \"\";\n\n /** The URL used for fetching the POI data. */\n @Prop({ reflect: true }) poiDataUrl: string = \"\";\n\n /** Base URL used for all external requests (map, card). */\n @Prop() baseUrlOverride: string = \"https://www.stadt-zuerich.ch\";\n\n /** Whether map should have a location control */\n @Prop({ reflect: true }) locationControl: boolean = true;\n\n /** Whether to display an icon marker in the center */\n @Prop() centerMarker: boolean = false;\n\n /** Initial zoom */\n @Prop() zoom: number = 7;\n\n /** Zoom set when location is enabled */\n @Prop() zoomLocation: number = 7;\n\n /** Minimal angle in radians to start a rotation */\n @Prop() pinchRotateThreshold: number = 0.3;\n\n /** To make sure all tags are mapped to their identificator, only these will be available. */\n @Prop() availableTags: StzhAvailableTag[] | string = [];\n private _availableTags: StzhAvailableTag[] = [];\n\n /** Reset tag (the first one). */\n @Prop() resetTag: StzhChipselectItem | string;\n private _resetTag: StzhChipselectItem;\n\n /** Fields for building the search index. */\n @Prop()\n searchIndexFields: string[] = [\"title\", \"poiname\", \"street\", \"zip\", \"description\"];\n\n /** Fields for building the search index. */\n @Prop() searchIndexIdField: string = \"poiid\";\n\n @Watch(\"availableTags\")\n availableTagsWatcher(newValue: StzhAvailableTag[] | string) {\n if (!newValue) {\n this._availableTags = [];\n } else if (typeof newValue === \"string\") {\n try {\n this._availableTags = JSON.parse(newValue);\n } catch (e) {\n this._availableTags = [];\n }\n } else {\n this._availableTags = newValue;\n }\n }\n\n @Watch(\"resetTag\")\n resetTagWatcher(newValue: StzhChipselectItem | string) {\n if (!newValue) {\n this._resetTag = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._resetTag = JSON.parse(newValue);\n } catch (e) {\n this._resetTag = undefined;\n }\n } else {\n this._resetTag = newValue;\n }\n }\n\n @State() filterActive: boolean = false;\n @State() searchActive: boolean = false;\n @State() showOnlyResultsForCurrentExtent: boolean = true;\n @State() finalResults: StzhCombinedGeoRefData[] = [];\n @State() finalResultsPaginatedList: StzhCombinedGeoRefData[] = [];\n @State() finalResultsPaginationOffset = 0;\n\n @State() viewmode: \"map\" | \"list\" = \"map\";\n @State() isViewportLarge: boolean;\n @State() isViewportMedium: boolean;\n @State() isInitialized: boolean;\n @State() isOpen: boolean;\n @State() isLoading: boolean;\n @State() numberOfItemsToLoad: number = 20;\n @State() canLoadMore: boolean;\n @State() appliedFilters: string[] = [\"\"];\n @State() isFiltersContentOpen: boolean = false;\n\n /** Overlay close click event */\n @Event()\n stzhOverlayCloseClick: EventEmitter<StzhGeoRefDataOverlayCloseClickEvent>;\n\n private combinedData: StzhCombinedGeoRefData[];\n private enhancedTags: StzhChipselectItem[];\n private searchIndex: Document;\n\n private filterResults: StzhCombinedGeoRefData[] = [];\n private searchResults: Set<string>;\n\n @Element() element: HTMLStzhGeoRefDataElement;\n private mapElement: HTMLStzhOlmapElement;\n private toastbarElement: HTMLStzhToastbarElement;\n private metaWrapperElement: HTMLDivElement;\n private resultsListElement: HTMLDivElement;\n private resizeObserver: ResizeObserver;\n\n private applyFiltersFromUrl() {\n const urlParams = new URLSearchParams(window.location.search);\n\n // Find all filter parameters from the URL\n const filters = Array.from(urlParams.entries())\n .filter(([key, value]) => key.startsWith(\"filters[\") && value === \"true\")\n .map(([key]) => key.slice(8, -1)); // Extract the filter key (removing 'filters[' and ']')\n\n // Apply filters if they exist\n if (filters.length) {\n this.appliedFilters = filters;\n // Update the UI to show selected filters\n this.updateUrlWithFilters(); // Keep the URL sync logic here\n this.handleFilterChange({\n detail: { value: filters },\n } as CustomEvent<StzhChipselectChangeEvent>);\n }\n }\n\n private handleFilterToggleClick = () => {\n this.isFiltersContentOpen = true;\n };\n\n private handleApplyFilterClick = () => {\n this.isFiltersContentOpen = false;\n };\n\n private handleOverlayCloseClick = () => {\n // Remove the class from the body\n document.body.classList.remove(CLASS_BODY_OPEN);\n this.isOpen = false;\n\n // Get the current URL's query parameters\n const urlParams = new URLSearchParams(window.location.search);\n\n // Remove all filters (query parameters that start with \"filters[\")\n Array.from(urlParams.keys()).forEach(key => {\n if (key.startsWith(\"filters[\")) {\n urlParams.delete(key);\n }\n });\n\n // Remove all extent parameters (keys like \"extent[0]\", \"extent[1]\", etc.)\n urlParams.delete(\"extent[0]\");\n urlParams.delete(\"extent[1]\");\n urlParams.delete(\"extent[2]\");\n urlParams.delete(\"extent[3]\");\n\n // Remove the al parameter\n urlParams.delete(\"al\");\n\n // Update the URL without reloading the page\n const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n history.replaceState(null, \"\", newUrl);\n\n // Clear filters.\n this.appliedFilters = [\"\"];\n };\n\n private handleResize = async () => {\n if (this.metaWrapperElement) {\n if (this.metaWrapperElement.clientHeight) {\n this.mapElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n this.resultsListElement.style.height = `calc(100% - ${this.metaWrapperElement.clientHeight}px)`;\n } else {\n this.mapElement.style.height = `100%`;\n this.resultsListElement.style.height = `100%`;\n }\n const map = await this.mapElement.getMap();\n map.updateSize();\n }\n };\n\n private mediaChangeHandler = () => {\n this.isViewportLarge = media(\"large\").matches;\n this.isViewportMedium = media(\"medium\").matches;\n };\n\n private async loadMapData(): Promise<StzhMapGeoRefData[]> {\n if (!this.mapDataUrl) {\n return [];\n }\n try {\n const response = await fetch(this.mapDataUrl);\n const rawMapData = await response.text();\n const parsedData = new DOMParser().parseFromString(rawMapData, \"text/xml\");\n return Array.from(parsedData.querySelectorAll(\"featureMember\")).map(item => {\n const pos = item.querySelector(\"pos\")?.textContent;\n const poiid = item.querySelector(\"poi_id\")?.textContent;\n const [lat, lon] = pos?.split(\" \") || [];\n\n return { poiid, lat, lon } as StzhMapGeoRefData;\n });\n } catch (error) {\n this.toastbarElement\n .toast(\"Es ist ein Fehler beim Beziehen der Kartendaten aufgetreten.\", {\n type: \"error\",\n })\n .catch();\n }\n }\n\n private async loadPoiData() {\n if (!this.poiDataUrl) {\n return [];\n }\n try {\n const response = await fetch(this.poiDataUrl, { credentials: \"include\" });\n const poiData = await response.json();\n return poiData.items;\n } catch (error) {\n this.toastbarElement\n .toast(\"Beim Laden der POI-Daten ist ein Fehler aufgetreten.\", {\n type: \"error\",\n })\n .catch();\n }\n }\n\n private combineData(\n firstArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n secondArray: StzhMapGeoRefData[] | StzhPoiGeoRefData[],\n ): StzhCombinedGeoRefData[] {\n if (!firstArray.length || !secondArray.length) {\n return [];\n }\n // determine which array is smaller for performance\n let smallerArray: any[];\n let largerArray: any[];\n\n if (firstArray.length < secondArray.length) {\n smallerArray = firstArray;\n largerArray = secondArray;\n } else {\n smallerArray = secondArray;\n largerArray = firstArray;\n }\n // combine arrays based on poiid\n return smallerArray\n .map(item => {\n const matchingItem = largerArray.find(largerArrayItem => largerArrayItem.poiid === item.poiid);\n return { ...item, ...matchingItem };\n })\n .sort((a, b) => {\n try {\n return a.title.localeCompare(b.title); // Sorts alphabetically by the 'name' property\n } catch (noTitleException) {\n return 1;\n }\n });\n }\n\n private enhanceTags(availableTags: StzhAvailableTag[], combinedData: StzhCombinedGeoRefData[]): StzhChipselectItem[] {\n return availableTags\n .sort((a, b) => {\n try {\n a.label.localeCompare(b.label);\n } catch (noLabelException) {\n return 1;\n }\n })\n .map(tag => {\n const counter = combinedData\n .filter(item => {\n try {\n return item.tags.includes(tag.value);\n } catch (noTagsException) {\n return false;\n }\n })\n .length.toString();\n return { ...tag, counter, variant: \"filter\" };\n });\n }\n\n private buildSearchIndex(data: StzhCombinedGeoRefData[]) {\n if (!data.length) {\n return;\n }\n this.searchIndex = new Document({\n tokenize: \"forward\",\n matcher: {\n \"[äà]\": \"a\",\n \"[öó]\": \"o\",\n \"[üûúù]\": \"u\",\n \"[éè]\": \"e\",\n },\n document: {\n id: this.searchIndexIdField,\n index: this.searchIndexFields,\n },\n });\n data.forEach(item => {\n this.searchIndex.add(item);\n });\n }\n\n @Listen(\"stzhPostRender\")\n @Listen(\"stzhMovePanZoom\")\n async mapMovedPannedOrZoomed() {\n await this.setVisibleMarkers();\n }\n\n private async setVisibleMarkers() {\n if (this.combinedData) {\n const visibleMarkers = await this.mapElement.getVisibleMarkers();\n if (this.showOnlyResultsForCurrentExtent) {\n this.finalResults = this.combinedData.filter(item =>\n visibleMarkers.find(visibleMarker => visibleMarker.getId() === item.poiid),\n );\n } else {\n this.finalResults = this.combinedData;\n }\n this.setEnhancedTags();\n await this.setPaginatedResults();\n }\n }\n\n private async setPaginatedResults() {\n this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n this.canLoadMore = this.finalResults.length > this.numberOfItemsToLoad;\n }\n\n private async checkDirectOpenViaUrl() {\n const urlParams = new URLSearchParams(window.location.search);\n const idFromUrl = urlParams.get(\"al\");\n\n if (idFromUrl && idFromUrl === this.al) {\n await this.initializeAndOpenMap();\n }\n }\n\n connectedCallback() {\n this.mediaChangeHandler();\n addMediaChangeListener(this.mediaChangeHandler);\n this.resizeObserver = new ResizeObserver(this.handleResize);\n this.resizeObserver.observe(this.element);\n this.availableTagsWatcher(this.availableTags);\n this.resetTagWatcher(this.resetTag);\n this.checkDirectOpenViaUrl();\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.mediaChangeHandler);\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n }\n\n private async initializeAndOpenMap() {\n document.body.classList.add(CLASS_BODY_OPEN);\n this.isLoading = true;\n this.isOpen = true;\n\n // Write the \"al\" prop of the component to the current URL as query param if it is not already there\n const urlParams = new URLSearchParams(window.location.search);\n if (!urlParams.has(\"al\")) {\n urlParams.set(\"al\", this.al);\n const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n history.replaceState(null, \"\", newUrl);\n }\n\n try {\n this.combinedData = this.combineData(await this.loadMapData(), await this.loadPoiData());\n this.setEnhancedTags();\n this.applyFiltersFromUrl();\n this.buildSearchIndex(this.combinedData);\n this.finalResults = this.combinedData;\n await this.setVisibleMarkers();\n await this.combineFilterAndSearchResults();\n await this.handleResize();\n\n const urlParams = new URLSearchParams(window.location.search);\n const extent = [\n parseFloat(urlParams.get(\"extent[0]\")),\n parseFloat(urlParams.get(\"extent[1]\")),\n parseFloat(urlParams.get(\"extent[2]\")),\n parseFloat(urlParams.get(\"extent[3]\")),\n ];\n\n if (!extent.length || isNaN(extent[0]) || isNaN(extent[1]) || isNaN(extent[2]) || isNaN(extent[3])) {\n await this.mapElement.updateViewToFitMarkers();\n }\n\n await this.handleResize();\n this.isInitialized = true;\n } catch (mapException) {\n this.toastbarElement\n .toast(\"Beim Laden der Karte ist ein Fehler aufgetreten.\", {\n type: \"error\",\n })\n .catch();\n }\n\n setTimeout(() => {\n this.isLoading = false;\n }, 500);\n }\n\n private updateUrlWithFilters() {\n const urlParams = new URLSearchParams(window.location.search);\n\n // Remove existing filters from URL\n Array.from(urlParams.keys()).forEach(key => {\n if (key.startsWith(\"filters[\")) {\n urlParams.delete(key);\n }\n });\n\n // Add the selected filters from `appliedFilters` to the URL\n this.appliedFilters.forEach(filter => {\n urlParams.set(`filters[${filter}]`, \"true\");\n });\n\n // Update the URL without reloading the page\n const newUrl = `${window.location.pathname}?${urlParams.toString()}`;\n history.replaceState(null, \"\", newUrl);\n }\n\n private setEnhancedTags() {\n this.enhancedTags = this.enhanceTags(this._availableTags, this.finalResults);\n const enhancedResetTag = {\n ...this._resetTag,\n counter: this.finalResults.length.toString(),\n };\n if (this._resetTag) {\n this.enhancedTags.unshift(enhancedResetTag);\n }\n }\n\n private handleFilterChange = async (e: CustomEvent<StzhChipselectChangeEvent>) => {\n let filtersArray = Array.isArray(e.detail.value) ? e.detail.value : [e.detail.value];\n if (filtersArray.length === 1 && filtersArray[0] === this._resetTag.value) {\n this.appliedFilters = [];\n } else {\n try {\n filtersArray = filtersArray.filter(filterValue => filterValue !== \"\");\n } catch (noEmptyFilter) {\n // nothing to do here\n }\n this.appliedFilters = filtersArray;\n }\n setTimeout(async () => {\n await this.handleFilterResults();\n });\n };\n\n private async handleFilterResults() {\n // Update the component state based on the selected filters\n if (this.appliedFilters.length !== 0) {\n this.filterResults = this.finalResults.filter(\n item => item.tags && item.tags.some(tag => this.appliedFilters.includes(tag)),\n );\n this.filterActive = true;\n } else {\n this.filterActive = false;\n this.filterResults = this.finalResults;\n }\n\n // Update the URL with the applied filters\n this.updateUrlWithFilters();\n\n // Combine the results from filters and search\n await this.combineFilterAndSearchResults();\n }\n\n private handleExtentVisibilityChange = async e => {\n this.showOnlyResultsForCurrentExtent = e.detail.checked;\n await this.setVisibleMarkers();\n };\n\n private handleSearchChange = async (e: CustomEvent) => {\n if (e.detail.value !== \"\") {\n if (!this.searchIndex) {\n return;\n }\n const searchResults = this.searchIndex.search(e.detail.value);\n const flatSearchResults = searchResults.flatMap(field => field.result);\n this.searchResults = new Set(flatSearchResults);\n this.searchActive = true;\n } else {\n this.searchActive = false;\n }\n await this.combineFilterAndSearchResults();\n };\n\n private async combineFilterAndSearchResults() {\n if (this.filterActive && !this.searchActive) {\n this.finalResults = this.filterResults;\n } else if (!this.filterActive && this.searchActive) {\n this.finalResults = Array.from(this.searchResults).map(id => this.combinedData.find(item => item.poiid === id));\n } else if (this.filterActive && this.searchActive) {\n this.finalResults = this.filterResults.filter(item => this.searchResults.has(item.poiid));\n } else {\n this.finalResults = this.combinedData;\n }\n\n this.finalResultsPaginatedList = this.finalResults.slice(0, this.numberOfItemsToLoad);\n\n await this.replaceMapMarkers(this.finalResults);\n }\n\n private loadMore() {\n this.finalResultsPaginationOffset++;\n const sliced = this.finalResults.slice(\n this.finalResultsPaginationOffset * this.numberOfItemsToLoad,\n this.finalResultsPaginationOffset * this.numberOfItemsToLoad + this.numberOfItemsToLoad,\n );\n if (!sliced || !sliced.length || sliced.length < this.numberOfItemsToLoad) {\n this.canLoadMore = false;\n }\n this.finalResultsPaginatedList = this.finalResultsPaginatedList.concat(sliced);\n }\n\n private async replaceMapMarkers(items: StzhCombinedGeoRefData[]) {\n await this.mapElement.removeAllIconMarkers();\n items\n .filter(item => !!item.lat && !!item.lon)\n .forEach(item => {\n this.mapElement\n .addIconMarker([parseFloat(item.lat), parseFloat(item.lon)], {\n id: item.poiid,\n title: item.title,\n text: item.description,\n data: item.data,\n imageUri: `${this.baseUrlOverride}${item.image}`,\n href: `${this.baseUrlOverride}${item.path}`,\n })\n .catch();\n });\n if (!this.showOnlyResultsForCurrentExtent) {\n this.mapElement.updateViewToFitMarkers().catch();\n }\n }\n\n private toggleViewMode = () => {\n if (this.viewmode === \"map\") {\n this.viewmode = \"list\";\n } else {\n this.viewmode = \"map\";\n }\n };\n\n private async handlePoiTeaserMouseEnter(item: StzhCombinedGeoRefData) {\n const marker = await this.mapElement.findMarkerById(item.poiid);\n if (marker) {\n await this.mapElement.setIconMarkerActive(marker);\n }\n }\n\n private async handlePoiTeaserMouseLeave(item: StzhCombinedGeoRefData) {\n const marker = await this.mapElement.findMarkerById(item.poiid);\n if (marker) {\n await this.mapElement.setIconMarkerInactive(marker);\n }\n }\n\n render() {\n const classes = {\n \"stzh-geo-ref-data\": true,\n \"stzh-geo-ref-data--is-loading\": this.isLoading,\n \"stzh-geo-ref-data--is-open\": this.isOpen,\n \"stzh-geo-ref-data--has-filters\": this._availableTags.length > 0,\n };\n return (\n <Host>\n <stzh-toastbar ref={el => (this.toastbarElement = el as HTMLStzhToastbarElement)} />\n <div class=\"stzh-geo-ref-data__trigger\" onClick={() => this.initializeAndOpenMap()}>\n <slot name=\"trigger\"></slot>\n </div>\n <stzh-overlay open={this.isLoading}>\n <stzh-loader label=\"Daten werden geladen...\"></stzh-loader>\n </stzh-overlay>\n <div class={classes}>\n <div class=\"stzh-geo-ref-data__header-wrapper\">\n <stzh-header class=\"stzh-geo-ref-data__header\" hide-metabar={true} sticky=\"disabled\">\n <slot name=\"logo\" slot=\"logo\"></slot>\n </stzh-header>\n <div class=\"stzh-geo-ref-data__heading stzh-geo-ref-data--content-padding\">\n <stzh-heading class=\"stzh-geo-ref-data__heading-heading\" curve=\"h2\">\n {this.heading}\n </stzh-heading>\n <stzh-button\n class=\"stzh-geo-ref-data__overlay-close\"\n icon=\"close\"\n iconOnly={true}\n size=\"small\"\n variant=\"tertiary\"\n onClick={this.handleOverlayCloseClick}\n ></stzh-button>\n </div>\n </div>\n\n <div class=\"stzh-geo-ref-data__content\">\n <div\n class=\"stzh-geo-ref-data__meta-wrapper stzh-geo-ref-data--content-padding\"\n ref={el => (this.metaWrapperElement = el as HTMLDivElement)}\n >\n <div class=\"stzh-geo-ref-data__filters\">\n {this._availableTags.length > 0 && (\n <div class=\"stzh-geo-ref-data__filters-toggle\">\n <stzh-chip\n label={this.isViewportMedium ? \"Filter\" : \"\"}\n variant=\"filter\"\n icon=\"filtering\"\n onStzhClick={this.handleFilterToggleClick}\n ></stzh-chip>\n </div>\n )}\n <div\n class={{\n \"stzh-geo-ref-data__filters-content\": true,\n \"stzh-geo-ref-data__filters-content--visible\": !this.isViewportLarge && this.isFiltersContentOpen,\n }}\n >\n <stzh-chipselect\n label-hidden={true}\n label=\"Tags\"\n data={this.enhancedTags}\n onStzhChange={this.handleFilterChange}\n multiple={true}\n defaultValue={this.appliedFilters}\n value={this.appliedFilters}\n ></stzh-chipselect>\n <div class=\"stzh-geo-ref-data__filters-apply-button\">\n <stzh-button size=\"small\" fullwidth={true} onStzhClick={this.handleApplyFilterClick}>\n Anwenden\n </stzh-button>\n </div>\n </div>\n </div>\n <div class=\"stzh-geo-ref-data__search\">\n <stzh-input\n name=\"stzh-datatable-search\"\n onStzhChange={this.handleSearchChange}\n hideOptional={true}\n label=\"Suche\"\n type=\"search\"\n ></stzh-input>\n </div>\n <div class=\"stzh-geo-ref-data__results-toggle\">\n <stzh-chip\n onStzhClick={this.toggleViewMode}\n label={this.viewmode === \"map\" ? \"Liste\" : \"Karte\"}\n icon={this.viewmode === \"map\" ? \"bulleted-list\" : \"map\"}\n variant=\"filter\"\n ></stzh-chip>\n </div>\n </div>\n <div class=\"stzh-geo-ref-data__results-wrapper\">\n <div class={`stzh-geo-ref-data__results-map ${this.viewmode === \"map\" ? \"active\" : \"inactive\"}`}>\n <stzh-olmap\n class=\"stzh-geo-ref-data__ol-map\"\n centerMarker={this.centerMarker}\n zoom={this.zoom}\n zoomLocation={this.zoomLocation}\n writeExtentToUrlEnabled={this.isOpen}\n locationControl={this.locationControl}\n pinchRotateThreshold={this.pinchRotateThreshold}\n ref={el => (this.mapElement = el as HTMLStzhOlmapElement)}\n ></stzh-olmap>\n <div class=\"stzh-geo-ref-data__map-controls\">\n <stzh-checkbox\n label=\"Treffer an Kartenausschnitt anpassen\"\n checked={this.showOnlyResultsForCurrentExtent}\n hideOptional={true}\n onStzhChange={this.handleExtentVisibilityChange}\n ></stzh-checkbox>\n </div>\n </div>\n <div\n class={`stzh-geo-ref-data__results-list ${this.viewmode === \"list\" ? \"active\" : \"inactive\"}`}\n ref={el => (this.resultsListElement = el as HTMLDivElement)}\n >\n {this.finalResults && (\n <Fragment>\n <div class=\"stzh-geo-ref-data__list-search\">\n <stzh-input\n name=\"stzh-datatable-search\"\n onStzhChange={this.handleSearchChange}\n hideOptional={true}\n label=\"Suche\"\n type=\"search\"\n ></stzh-input>\n </div>\n <stzh-text class=\"stzh-geo-ref-data__results-list-heading\">\n {this.finalResults.length} Treffer\n </stzh-text>\n <div class=\"stzh-geo-ref-data__teaser-list\">\n {this.finalResultsPaginatedList.map(item => (\n <div\n class=\"stzh-poi-teaser\"\n onMouseEnter={() => this.handlePoiTeaserMouseEnter(item)}\n onMouseLeave={() => this.handlePoiTeaserMouseLeave(item)}\n >\n <a class=\"stzh-poi-teaser-link\" href={this.baseUrlOverride + item.path}></a>\n <div class=\"stzh-poi-teaser-content\">\n <stzh-heading curve=\"lead\">{item.poiname}</stzh-heading>\n {item.description && <stzh-text size=\"micro\">{item.description}</stzh-text>}\n {item.data &&\n item.data.length > 0 &&\n item.data.map(item => (\n <div class=\"stzh-poi-teaser-list-item\">\n <stzh-icon name={item.icon}></stzh-icon>\n <stzh-text size=\"micro\">{item.text}</stzh-text>\n </div>\n ))}\n </div>\n {item.image && (\n <div class=\"stzh-poi-teaser__image-wrapper\">\n <stzh-ratio\n ratio={\"2:1\"}\n ratio-large={\"5:4\"}\n ratio-ultra={\"1:1\"}\n portrait={this.isViewportLarge}\n class=\"stzh-poi-teaser__ratio\"\n ></stzh-ratio>\n <div class=\"stzh-poi-teaser__image-inner-wrapper\">\n <img src={this.baseUrlOverride + item.image} alt={\"Foto von \" + item.poiname} />\n </div>\n </div>\n )}\n </div>\n ))}\n </div>\n {this.canLoadMore && (\n <div class=\"stzh-geo-ref-data__teaser-load-more\">\n <stzh-button onStzhClick={() => this.loadMore()}>Weitere laden</stzh-button>\n </div>\n )}\n </Fragment>\n )}\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qLAAA,MAAMA,EAAoB,y1VAC1B,MAAAC,EAAeD,ECYf,MAAME,EAAkB,oB,MAUXC,EAAU,M,sFAiCbC,KAAAC,eAAqC,GAqErCD,KAAAE,cAA0C,GA6B1CF,KAAAG,wBAA0B,KAChCH,KAAKI,qBAAuB,IAAI,EAG1BJ,KAAAK,uBAAyB,KAC/BL,KAAKI,qBAAuB,KAAK,EAG3BJ,KAAAM,wBAA0B,KAEhCC,SAASC,KAAKC,UAAUC,OAAOZ,GAC/BE,KAAKW,OAAS,MAGd,MAAMC,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QAGtDC,MAAMC,KAAKN,EAAUO,QAAQC,SAAQC,IACnC,GAAIA,EAAIC,WAAW,YAAa,CAC9BV,EAAUW,OAAOF,E,KAKrBT,EAAUW,OAAO,aACjBX,EAAUW,OAAO,aACjBX,EAAUW,OAAO,aACjBX,EAAUW,OAAO,aAGjBX,EAAUW,OAAO,MAGjB,MAAMC,EAAS,GAAGV,OAAOC,SAASU,YAAYb,EAAUc,aACxDC,QAAQC,aAAa,KAAM,GAAIJ,GAG/BxB,KAAK6B,eAAiB,CAAC,GAAG,EAGpB7B,KAAA8B,aAAeC,UACrB,GAAI/B,KAAKgC,mBAAoB,CAC3B,GAAIhC,KAAKgC,mBAAmBC,aAAc,CACxCjC,KAAKkC,WAAWC,MAAMC,OAAS,eAAepC,KAAKgC,mBAAmBC,kBACtEjC,KAAKqC,mBAAmBF,MAAMC,OAAS,eAAepC,KAAKgC,mBAAmBC,iB,KACzE,CACLjC,KAAKkC,WAAWC,MAAMC,OAAS,OAC/BpC,KAAKqC,mBAAmBF,MAAMC,OAAS,M,CAEzC,MAAME,QAAYtC,KAAKkC,WAAWK,SAClCD,EAAIE,Y,GAIAxC,KAAAyC,mBAAqB,KAC3BzC,KAAK0C,gBAAkBC,EAAM,SAASC,QACtC5C,KAAK6C,iBAAmBF,EAAM,UAAUC,OAAO,EA+PzC5C,KAAA8C,mBAAqBf,MAAOgB,IAClC,IAAIC,EAAe/B,MAAMgC,QAAQF,EAAEG,OAAOC,OAASJ,EAAEG,OAAOC,MAAQ,CAACJ,EAAEG,OAAOC,OAC9E,GAAIH,EAAaI,SAAW,GAAKJ,EAAa,KAAOhD,KAAKqD,UAAUF,MAAO,CACzEnD,KAAK6B,eAAiB,E,KACjB,CACL,IACEmB,EAAeA,EAAaM,QAAOC,GAAeA,IAAgB,I,CAClE,MAAOC,G,CAGTxD,KAAK6B,eAAiBmB,C,CAExBS,YAAW1B,gBACH/B,KAAK0D,qBAAqB,GAChC,EAsBI1D,KAAA2D,6BAA+B5B,MAAMgB,IAC3C/C,KAAK4D,gCAAkCb,EAAEG,OAAOW,cAC1C7D,KAAK8D,mBAAmB,EAGxB9D,KAAA+D,mBAAqBhC,MAAOgB,IAClC,GAAIA,EAAEG,OAAOC,QAAU,GAAI,CACzB,IAAKnD,KAAKgE,YAAa,CACrB,M,CAEF,MAAMC,EAAgBjE,KAAKgE,YAAYhD,OAAO+B,EAAEG,OAAOC,OACvD,MAAMe,EAAoBD,EAAcE,SAAQC,GAASA,EAAMC,SAC/DrE,KAAKiE,cAAgB,IAAIK,IAAIJ,GAC7BlE,KAAKuE,aAAe,I,KACf,CACLvE,KAAKuE,aAAe,K,OAEhBvE,KAAKwE,+BAA+B,EAoDpCxE,KAAAyE,eAAiB,KACvB,GAAIzE,KAAK0E,WAAa,MAAO,CAC3B1E,KAAK0E,SAAW,M,KACX,CACL1E,KAAK0E,SAAW,K,WAriBkB,G,aAGK,G,gBAGG,G,gBAGA,G,qBAGZ,+B,qBAGkB,K,kBAGpB,M,UAGT,E,kBAGQ,E,0BAGQ,G,mBAGc,G,+CASvB,CAAC,QAAS,UAAW,SAAU,MAAO,e,wBAG/B,Q,kBAgCJ,M,kBACA,M,qCACmB,K,kBACF,G,+BACa,G,kCACvB,E,cAEJ,M,oKAMG,G,+CAEH,CAAC,I,0BACI,K,CA7CzC,oBAAAC,CAAqBC,GACnB,IAAKA,EAAU,CACb5E,KAAKC,eAAiB,E,MACjB,UAAW2E,IAAa,SAAU,CACvC,IACE5E,KAAKC,eAAiB4E,KAAKC,MAAMF,E,CACjC,MAAO7B,GACP/C,KAAKC,eAAiB,E,MAEnB,CACLD,KAAKC,eAAiB2E,C,EAK1B,eAAAG,CAAgBH,GACd,IAAKA,EAAU,CACb5E,KAAKqD,UAAY2B,S,MACZ,UAAWJ,IAAa,SAAU,CACvC,IACE5E,KAAKqD,UAAYwB,KAAKC,MAAMF,E,CAC5B,MAAO7B,GACP/C,KAAKqD,UAAY2B,S,MAEd,CACLhF,KAAKqD,UAAYuB,C,EAwCb,mBAAAK,GACN,MAAMrE,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QAGtD,MAAMkE,EAAUjE,MAAMC,KAAKN,EAAUuE,WAClC7B,QAAO,EAAEjC,EAAK8B,KAAW9B,EAAIC,WAAW,aAAe6B,IAAU,SACjEb,KAAI,EAAEjB,KAASA,EAAI+D,MAAM,GAAI,KAGhC,GAAIF,EAAQ9B,OAAQ,CAClBpD,KAAK6B,eAAiBqD,EAEtBlF,KAAKqF,uBACLrF,KAAK8C,mBAAmB,CACtBI,OAAQ,CAAEC,MAAO+B,I,EAgEf,iBAAMI,GACZ,IAAKtF,KAAKuF,WAAY,CACpB,MAAO,E,CAET,IACE,MAAMC,QAAiBC,MAAMzF,KAAKuF,YAClC,MAAMG,QAAmBF,EAASG,OAClC,MAAMC,GAAa,IAAIC,WAAYC,gBAAgBJ,EAAY,YAC/D,OAAOzE,MAAMC,KAAK0E,EAAWG,iBAAiB,kBAAkBzD,KAAI0D,I,QAClE,MAAMC,GAAMC,EAAAF,EAAKG,cAAc,UAAM,MAAAD,SAAA,SAAAA,EAAEE,YACvC,MAAMC,GAAQC,EAAAN,EAAKG,cAAc,aAAS,MAAAG,SAAA,SAAAA,EAAEF,YAC5C,MAAOG,EAAKC,IAAOP,IAAG,MAAHA,SAAG,SAAHA,EAAKQ,MAAM,OAAQ,GAEtC,MAAO,CAAEJ,QAAOE,MAAKC,MAA0B,G,CAEjD,MAAOE,GACP1G,KAAK2G,gBACFC,MAAM,+DAAgE,CACrEC,KAAM,UAEPC,O,EAIC,iBAAMC,GACZ,IAAK/G,KAAKgH,WAAY,CACpB,MAAO,E,CAET,IACE,MAAMxB,QAAiBC,MAAMzF,KAAKgH,WAAY,CAAEC,YAAa,YAC7D,MAAMC,QAAgB1B,EAAS2B,OAC/B,OAAOD,EAAQE,K,CACf,MAAOV,GACP1G,KAAK2G,gBACFC,MAAM,uDAAwD,CAC7DC,KAAM,UAEPC,O,EAIC,WAAAO,CACNC,EACAC,GAEA,IAAKD,EAAWlE,SAAWmE,EAAYnE,OAAQ,CAC7C,MAAO,E,CAGT,IAAIoE,EACJ,IAAIC,EAEJ,GAAIH,EAAWlE,OAASmE,EAAYnE,OAAQ,CAC1CoE,EAAeF,EACfG,EAAcF,C,KACT,CACLC,EAAeD,EACfE,EAAcH,C,CAGhB,OAAOE,EACJlF,KAAI0D,IACH,MAAM0B,EAAeD,EAAYE,MAAKC,GAAmBA,EAAgBvB,QAAUL,EAAKK,QACxF,OAAAwB,OAAAC,OAAAD,OAAAC,OAAA,GAAY9B,GAAS0B,EAAY,IAElCK,MAAK,CAACC,EAAGC,KACR,IACE,OAAOD,EAAEE,MAAMC,cAAcF,EAAEC,M,CAC/B,MAAOE,GACP,OAAO,C,KAKP,WAAAC,CAAYC,EAAmCC,GACrD,OAAOD,EACJP,MAAK,CAACC,EAAGC,KACR,IACED,EAAEQ,MAAML,cAAcF,EAAEO,M,CACxB,MAAOC,GACP,OAAO,C,KAGVnG,KAAIoG,IACH,MAAMC,EAAUJ,EACbjF,QAAO0C,IACN,IACE,OAAOA,EAAK4C,KAAKC,SAASH,EAAIvF,M,CAC9B,MAAO2F,GACP,OAAO,K,KAGV1F,OAAO1B,WACV,OAAAmG,OAAAC,OAAAD,OAAAC,OAAA,GAAYY,GAAG,CAAEC,UAASI,QAAS,UAAQ,G,CAIzC,gBAAAC,CAAiBC,GACvB,IAAKA,EAAK7F,OAAQ,CAChB,M,CAEFpD,KAAKgE,YAAc,IAAIkF,mBAAS,CAC9BC,SAAU,UACVC,QAAS,CACP,OAAQ,IACR,OAAQ,IACR,SAAU,IACV,OAAQ,KAEV7I,SAAU,CACR8I,GAAIrJ,KAAKsJ,mBACTC,MAAOvJ,KAAKwJ,qBAGhBP,EAAK7H,SAAQ4E,IACXhG,KAAKgE,YAAYyF,IAAIzD,EAAK,G,CAM9B,4BAAM0D,SACE1J,KAAK8D,mB,CAGL,uBAAMA,GACZ,GAAI9D,KAAKuI,aAAc,CACrB,MAAMoB,QAAuB3J,KAAKkC,WAAW0H,oBAC7C,GAAI5J,KAAK4D,gCAAiC,CACxC5D,KAAK6J,aAAe7J,KAAKuI,aAAajF,QAAO0C,GAC3C2D,EAAehC,MAAKmC,GAAiBA,EAAcC,UAAY/D,EAAKK,S,KAEjE,CACLrG,KAAK6J,aAAe7J,KAAKuI,Y,CAE3BvI,KAAKgK,wBACChK,KAAKiK,qB,EAIP,yBAAMA,GACZjK,KAAKkK,0BAA4BlK,KAAK6J,aAAazE,MAAM,EAAGpF,KAAKmK,qBACjEnK,KAAKoK,YAAcpK,KAAK6J,aAAazG,OAASpD,KAAKmK,mB,CAG7C,2BAAME,GACZ,MAAMzJ,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QACtD,MAAMsJ,EAAY1J,EAAU2J,IAAI,MAEhC,GAAID,GAAaA,IAActK,KAAKwK,GAAI,OAChCxK,KAAKyK,sB,EAIf,iBAAAC,GACE1K,KAAKyC,qBACLkI,EAAuB3K,KAAKyC,oBAC5BzC,KAAK4K,eAAiB,IAAIC,eAAe7K,KAAK8B,cAC9C9B,KAAK4K,eAAeE,QAAQ9K,KAAK+K,SACjC/K,KAAK2E,qBAAqB3E,KAAKsI,eAC/BtI,KAAK+E,gBAAgB/E,KAAKgL,UAC1BhL,KAAKqK,uB,CAGP,oBAAAY,GACEC,EAA0BlL,KAAKyC,oBAC/B,GAAIzC,KAAK4K,eAAgB,CACvB5K,KAAK4K,eAAeO,Y,EAIhB,0BAAMV,GACZlK,SAASC,KAAKC,UAAUgJ,IAAI3J,GAC5BE,KAAKoL,UAAY,KACjBpL,KAAKW,OAAS,KAGd,MAAMC,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QACtD,IAAKJ,EAAUyK,IAAI,MAAO,CACxBzK,EAAU0K,IAAI,KAAMtL,KAAKwK,IACzB,MAAMhJ,EAAS,GAAGV,OAAOC,SAASU,YAAYb,EAAUc,aACxDC,QAAQC,aAAa,KAAM,GAAIJ,E,CAGjC,IACExB,KAAKuI,aAAevI,KAAKqH,kBAAkBrH,KAAKsF,oBAAqBtF,KAAK+G,eAC1E/G,KAAKgK,kBACLhK,KAAKiF,sBACLjF,KAAKgJ,iBAAiBhJ,KAAKuI,cAC3BvI,KAAK6J,aAAe7J,KAAKuI,mBACnBvI,KAAK8D,0BACL9D,KAAKwE,sCACLxE,KAAK8B,eAEX,MAAMlB,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QACtD,MAAMuK,EAAS,CACbC,WAAW5K,EAAU2J,IAAI,cACzBiB,WAAW5K,EAAU2J,IAAI,cACzBiB,WAAW5K,EAAU2J,IAAI,cACzBiB,WAAW5K,EAAU2J,IAAI,eAG3B,IAAKgB,EAAOnI,QAAUqI,MAAMF,EAAO,KAAOE,MAAMF,EAAO,KAAOE,MAAMF,EAAO,KAAOE,MAAMF,EAAO,IAAK,OAC5FvL,KAAKkC,WAAWwJ,wB,OAGlB1L,KAAK8B,eACX9B,KAAK2L,cAAgB,I,CACrB,MAAOC,GACP5L,KAAK2G,gBACFC,MAAM,mDAAoD,CACzDC,KAAM,UAEPC,O,CAGLrD,YAAW,KACTzD,KAAKoL,UAAY,KAAK,GACrB,I,CAGG,oBAAA/F,GACN,MAAMzE,EAAY,IAAIC,gBAAgBC,OAAOC,SAASC,QAGtDC,MAAMC,KAAKN,EAAUO,QAAQC,SAAQC,IACnC,GAAIA,EAAIC,WAAW,YAAa,CAC9BV,EAAUW,OAAOF,E,KAKrBrB,KAAK6B,eAAeT,SAAQkC,IAC1B1C,EAAU0K,IAAI,WAAWhI,KAAW,OAAO,IAI7C,MAAM9B,EAAS,GAAGV,OAAOC,SAASU,YAAYb,EAAUc,aACxDC,QAAQC,aAAa,KAAM,GAAIJ,E,CAGzB,eAAAwI,GACNhK,KAAK6L,aAAe7L,KAAKqI,YAAYrI,KAAKC,eAAgBD,KAAK6J,cAC/D,MAAMiC,EAAgBjE,OAAAC,OAAAD,OAAAC,OAAA,GACjB9H,KAAKqD,WAAS,CACjBsF,QAAS3I,KAAK6J,aAAazG,OAAO1B,aAEpC,GAAI1B,KAAKqD,UAAW,CAClBrD,KAAK6L,aAAaE,QAAQD,E,EAqBtB,yBAAMpI,GAEZ,GAAI1D,KAAK6B,eAAeuB,SAAW,EAAG,CACpCpD,KAAKE,cAAgBF,KAAK6J,aAAavG,QACrC0C,GAAQA,EAAK4C,MAAQ5C,EAAK4C,KAAKoD,MAAKtD,GAAO1I,KAAK6B,eAAegH,SAASH,OAE1E1I,KAAKiM,aAAe,I,KACf,CACLjM,KAAKiM,aAAe,MACpBjM,KAAKE,cAAgBF,KAAK6J,Y,CAI5B7J,KAAKqF,6BAGCrF,KAAKwE,+B,CAuBL,mCAAMA,GACZ,GAAIxE,KAAKiM,eAAiBjM,KAAKuE,aAAc,CAC3CvE,KAAK6J,aAAe7J,KAAKE,a,MACpB,IAAKF,KAAKiM,cAAgBjM,KAAKuE,aAAc,CAClDvE,KAAK6J,aAAe5I,MAAMC,KAAKlB,KAAKiE,eAAe3B,KAAI+G,GAAMrJ,KAAKuI,aAAaZ,MAAK3B,GAAQA,EAAKK,QAAUgD,K,MACtG,GAAIrJ,KAAKiM,cAAgBjM,KAAKuE,aAAc,CACjDvE,KAAK6J,aAAe7J,KAAKE,cAAcoD,QAAO0C,GAAQhG,KAAKiE,cAAcoH,IAAIrF,EAAKK,Q,KAC7E,CACLrG,KAAK6J,aAAe7J,KAAKuI,Y,CAG3BvI,KAAKkK,0BAA4BlK,KAAK6J,aAAazE,MAAM,EAAGpF,KAAKmK,2BAE3DnK,KAAKkM,kBAAkBlM,KAAK6J,a,CAG5B,QAAAsC,GACNnM,KAAKoM,+BACL,MAAMC,EAASrM,KAAK6J,aAAazE,MAC/BpF,KAAKoM,6BAA+BpM,KAAKmK,oBACzCnK,KAAKoM,6BAA+BpM,KAAKmK,oBAAsBnK,KAAKmK,qBAEtE,IAAKkC,IAAWA,EAAOjJ,QAAUiJ,EAAOjJ,OAASpD,KAAKmK,oBAAqB,CACzEnK,KAAKoK,YAAc,K,CAErBpK,KAAKkK,0BAA4BlK,KAAKkK,0BAA0BoC,OAAOD,E,CAGjE,uBAAMH,CAAkB9E,SACxBpH,KAAKkC,WAAWqK,uBACtBnF,EACG9D,QAAO0C,KAAUA,EAAKO,OAASP,EAAKQ,MACpCpF,SAAQ4E,IACPhG,KAAKkC,WACFsK,cAAc,CAAChB,WAAWxF,EAAKO,KAAMiF,WAAWxF,EAAKQ,MAAO,CAC3D6C,GAAIrD,EAAKK,MACT6B,MAAOlC,EAAKkC,MACZvC,KAAMK,EAAKyG,YACXxD,KAAMjD,EAAKiD,KACXyD,SAAU,GAAG1M,KAAK2M,kBAAkB3G,EAAK4G,QACzCC,KAAM,GAAG7M,KAAK2M,kBAAkB3G,EAAK8G,SAEtChG,OAAO,IAEd,IAAK9G,KAAK4D,gCAAiC,CACzC5D,KAAKkC,WAAWwJ,yBAAyB5E,O,EAYrC,+BAAMiG,CAA0B/G,GACtC,MAAMgH,QAAehN,KAAKkC,WAAW+K,eAAejH,EAAKK,OACzD,GAAI2G,EAAQ,OACJhN,KAAKkC,WAAWgL,oBAAoBF,E,EAItC,+BAAMG,CAA0BnH,GACtC,MAAMgH,QAAehN,KAAKkC,WAAW+K,eAAejH,EAAKK,OACzD,GAAI2G,EAAQ,OACJhN,KAAKkC,WAAWkL,sBAAsBJ,E,EAIhD,MAAAK,GACE,MAAMC,EAAU,CACd,oBAAqB,KACrB,gCAAiCtN,KAAKoL,UACtC,6BAA8BpL,KAAKW,OACnC,iCAAkCX,KAAKC,eAAemD,OAAS,GAEjE,OACEmK,EAACC,EAAI,CAAAnM,IAAA,4CACHkM,EAAA,iBAAAlM,IAAA,2CAAeoM,IAAKC,GAAO1N,KAAK2G,gBAAkB+G,IAClDH,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,6BAA6BC,QAAS,IAAM5N,KAAKyK,wBAC1D8C,EAAA,QAAAlM,IAAA,2CAAMwM,KAAK,aAEbN,EAAA,gBAAAlM,IAAA,2CAAcyM,KAAM9N,KAAKoL,WACvBmC,EAAA,eAAAlM,IAAA,2CAAamH,MAAM,6BAErB+E,EAAA,OAAAlM,IAAA,2CAAKsM,MAAOL,GACVC,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,qCACTJ,EAAA,eAAAlM,IAAA,2CAAasM,MAAM,4BAA2B,eAAe,KAAMI,OAAO,YACxER,EAAA,QAAAlM,IAAA,2CAAMwM,KAAK,OAAOG,KAAK,UAEzBT,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,iEACTJ,EAAA,gBAAAlM,IAAA,2CAAcsM,MAAM,qCAAqCM,MAAM,MAC5DjO,KAAKkO,SAERX,EAAA,eAAAlM,IAAA,2CACEsM,MAAM,mCACNQ,KAAK,QACLC,SAAU,KACVC,KAAK,QACLtF,QAAQ,WACR6E,QAAS5N,KAAKM,4BAKpBiN,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,8BACTJ,EAAA,OAAAlM,IAAA,2CACEsM,MAAM,qEACNF,IAAKC,GAAO1N,KAAKgC,mBAAqB0L,GAEtCH,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,8BACR3N,KAAKC,eAAemD,OAAS,GAC5BmK,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,qCACTJ,EAAA,aAAAlM,IAAA,2CACEmH,MAAOxI,KAAK6C,iBAAmB,SAAW,GAC1CkG,QAAQ,SACRoF,KAAK,YACLG,YAAatO,KAAKG,2BAIxBoN,EAAA,OAAAlM,IAAA,2CACEsM,MAAO,CACL,qCAAsC,KACtC,+CAAgD3N,KAAK0C,iBAAmB1C,KAAKI,uBAG/EmN,EAAA,mBAAAlM,IAAA,0DACgB,KACdmH,MAAM,OACNS,KAAMjJ,KAAK6L,aACX0C,aAAcvO,KAAK8C,mBACnB0L,SAAU,KACVC,aAAczO,KAAK6B,eACnBsB,MAAOnD,KAAK6B,iBAEd0L,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,2CACTJ,EAAA,eAAAlM,IAAA,2CAAagN,KAAK,QAAQK,UAAW,KAAMJ,YAAatO,KAAKK,wBAAsB,eAMzFkN,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,6BACTJ,EAAA,cAAAlM,IAAA,2CACEwM,KAAK,wBACLU,aAAcvO,KAAK+D,mBACnB4K,aAAc,KACdnG,MAAM,QACN3B,KAAK,YAGT0G,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,qCACTJ,EAAA,aAAAlM,IAAA,2CACEiN,YAAatO,KAAKyE,eAClB+D,MAAOxI,KAAK0E,WAAa,MAAQ,QAAU,QAC3CyJ,KAAMnO,KAAK0E,WAAa,MAAQ,gBAAkB,MAClDqE,QAAQ,aAIdwE,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,sCACTJ,EAAA,OAAAlM,IAAA,2CAAKsM,MAAO,kCAAkC3N,KAAK0E,WAAa,MAAQ,SAAW,cACjF6I,EAAA,cAAAlM,IAAA,2CACEsM,MAAM,4BACNiB,aAAc5O,KAAK4O,aACnBC,KAAM7O,KAAK6O,KACXC,aAAc9O,KAAK8O,aACnBC,wBAAyB/O,KAAKW,OAC9BqO,gBAAiBhP,KAAKgP,gBACtBC,qBAAsBjP,KAAKiP,qBAC3BxB,IAAKC,GAAO1N,KAAKkC,WAAawL,IAEhCH,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,mCACTJ,EAAA,iBAAAlM,IAAA,2CACEmH,MAAM,uCACN3E,QAAS7D,KAAK4D,gCACd+K,aAAc,KACdJ,aAAcvO,KAAK2D,iCAIzB4J,EAAA,OAAAlM,IAAA,2CACEsM,MAAO,mCAAmC3N,KAAK0E,WAAa,OAAS,SAAW,aAChF+I,IAAKC,GAAO1N,KAAKqC,mBAAqBqL,GAErC1N,KAAK6J,cACJ0D,EAAC2B,EAAQ,CAAA7N,IAAA,4CACPkM,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,kCACTJ,EAAA,cAAAlM,IAAA,2CACEwM,KAAK,wBACLU,aAAcvO,KAAK+D,mBACnB4K,aAAc,KACdnG,MAAM,QACN3B,KAAK,YAGT0G,EAAA,aAAAlM,IAAA,2CAAWsM,MAAM,2CACd3N,KAAK6J,aAAazG,OAAM,YAE3BmK,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,kCACR3N,KAAKkK,0BAA0B5H,KAAI0D,GAClCuH,EAAA,OACEI,MAAM,kBACNwB,aAAc,IAAMnP,KAAK+M,0BAA0B/G,GACnDoJ,aAAc,IAAMpP,KAAKmN,0BAA0BnH,IAEnDuH,EAAA,KAAGI,MAAM,uBAAuBd,KAAM7M,KAAK2M,gBAAkB3G,EAAK8G,OAClES,EAAA,OAAKI,MAAM,2BACTJ,EAAA,gBAAcU,MAAM,QAAQjI,EAAKqJ,SAChCrJ,EAAKyG,aAAec,EAAA,aAAWc,KAAK,SAASrI,EAAKyG,aAClDzG,EAAKiD,MACJjD,EAAKiD,KAAK7F,OAAS,GACnB4C,EAAKiD,KAAK3G,KAAI0D,GACZuH,EAAA,OAAKI,MAAM,6BACTJ,EAAA,aAAWM,KAAM7H,EAAKmI,OACtBZ,EAAA,aAAWc,KAAK,SAASrI,EAAKL,UAIrCK,EAAK4G,OACJW,EAAA,OAAKI,MAAM,kCACTJ,EAAA,cACE+B,MAAO,MAAK,cACC,MAAK,cACL,MACbC,SAAUvP,KAAK0C,gBACfiL,MAAM,2BAERJ,EAAA,OAAKI,MAAM,wCACTJ,EAAA,OAAKiC,IAAKxP,KAAK2M,gBAAkB3G,EAAK4G,MAAO6C,IAAK,YAAczJ,EAAKqJ,gBAOhFrP,KAAKoK,aACJmD,EAAA,OAAAlM,IAAA,2CAAKsM,MAAM,uCACTJ,EAAA,eAAAlM,IAAA,2CAAaiN,YAAa,IAAMtO,KAAKmM,YAAU,uB"}

package/dist/stzh-components/p-846c28e5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,c as o,h as t,a as n,g as b}from"./p-ef5985a3.js";import{c}from"./p-1ab64d01.js";var a={exports:{}};(function(r,o){(function(o,t){r.exports=t()})(c,(function(){function r(o){"@babel/helpers - typeof";return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},r(o)}var o=/^\s+/;var t=/\s+$/;function n(r,o){r=r?r:"";o=o\|\|{};if(r instanceof n){return r}if(!(this instanceof n)){return new n(r,o)}var t=b(r);this._originalInput=r,this._r=t.r,this._g=t.g,this._b=t.b,this._a=t.a,this._roundA=Math.round(100this._a)/100,this._format=o.format\|\|t.format;this._gradientType=o.gradientType;if(this._r<1)this._r=Math.round(this._r);if(this._g<1)this._g=Math.round(this._g);if(this._b<1)this._b=Math.round(this._b);this._ok=t.ok}n.prototype={isDark:function r(){return this.getBrightness()<128},isLight:function r(){return!this.isDark()},isValid:function r(){return this._ok},getOriginalInput:function r(){return this._originalInput},getFormat:function r(){return this._format},getAlpha:function r(){return this._a},getBrightness:function r(){var o=this.toRgb();return(o.r299+o.g587+o.b114)/1e3},getLuminance:function r(){var o=this.toRgb();var t,n,b,c,a,e;t=o.r/255;n=o.g/255;b=o.b/255;if(t<=.03928)c=t/12.92;else c=Math.pow((t+.055)/1.055,2.4);if(n<=.03928)a=n/12.92;else a=Math.pow((n+.055)/1.055,2.4);if(b<=.03928)e=b/12.92;else e=Math.pow((b+.055)/1.055,2.4);return.2126c+.7152a+.0722e},setAlpha:function r(o){this._a=F(o);this._roundA=Math.round(100this._a)/100;return this},toHsv:function r(){var o=i(this._r,this._g,this._b);return{h:o.h360,s:o.s,v:o.v,a:this._a}},toHsvString:function r(){var o=i(this._r,this._g,this._b);var t=Math.round(o.h360),n=Math.round(o.s100),b=Math.round(o.v100);return this._a==1?"hsv("+t+", "+n+"%, "+b+"%)":"hsva("+t+", "+n+"%, "+b+"%, "+this._roundA+")"},toHsl:function r(){var o=a(this._r,this._g,this._b);return{h:o.h360,s:o.s,l:o.l,a:this._a}},toHslString:function r(){var o=a(this._r,this._g,this._b);var t=Math.round(o.h360),n=Math.round(o.s100),b=Math.round(o.l100);return this._a==1?"hsl("+t+", "+n+"%, "+b+"%)":"hsla("+t+", "+n+"%, "+b+"%, "+this._roundA+")"},toHex:function r(o){return s(this._r,this._g,this._b,o)},toHexString:function r(o){return"#"+this.toHex(o)},toHex8:function r(o){return l(this._r,this._g,this._b,this._a,o)},toHex8String:function r(o){return"#"+this.toHex8(o)},toRgb:function r(){return{r:Math.round(this._r),g:Math.round(this._g),b:Math.round(this._b),a:this._a}},toRgbString:function r(){return this._a==1?"rgb("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+")":"rgba("+Math.round(this._r)+", "+Math.round(this._g)+", "+Math.round(this._b)+", "+this._roundA+")"},toPercentageRgb:function r(){return{r:Math.round(_(this._r,255)100)+"%",g:Math.round(_(this._g,255)100)+"%",b:Math.round(_(this._b,255)100)+"%",a:this._a}},toPercentageRgbString:function r(){return this._a==1?"rgb("+Math.round(_(this._r,255)100)+"%, "+Math.round(_(this._g,255)100)+"%, "+Math.round(_(this._b,255)100)+"%)":"rgba("+Math.round(_(this._r,255)100)+"%, "+Math.round(_(this._g,255)100)+"%, "+Math.round(_(this._b,255)100)+"%, "+this._roundA+")"},toName:function r(){if(this._a===0){return"transparent"}if(this._a<1){return false}return N[s(this._r,this._g,this._b,true)]\|\|false},toFilter:function r(o){var t="#"+h(this._r,this._g,this._b,this._a);var b=t;var c=this._gradientType?"GradientType = 1, ":"";if(o){var a=n(o);b="#"+h(a._r,a._g,a._b,a._a)}return"progid:DXImageTransform.Microsoft.gradient("+c+"startColorstr="+t+",endColorstr="+b+")"},toString:function r(o){var t=!!o;o=o\|\|this._format;var n=false;var b=this._a<1&&this._a>=0;var c=!t&&b&&(o==="hex"\|\|o==="hex6"\|\|o==="hex3"\|\|o==="hex4"\|\|o==="hex8"\|\|o==="name");if(c){if(o==="name"&&this._a===0){return this.toName()}return this.toRgbString()}if(o==="rgb"){n=this.toRgbString()}if(o==="prgb"){n=this.toPercentageRgbString()}if(o==="hex"\|\|o==="hex6"){n=this.toHexString()}if(o==="hex3"){n=this.toHexString(true)}if(o==="hex4"){n=this.toHex8String(true)}if(o==="hex8"){n=this.toHex8String()}if(o==="name"){n=this.toName()}if(o==="hsl"){n=this.toHslString()}if(o==="hsv"){n=this.toHsvString()}return n\|\|this.toHexString()},clone:function r(){return n(this.toString())},_applyModification:function r(o,t){var n=o.apply(null,[this].concat([].slice.call(t)));this._r=n._r;this._g=n._g;this._b=n._b;this.setAlpha(n._a);return this},lighten:function r(){return this._applyModification(k,arguments)},brighten:function r(){return this._applyModification(v,arguments)},darken:function r(){return this._applyModification(p,arguments)},desaturate:function r(){return this._applyModification(u,arguments)},saturate:function r(){return this._applyModification(f,arguments)},greyscale:function r(){return this._applyModification(d,arguments)},spin:function r(){return this._applyModification(z,arguments)},_applyCombination:function r(o,t){return o.apply(null,[this].concat([].slice.call(t)))},analogous:function r(){return this._applyCombination(x,arguments)},complement:function r(){return this._applyCombination(m,arguments)},monochromatic:function r(){return this._applyCombination(w,arguments)},splitcomplement:function r(){return this._applyCombination(M,arguments)},triad:function r(){return this._applyCombination(y,[3])},tetrad:function r(){return this._applyCombination(y,[4])}};n.fromRatio=function(o,t){if(r(o)=="object"){var b={};for(var c in o){if(o.hasOwnProperty(c)){if(c==="a"){b[c]=o[c]}else{b[c]=$(o[c])}}}o=b}return n(o,t)};function b(o){var t={r:0,g:0,b:0};var n=1;var b=null;var a=null;var i=null;var s=false;var l=false;if(typeof o=="string"){o=P(o)}if(r(o)=="object"){if(D(o.r)&&D(o.g)&&D(o.b)){t=c(o.r,o.g,o.b);s=true;l=String(o.r).substr(-1)==="%"?"prgb":"rgb"}else if(D(o.h)&&D(o.s)&&D(o.v)){b=$(o.s);a=$(o.v);t=g(o.h,b,a);s=true;l="hsv"}else if(D(o.h)&&D(o.s)&&D(o.l)){b=$(o.s);i=$(o.l);t=e(o.h,b,i);s=true;l="hsl"}if(o.hasOwnProperty("a")){n=o.a}}n=F(n);return{ok:s,format:o.format\|\|l,r:Math.min(255,Math.max(t.r,0)),g:Math.min(255,Math.max(t.g,0)),b:Math.min(255,Math.max(t.b,0)),a:n}}function c(r,o,t){return{r:_(r,255)255,g:_(o,255)255,b:_(t,255)255}}function a(r,o,t){r=_(r,255);o=_(o,255);t=_(t,255);var n=Math.max(r,o,t),b=Math.min(r,o,t);var c,a,e=(n+b)/2;if(n==b){c=a=0}else{var i=n-b;a=e>.5?i/(2-n-b):i/(n+b);switch(n){case r:c=(o-t)/i+(o<t?6:0);break;case o:c=(t-r)/i+2;break;case t:c=(r-o)/i+4;break}c/=6}return{h:c,s:a,l:e}}function e(r,o,t){var n,b,c;r=_(r,360);o=_(o,100);t=_(t,100);function a(r,o,t){if(t<0)t+=1;if(t>1)t-=1;if(t<1/6)return r+(o-r)6t;if(t<1/2)return o;if(t<2/3)return r+(o-r)(2/3-t)6;return r}if(o===0){n=b=c=t}else{var e=t<.5?t(1+o):t+o-to;var i=2t-e;n=a(i,e,r+1/3);b=a(i,e,r);c=a(i,e,r-1/3)}return{r:n255,g:b255,b:c255}}function i(r,o,t){r=_(r,255);o=_(o,255);t=_(t,255);var n=Math.max(r,o,t),b=Math.min(r,o,t);var c,a,e=n;var i=n-b;a=n===0?0:i/n;if(n==b){c=0}else{switch(n){case r:c=(o-t)/i+(o<t?6:0);break;case o:c=(t-r)/i+2;break;case t:c=(r-o)/i+4;break}c/=6}return{h:c,s:a,v:e}}function g(r,o,t){r=_(r,360)6;o=_(o,100);t=_(t,100);var n=Math.floor(r),b=r-n,c=t(1-o),a=t(1-bo),e=t(1-(1-b)o),i=n%6,g=[t,a,c,c,e,t][i],s=[e,t,t,a,c,c][i],l=[c,c,e,t,t,a][i];return{r:g255,g:s255,b:l255}}function s(r,o,t,n){var b=[j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16))];if(n&&b[0].charAt(0)==b[0].charAt(1)&&b[1].charAt(0)==b[1].charAt(1)&&b[2].charAt(0)==b[2].charAt(1)){return b[0].charAt(0)+b[1].charAt(0)+b[2].charAt(0)}return b.join("")}function l(r,o,t,n,b){var c=[j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16)),j(I(n))];if(b&&c[0].charAt(0)==c[0].charAt(1)&&c[1].charAt(0)==c[1].charAt(1)&&c[2].charAt(0)==c[2].charAt(1)&&c[3].charAt(0)==c[3].charAt(1)){return c[0].charAt(0)+c[1].charAt(0)+c[2].charAt(0)+c[3].charAt(0)}return c.join("")}function h(r,o,t,n){var b=[j(I(n)),j(Math.round(r).toString(16)),j(Math.round(o).toString(16)),j(Math.round(t).toString(16))];return b.join("")}n.equals=function(r,o){if(!r\|\|!o)return false;return n(r).toRgbString()==n(o).toRgbString()};n.random=function(){return n.fromRatio({r:Math.random(),g:Math.random(),b:Math.random()})};function u(r,o){o=o===0?0:o\|\|10;var t=n(r).toHsl();t.s-=o/100;t.s=E(t.s);return n(t)}function f(r,o){o=o===0?0:o\|\|10;var t=n(r).toHsl();t.s+=o/100;t.s=E(t.s);return n(t)}function d(r){return n(r).desaturate(100)}function k(r,o){o=o===0?0:o\|\|10;var t=n(r).toHsl();t.l+=o/100;t.l=E(t.l);return n(t)}function v(r,o){o=o===0?0:o\|\|10;var t=n(r).toRgb();t.r=Math.max(0,Math.min(255,t.r-Math.round(255-(o/100))));t.g=Math.max(0,Math.min(255,t.g-Math.round(255-(o/100))));t.b=Math.max(0,Math.min(255,t.b-Math.round(255-(o/100))));return n(t)}function p(r,o){o=o===0?0:o\|\|10;var t=n(r).toHsl();t.l-=o/100;t.l=E(t.l);return n(t)}function z(r,o){var t=n(r).toHsl();var b=(t.h+o)%360;t.h=b<0?360+b:b;return n(t)}function m(r){var o=n(r).toHsl();o.h=(o.h+180)%360;return n(o)}function y(r,o){if(isNaN(o)\|\|o<=0){throw new Error("Argument to polyad must be a positive number")}var t=n(r).toHsl();var b=[n(r)];var c=360/o;for(var a=1;a<o;a++){b.push(n({h:(t.h+ac)%360,s:t.s,l:t.l}))}return b}function M(r){var o=n(r).toHsl();var t=o.h;return[n(r),n({h:(t+72)%360,s:o.s,l:o.l}),n({h:(t+216)%360,s:o.s,l:o.l})]}function x(r,o,t){o=o\|\|6;t=t\|\|30;var b=n(r).toHsl();var c=360/t;var a=[n(r)];for(b.h=(b.h-(co>>1)+720)%360;--o;){b.h=(b.h+c)%360;a.push(n(b))}return a}function w(r,o){o=o\|\|6;var t=n(r).toHsv();var b=t.h,c=t.s,a=t.v;var e=[];var i=1/o;while(o--){e.push(n({h:b,s:c,v:a}));a=(a+i)%1}return e}n.mix=function(r,o,t){t=t===0?0:t\|\|50;var b=n(r).toRgb();var c=n(o).toRgb();var a=t/100;var e={r:(c.r-b.r)a+b.r,g:(c.g-b.g)a+b.g,b:(c.b-b.b)a+b.b,a:(c.a-b.a)a+b.a};return n(e)};n.readability=function(r,o){var t=n(r);var b=n(o);return(Math.max(t.getLuminance(),b.getLuminance())+.05)/(Math.min(t.getLuminance(),b.getLuminance())+.05)};n.isReadable=function(r,o,t){var b=n.readability(r,o);var c,a;a=false;c=T(t);switch(c.level+c.size){case"AAsmall":case"AAAlarge":a=b>=4.5;break;case"AAlarge":a=b>=3;break;case"AAAsmall":a=b>=7;break}return a};n.mostReadable=function(r,o,t){var b=null;var c=0;var a;var e,i,g;t=t\|\|{};e=t.includeFallbackColors;i=t.level;g=t.size;for(var s=0;s<o.length;s++){a=n.readability(r,o[s]);if(a>c){c=a;b=n(o[s])}}if(n.isReadable(r,b,{level:i,size:g})\|\|!e){return b}else{t.includeFallbackColors=false;return n.mostReadable(r,["#fff","#000"],t)}};var S=n.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var N=n.hexNames=A(S);function A(r){var o={};for(var t in r){if(r.hasOwnProperty(t)){o[r[t]]=t}}return o}function F(r){r=parseFloat(r);if(isNaN(r)\|\|r<0\|\|r>1){r=1}return r}function _(r,o){if(q(r))r="100%";var t=H(r);r=Math.min(o,Math.max(0,parseFloat(r)));if(t){r=parseInt(ro,10)/100}if(Math.abs(r-o)<1e-6){return 1}return r%o/parseFloat(o)}function E(r){return Math.min(1,Math.max(0,r))}function R(r){return parseInt(r,16)}function q(r){return typeof r=="string"&&r.indexOf(".")!=-1&&parseFloat(r)===1}function H(r){return typeof r==="string"&&r.indexOf("%")!=-1}function j(r){return r.length==1?"0"+r:""+r}function $(r){if(r<=1){r=r100+"%"}return r}function I(r){return Math.round(parseFloat(r)255).toString(16)}function C(r){return R(r)/255}var B=function(){var r="[-\\+]?\\d+%?";var o="[-\\+]?\\d\\.\\d+%?";var t="(?:"+o+")\|(?:"+r+")";var n="[\\s\|\$]+("+t+")[,\|\\s]+("+t+")[,\|\\s]+("+t+")\\s\$?";var b="[\\s\|\$]+("+t+")[,\|\\s]+("+t+")[,\|\\s]+("+t+")[,\|\\s]+("+t+")\\s\$?";return{CSS_UNIT:new RegExp(t),rgb:new RegExp("rgb"+n),rgba:new RegExp("rgba"+b),hsl:new RegExp("hsl"+n),hsla:new RegExp("hsla"+b),hsv:new RegExp("hsv"+n),hsva:new RegExp("hsva"+b),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();function D(r){return!!B.CSS_UNIT.exec(r)}function P(r){r=r.replace(o,"").replace(t,"").toLowerCase();var n=false;if(S[r]){r=S[r];n=true}else if(r=="transparent"){return{r:0,g:0,b:0,a:0,format:"name"}}var b;if(b=B.rgb.exec(r)){return{r:b[1],g:b[2],b:b[3]}}if(b=B.rgba.exec(r)){return{r:b[1],g:b[2],b:b[3],a:b[4]}}if(b=B.hsl.exec(r)){return{h:b[1],s:b[2],l:b[3]}}if(b=B.hsla.exec(r)){return{h:b[1],s:b[2],l:b[3],a:b[4]}}if(b=B.hsv.exec(r)){return{h:b[1],s:b[2],v:b[3]}}if(b=B.hsva.exec(r)){return{h:b[1],s:b[2],v:b[3],a:b[4]}}if(b=B.hex8.exec(r)){return{r:R(b[1]),g:R(b[2]),b:R(b[3]),a:C(b[4]),format:n?"name":"hex8"}}if(b=B.hex6.exec(r)){return{r:R(b[1]),g:R(b[2]),b:R(b[3]),format:n?"name":"hex"}}if(b=B.hex4.exec(r)){return{r:R(b[1]+""+b[1]),g:R(b[2]+""+b[2]),b:R(b[3]+""+b[3]),a:C(b[4]+""+b[4]),format:n?"name":"hex8"}}if(b=B.hex3.exec(r)){return{r:R(b[1]+""+b[1]),g:R(b[2]+""+b[2]),b:R(b[3]+""+b[3]),format:n?"name":"hex"}}return false}function T(r){var o,t;r=r\|\|{level:"AA",size:"small"};o=(r.level\|\|"AA").toUpperCase();t=(r.size\|\|"small").toLowerCase();if(o!=="AA"&&o!=="AAA"){o="AA"}if(t!=="small"&&t!=="large"){t="small"}return{level:o,size:t}}return n}))})(a);const e=a.exports;const i={color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"};const g={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const s={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const l={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const h={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const u={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const f={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const d={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const k={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const v={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const p={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const z={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const m={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const y={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const M={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const x={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const w={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const S={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const N={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const A={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const F={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const _={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const E={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const R={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const q={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const H={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const j={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const $={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const I={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const C={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const B={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const D={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const P={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const T={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const G={color:"rgb(255, 241, 0)",background:"rgb(0, 0, 0)"};const L={color:"rgb(255, 255, 255)",background:"rgb(93, 165, 38)"};const O={color:"rgb(255, 255, 255)",background:"rgb(111, 132, 191)"};const U={color:"rgb(255, 255, 255)",background:"rgb(243, 96, 76)"};const V={color:"rgb(255, 255, 255)",background:"rgb(27, 136, 164)"};const X={color:"rgb(255, 255, 255)",background:"rgb(70, 51, 120)"};const J={color:"rgb(0, 0, 0)",background:"rgb(255, 162, 1)"};const K={color:"rgb(255, 255, 255)",background:"rgb(47, 20, 97)"};const Q={color:"rgb(255, 255, 255)",background:"rgb(35, 156, 54)"};const W={color:"rgb(0, 0, 0)",background:"rgb(255, 177, 55)"};const Y={color:"rgb(255, 255, 255)",background:"rgb(130, 118, 170)"};const Z={color:"rgb(255, 255, 255)",background:"rgb(97, 55, 23)"};const rr={color:"rgb(255, 255, 255)",background:"rgb(198, 165, 126)"};const or={color:"rgb(255, 255, 255)",background:"rgb(130, 187, 162)"};const tr={color:"rgb(255, 255, 255)",background:"rgb(235, 60, 46)"};const nr={color:"rgb(255, 255, 255)",background:"rgb(245, 130, 32)"};const br={color:"rgb(255, 255, 255)",background:"rgb(240, 91, 148)"};const cr={color:"rgb(255, 255, 255)",background:"rgb(121, 156, 205)"};const ar={color:"rgb(255, 255, 255)",background:"rgb(115, 178, 75)"};const er={color:"rgb(255, 255, 255)",background:"rgb(148, 102, 68)"};const ir={color:"rgb(255, 255, 255)",background:"rgb(180, 30, 142)"};const gr={2:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},3:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},4:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},5:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},6:{color:"rgb(255, 255, 255)",background:"rgb(202, 125, 60)"},7:{color:"rgb(255, 255, 255)",background:"rgb(0, 0, 0)"},8:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},9:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},10:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},11:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},12:{color:"rgb(0, 0, 0)",background:"rgb(94, 179, 219)"},13:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},14:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},15:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},16:{color:"rgb(255, 255, 255)",background:"rgb(16, 55, 82)"},17:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},19:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},20:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},21:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},23:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Seilbahn Rigiblick"},24:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Polybahn"},25:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)",comment:"Dolderbahn"},29:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},31:{color:"rgb(255, 255, 255)",background:"rgb(165, 162, 198)"},32:{color:"rgb(0, 0, 0)",background:"rgb(204, 178, 209)"},33:{color:"rgb(0, 0, 0)",background:"rgb(218, 214, 156)"},34:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},35:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},36:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},37:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},38:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},39:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},40:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},45:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},46:{color:"rgb(0, 0, 0)",background:"rgb(193, 213, 159)"},54:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},61:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},62:{color:"rgb(0, 0, 0)",background:"rgb(202, 192, 182)"},63:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},64:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},66:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},67:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},69:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},70:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},72:{color:"rgb(0, 0, 0)",background:"rgb(198, 166, 147)"},73:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},75:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},76:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},77:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},78:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},79:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},80:{color:"rgb(0, 0, 0)",background:"rgb(203, 207, 179)"},83:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},89:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},91:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},94:{color:"rgb(255, 255, 255)",background:"rgb(169, 163, 155)"},95:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},99:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},151:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},152:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},153:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},156:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},161:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},162:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},163:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},165:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},184:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},185:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},200:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},201:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},215:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},220:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},235:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},236:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},245:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},301:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},302:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},303:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},304:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},305:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},306:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},307:{color:"rgb(255, 255, 255)",background:"rgb(202, 125, 60)"},308:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},309:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},311:{color:"rgb(255, 255, 255)",background:"rgb(255, 93, 85)"},314:{color:"rgb(0, 0, 0)",background:"rgb(255, 93, 85)"},315:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},317:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},321:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},323:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},325:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},350:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},444:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},445:{color:"rgb(0, 0, 0)",background:"rgb(255, 204, 0)"},701:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},702:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},703:{color:"rgb(0, 0, 0)",background:"rgb(255, 193, 0)"},704:{color:"rgb(255, 255, 255)",background:"rgb(142, 34, 77)"},705:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},720:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},721:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},725:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},726:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},727:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},742:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},743:{color:"rgb(255, 255, 255)",background:"rgb(226, 10, 22)"},744:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},745:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},747:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},748:{color:"rgb(255, 255, 255)",background:"rgb(225, 36, 114)"},751:{color:"rgb(255, 255, 255)",background:"rgb(17, 41, 111)"},752:{color:"rgb(0, 0, 0)",background:"rgb(138, 181, 31)"},753:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},754:{color:"rgb(255, 255, 255)",background:"rgb(115, 69, 34)"},759:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},760:{color:"rgb(255, 255, 255)",background:"rgb(0, 137, 47)"},765:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},768:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},781:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},786:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},787:{color:"rgb(255, 255, 255)",background:"rgb(0, 141, 197)"},910:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},912:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},916:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},917:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},918:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},919:{color:"rgb(0, 0, 0)",background:"rgb(255, 255, 255)"},E:i,N:g,N1:s,N2:l,N4:h,N5:u,N6:f,N7:d,N8:k,N9:v,N10:p,N11:z,N12:m,N13:y,N14:M,N15:x,N16:w,N17:S,N18:N,N19:A,N30:F,N31:_,N32:E,N33:R,N34:q,N45:H,N72:j,N78:$,SN1:I,SN4:C,SN5:B,SN6:D,SN7:P,SN8:T,SN9:G,S2:L,S3:O,S4:U,S5:V,S6:X,S7:J,S8:K,S9:Q,S10:W,S11:Y,S14:Z,S15:rr,S16:or,S18:tr,S19:nr,S20:br,S21:cr,S23:ar,S24:er,S25:ir};const sr='.sc-stzh-vbz-linechip-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-vbz-linechip-h,[stzh-hidden].sc-stzh-vbz-linechip-h{display:none}.sc-stzh-vbz-linechip-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-vbz-linechip-h .sc-stzh-vbz-linechip,.sc-stzh-vbz-linechip-h .sc-stzh-vbz-linechip::before,.sc-stzh-vbz-linechip-h *.sc-stzh-vbz-linechip::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-vbz-linechip-h .has-focus.sc-stzh-vbz-linechip{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-vbz-linechip-h .stzh-fylingfocus-focused.sc-stzh-vbz-linechip{outline-style:none !important}.sc-stzh-vbz-linechip-h .stzh-fylingfocus-focused.sc-stzh-vbz-linechip::-moz-focus-inner{border:0 !important}.sc-stzh-vbz-linechip-h{display:inline-block}.stzh-vbz-linechip.sc-stzh-vbz-linechip{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);position:relative;border:none;margin:var(--stzh-space-xsmall) 0;padding:0;appearance:none;border-radius:var(--stzh-space-xxxsmall);width:2.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center}.stzh-vbz-linechip.sc-stzh-vbz-linechip::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);background-color:var(--stzh-color-black20op);border-radius:var(--stzh-space-xxxsmall)}.stzh-vbz-linechip__text.sc-stzh-vbz-linechip{position:relative}.stzh-vbz-linechip__global-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xxsmall)}.stzh-vbz-linechip__alert.sc-stzh-vbz-linechip{position:absolute;top:-0.3125rem;right:-0.3125rem;color:var(--stzh-color-error60);background-color:var(--stzh-color-white);border-radius:100%;display:flex}.stzh-vbz-linechip__alert-icon.sc-stzh-vbz-linechip{--size:var(--stzh-icon-size-xsmall)}.stzh-vbz-linechip.sc-stzh-vbz-linechip:hover::before,.stzh-vbz-linechip.sc-stzh-vbz-linechip:focus::before,.stzh-vbz-linechip--is-active.sc-stzh-vbz-linechip::before{opacity:1}.stzh-vbz-linechip--is-dark.sc-stzh-vbz-linechip::before{background-color:var(--stzh-color-white20op)}.stzh-vbz-linechip--bg-white.sc-stzh-vbz-linechip{border:0.0625rem solid var(--stzh-color-black)}';const lr=sr;const hr=class{constructor(t){r(this,t);this.stzhFocus=o(this,"stzhFocus",7);this.stzhBlur=o(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.chip.focus()}this.focusedByInput=false};this.onFocus=r=>{this.focusedByInput=true;const o=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(o);this.stzhFocus.emit({component:"stzh-vbz-linechip",originalEvent:r})};this.onBlur=r=>{const o=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(o);this.stzhBlur.emit({component:"stzh-vbz-linechip",originalEvent:r})};this.line=undefined;this.active=false;this.alert=false;this.global=false;this.disabled=false;this.analyticsId=undefined}render(){const r=gr[this.line]\|\|{};const o={color:this.global?"rgb(0, 0, 0)":r.color\|\|"rgb(255, 255, 255)",background:this.global?"rgb(228, 105, 76)":r.background\|\|"rgb(0, 0, 0)"};const b=e(o.background);const c=b.getBrightness()<50;const a={"stzh-vbz-linechip":true,"stzh-vbz-linechip--is-global":this.global,"stzh-vbz-linechip--is-alert":this.alert,"stzh-vbz-linechip--is-active":this.active,"stzh-vbz-linechip--is-dark":c,"stzh-vbz-linechip--bg-white":o.background==="rgb(255, 255, 255)",[`stzh-vbz-linechip--line-${this.line}`]:!!this.line};const i=r.comment\|\|"";return t(n,{key:"429a116ab898241b9f3cdb637fc23199a8481858",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},t("button",{key:"28b65c1854bfd94cc64e6e7565d403173da6e599",ref:r=>this.chip=r,class:a,style:o,title:i,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,"s-object-id":this.analyticsId\|\|(this.global?"Global":this.line)},this.global?t("stzh-icon",{name:"important-warning",class:"stzh-vbz-linechip__global-icon"}):t("div",{class:"stzh-vbz-linechip__text"},this.line),this.alert&&t("div",{key:"6fb3ceca292333f8b52e7784ba6fa6bab545b1b0",class:"stzh-vbz-linechip__alert"},t("stzh-icon",{key:"7fdaa997f83c38f3438fb9ec553305764f7ccaea",name:"warning-big",class:"stzh-vbz-linechip__alert-icon"}))))}get element(){return b(this)}};hr.style=lr;export{hr as stzh_vbz_linechip};
2	- //# sourceMappingURL=p-846c28e5.entry.js.map