npm - @oiz/stzh-components - Versions diffs - 4.12.0 → 4.12.1-beta1 - Mend

@oiz/stzh-components 4.12.0 → 4.12.1-beta1

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

package/dist/components/{p-EnVb6m-B.js.map → p-C7Wum7Zf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~EnVb6m-B~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-icon/stzh-icon.scss?tag=stzh-icon&encapsulation=shadow","src/components/stzh-icon/stzh-icon.tsx"],"sourcesContent":["/*\n @prop --size: Icon size\n * @prop --color: Icon color\n \n @prop --stzh-icon-size: Global: Default icon size. [See available icon sizes here](/docs/tokens-icons--docs#sizes).\n * @prop --stzh-icon-color: Global: Icon color\n * @prop --stzh-icon-vertical-align: Global: Icon vertical alignment\n /\n\n:host {\n --size: #{iconSize()};\n --color: #{$iconColor};\n --vertical-align: #{$iconVerticalAlign};\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: var(--color);\n vertical-align: var(--vertical-align);\n width: var(--size);\n height: var(--size);\n\n @media print {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n\n.stzh-icon {\n display: none;\n\n &__svg {\n width: var(--size);\n height: var(--size);\n }\n}\n","import { Component, Host, h, Prop, Watch, State, Element } from \"@stencil/core\";\n\nlet iconCounter = 0;\n\n// Shared cache for all instances to store fetched SVG icons\nconst iconCache = new Map<string, Promise<string>>();\n\n@Component({\n tag: \"stzh-icon\",\n styleUrl: \"stzh-icon.scss\",\n shadow: true,\n})\nexport class StzhIcon {\n /\n Icon which should be displayed\n * See the [icon overview](stzh-components/assets/svgsprites/symbol/sprite.symbol.html) for a list of all available icons.\n /\n @Prop() name: string = \"\";\n\n /\n Hidden icon title for screenreader\n * (usually not needed when e.g. inside links or buttons that have text)\n */\n @Prop({ attribute: \"a11y-title\" }) a11yTitle: string = \"\";\n\n @Element() element: HTMLStzhIconElement;\n\n @State() svgHtml: string = \"\";\n @State() iconDisplay: string = \"none\";\n\n @Watch(\"name\")\n async nameWatcher(name: string) {\n this.iconDisplay = \"none\";\n\n if (name) {\n if (iconCache.has(name)) {\n this.svgHtml = await iconCache.get(name)!;\n this.updateAccessibilityAttributes();\n this.showIcon();\n } else {\n const fetchSvgPromise = fetch(`${window.stzhComponents.pathMedia}/icons/mono/${this.name}.svg`)\n .then(response => {\n if (response.status === 200) {\n return response.text();\n }\n throw new Error(\"Failed to fetch icon\");\n })\n .then(svgString => {\n const parser = new DOMParser();\n const svgDoc = parser.parseFromString(svgString, \"image/svg+xml\");\n const svgElement = svgDoc.documentElement as unknown as SVGElement;\n svgElement.classList.add(\"stzh-icon__svg\");\n\n return svgElement.outerHTML;\n });\n\n iconCache.set(name, fetchSvgPromise);\n\n this.svgHtml = await fetchSvgPromise;\n this.updateAccessibilityAttributes();\n this.showIcon();\n }\n } else {\n this.svgElement = null;\n this.svgHtml = \"\";\n }\n }\n\n @Watch(\"a11yTitle\")\n a11yTitleWatcher(a11yTitle: string) {\n if (!this.svgElement) return;\n\n this.svgElement.setAttribute(\"aria-hidden\", a11yTitle ? \"false\" : \"true\");\n this.svgElement.setAttribute(\"focusable\", a11yTitle ? \"true\" : \"false\");\n this.svgElement.setAttribute(\"aria-labelledby\", a11yTitle ? `${this.iconId}-title` : null);\n\n let title = this.svgElement.querySelector(\"title\");\n\n if (!title) {\n title = document.createElement(\"title\");\n title.id = `${this.iconId}-title`;\n this.svgElement.appendChild(title);\n }\n\n title.innerHTML = a11yTitle;\n this.svgHtml = this.svgElement.outerHTML;\n }\n\n private svgElement: SVGElement \| null;\n private iconId: string;\n\n async componentWillLoad() {\n this.iconId = `stzh-icon-${iconCounter++}`;\n await this.nameWatcher(this.name);\n }\n\n private updateAccessibilityAttributes() {\n this.a11yTitleWatcher(this.a11yTitle);\n }\n\n private showIcon() {\n // for some obscure reason we need to delay showing the icon in safari,\n // otherwise the icon doesn't show up randomly\n // TODO: sometimes the icon still randomely disappears when clicked on page (check on newer safari if problems still occur)\n window.setTimeout(() => {\n this.iconDisplay = \"contents\";\n }, 0);\n }\n\n render() {\n return (\n <Host>\n <div class=\"stzh-icon\" style={{ display: this.iconDisplay }} innerHTML={this.svgHtml}></div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-C7Wum7Zf.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-icon/stzh-icon.scss?tag=stzh-icon&encapsulation=shadow","src/components/stzh-icon/stzh-icon.tsx"],"sourcesContent":["/*\n @prop --size: Icon size\n * @prop --color: Icon color\n \n @prop --stzh-icon-size: Global: Default icon size. [See available icon sizes here](/docs/tokens-icons--docs#sizes).\n * @prop --stzh-icon-color: Global: Icon color\n * @prop --stzh-icon-vertical-align: Global: Icon vertical alignment\n /\n\n:host {\n --size: #{iconSize()};\n --color: #{$iconColor};\n --vertical-align: #{$iconVerticalAlign};\n\n display: inline-flex;\n justify-content: center;\n align-items: center;\n color: var(--color);\n vertical-align: var(--vertical-align);\n width: var(--size);\n height: var(--size);\n\n @media print {\n -webkit-print-color-adjust: exact;\n print-color-adjust: exact;\n }\n}\n\n.stzh-icon {\n display: none;\n\n &__svg {\n width: var(--size);\n height: var(--size);\n }\n}\n","import { Component, Host, h, Prop, Watch, State, Element } from \"@stencil/core\";\n\nlet iconCounter = 0;\n\n// Shared cache for all instances to store fetched SVG icons\nconst iconCache = new Map<string, Promise<string>>();\n\n@Component({\n tag: \"stzh-icon\",\n styleUrl: \"stzh-icon.scss\",\n shadow: true,\n})\nexport class StzhIcon {\n /\n Icon which should be displayed\n * See the [icon overview](stzh-components/assets/svgsprites/symbol/sprite.symbol.html) for a list of all available icons.\n /\n @Prop() name: string = \"\";\n\n /\n Hidden icon title for screenreader\n * (usually not needed when e.g. inside links or buttons that have text)\n */\n @Prop({ attribute: \"a11y-title\" }) a11yTitle: string = \"\";\n\n @Element() element: HTMLStzhIconElement;\n\n @State() svgHtml: string = \"\";\n @State() iconDisplay: string = \"none\";\n\n @Watch(\"name\")\n async nameWatcher(name: string) {\n this.iconDisplay = \"none\";\n\n if (name) {\n if (iconCache.has(name)) {\n this.svgHtml = await iconCache.get(name)!;\n this.updateAccessibilityAttributes();\n this.showIcon();\n } else {\n const fetchSvgPromise = fetch(`${window.stzhComponents.pathMedia}/icons/mono/${this.name}.svg`)\n .then(response => {\n if (response.status === 200) {\n return response.text();\n }\n throw new Error(\"Failed to fetch icon\");\n })\n .then(svgString => {\n const parser = new DOMParser();\n const svgDoc = parser.parseFromString(svgString, \"image/svg+xml\");\n const svgElement = svgDoc.documentElement as unknown as SVGElement;\n svgElement.classList.add(\"stzh-icon__svg\");\n\n return svgElement.outerHTML;\n });\n\n iconCache.set(name, fetchSvgPromise);\n\n this.svgHtml = await fetchSvgPromise;\n this.updateAccessibilityAttributes();\n this.showIcon();\n }\n } else {\n this.svgElement = null;\n this.svgHtml = \"\";\n }\n }\n\n @Watch(\"a11yTitle\")\n a11yTitleWatcher(a11yTitle: string) {\n if (!this.svgElement) return;\n\n this.svgElement.setAttribute(\"aria-hidden\", a11yTitle ? \"false\" : \"true\");\n this.svgElement.setAttribute(\"focusable\", a11yTitle ? \"true\" : \"false\");\n this.svgElement.setAttribute(\"aria-labelledby\", a11yTitle ? `${this.iconId}-title` : null);\n\n let title = this.svgElement.querySelector(\"title\");\n\n if (!title) {\n title = document.createElement(\"title\");\n title.id = `${this.iconId}-title`;\n this.svgElement.appendChild(title);\n }\n\n title.innerHTML = a11yTitle;\n this.svgHtml = this.svgElement.outerHTML;\n }\n\n private svgElement: SVGElement \| null;\n private iconId: string;\n\n async componentWillLoad() {\n this.iconId = `stzh-icon-${iconCounter++}`;\n await this.nameWatcher(this.name);\n }\n\n private updateAccessibilityAttributes() {\n this.a11yTitleWatcher(this.a11yTitle);\n }\n\n private showIcon() {\n // for some obscure reason we need to delay showing the icon in safari,\n // otherwise the icon doesn't show up randomly\n // TODO: sometimes the icon still randomely disappears when clicked on page (check on newer safari if problems still occur)\n window.setTimeout(() => {\n this.iconDisplay = \"contents\";\n }, 0);\n }\n\n render() {\n return (\n <Host>\n <div class=\"stzh-icon\" style={{ display: this.iconDisplay }} innerHTML={this.svgHtml}></div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DropTKrS.js → p-C8p_ftK9.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-X46RDuY9.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
 const stzhContainerCss = () => `.sc-stzh-container-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-container-h,[stzh-hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::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-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-search,.sc-stzh-container-h .sc-stzh-container-s stzh-vbz-carousel,.sc-stzh-container-h .sc-stzh-container-s stzh-message[type=page-message]{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}`;
@@ -40,6 +40,6 @@ function defineCustomElement() {
 }
 export { StzhContainer as S, defineCustomElement as d };
-//# sourceMappingURL=p-DropTKrS.js.map
+//# sourceMappingURL=p-C8p_ftK9.js.map
-//# sourceMappingURL=p-DropTKrS.js.map
+//# sourceMappingURL=p-C8p_ftK9.js.map

package/dist/components/{p-DropTKrS.js.map → p-C8p_ftK9.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DropTKrS~~.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kwGAAkwG,CAAC;;MCUtxG,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAUU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAiBlC;IAfC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;YACtB,+BAA+B,EAAE,IAAI,CAAC,QAAQ;;SAE/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n ::slotted() {\n stzh-header {\n margin-left: -$containerMargin;\n margin-right: -$containerMargin;\n\n @include mq($from: small) {\n margin-left: -$containerMarginSmall;\n margin-right: -$containerMarginSmall;\n }\n\n @include mq($from: medium) {\n margin-left: -$containerMarginMedium;\n margin-right: -$containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-left: -$containerMarginLarge;\n margin-right: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n margin-right: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n }\n }\n\n stzh-banner,\n stzh-ghettobox,\n stzh-pagetitle,\n stzh-pagetitle-home,\n stzh-container,\n stzh-homepage-service-highlights,\n stzh-homepage-search,\n stzh-vbz-carousel,\n stzh-message[type=\"page-message\"] {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n }\n\n // stzh-section[variant=\"highlight\"] {\n // --padding-left: #{$containerMargin};\n // --padding-right: #{$containerMargin};\n\n // @include mq($from: small) {\n // --padding-left: #{$containerMarginSmall};\n // --padding-right: #{$containerMarginSmall};\n // }\n\n // @include mq($from: medium) {\n // --padding-left: #{$containerMarginMedium};\n // --padding-right: #{$containerMarginMedium};\n // }\n\n // @include mq($from: large) {\n // --padding-left: #{space('xlarge')};\n // --padding-right: #{space('xlarge')};\n // }\n\n // @include mq($to: large) {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n // }\n\n // stzh-row stzh-section[variant=\"highlight\"] {\n // @include spaceCurve('--padding-left', 'small');\n // @include spaceCurve('--padding-right', 'small');\n\n // @include mq($to: large) {\n // left: initial;\n // right: initial;\n // margin-left: initial;\n // margin-right: initial;\n // width: initial;\n // max-width: initial;\n // }\n // }\n }\n}\n\n.stzh-container {\n @include container;\n\n // &--size-big {\n // @include container($size: \"big\");\n // }\n\n &--has-no-margin {\n margin-left: auto;\n margin-right: auto;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-container\",\n styleUrl: \"stzh-container.scss\",\n scoped: true,\n})\nexport class StzhContainer {\n /* Size variant /\n // @Prop() size: \"default\" \| \"big\" = \"default\";\n\n /* Whether to prevent side margins */\n @Prop() noMargin: boolean = false;\n\n render() {\n const classes = {\n \"stzh-container\": true,\n \"stzh-container--has-no-margin\": this.noMargin,\n // [`stzh-container--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-C8p_ftK9.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kwGAAkwG,CAAC;;MCUtxG,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAUU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAiBlC;IAfC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;YACtB,+BAA+B,EAAE,IAAI,CAAC,QAAQ;;SAE/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n ::slotted() {\n stzh-header {\n margin-left: -$containerMargin;\n margin-right: -$containerMargin;\n\n @include mq($from: small) {\n margin-left: -$containerMarginSmall;\n margin-right: -$containerMarginSmall;\n }\n\n @include mq($from: medium) {\n margin-left: -$containerMarginMedium;\n margin-right: -$containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-left: -$containerMarginLarge;\n margin-right: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n margin-right: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n }\n }\n\n stzh-banner,\n stzh-ghettobox,\n stzh-pagetitle,\n stzh-pagetitle-home,\n stzh-container,\n stzh-homepage-service-highlights,\n stzh-homepage-search,\n stzh-vbz-carousel,\n stzh-message[type=\"page-message\"] {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n }\n\n // stzh-section[variant=\"highlight\"] {\n // --padding-left: #{$containerMargin};\n // --padding-right: #{$containerMargin};\n\n // @include mq($from: small) {\n // --padding-left: #{$containerMarginSmall};\n // --padding-right: #{$containerMarginSmall};\n // }\n\n // @include mq($from: medium) {\n // --padding-left: #{$containerMarginMedium};\n // --padding-right: #{$containerMarginMedium};\n // }\n\n // @include mq($from: large) {\n // --padding-left: #{space('xlarge')};\n // --padding-right: #{space('xlarge')};\n // }\n\n // @include mq($to: large) {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n // }\n\n // stzh-row stzh-section[variant=\"highlight\"] {\n // @include spaceCurve('--padding-left', 'small');\n // @include spaceCurve('--padding-right', 'small');\n\n // @include mq($to: large) {\n // left: initial;\n // right: initial;\n // margin-left: initial;\n // margin-right: initial;\n // width: initial;\n // max-width: initial;\n // }\n // }\n }\n}\n\n.stzh-container {\n @include container;\n\n // &--size-big {\n // @include container($size: \"big\");\n // }\n\n &--has-no-margin {\n margin-left: auto;\n margin-right: auto;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-container\",\n styleUrl: \"stzh-container.scss\",\n scoped: true,\n})\nexport class StzhContainer {\n /* Size variant /\n // @Prop() size: \"default\" \| \"big\" = \"default\";\n\n /* Whether to prevent side margins */\n @Prop() noMargin: boolean = false;\n\n render() {\n const classes = {\n \"stzh-container\": true,\n \"stzh-container--has-no-margin\": this.noMargin,\n // [`stzh-container--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-BHaqxQEc.js → p-C9g8C0mi.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-X46RDuY9.js';
-import { d as defineCustomElement$1 } from './p-EnVb6m-B.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-DajXzNIS.js';
+import { d as defineCustomElement$1 } from './p-C7Wum7Zf.js';
 const stzhBreadcrumbCss = () => `.sc-stzh-breadcrumb-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-breadcrumb-h,[stzh-hidden].sc-stzh-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::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-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-breadcrumb-color, var(--stzh-color-primary70))}@media print{.sc-stzh-breadcrumb-h{display:none}}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{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);color:var(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{display:none}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}@media (forced-colors: active){.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{color:CanvasText}}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .is-expand.sc-stzh-breadcrumb{position:absolute}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}`;
@@ -202,6 +202,6 @@ function defineCustomElement() {
 }
 export { StzhBreadcrumb as S, defineCustomElement as d };
-//# sourceMappingURL=p-BHaqxQEc.js.map
+//# sourceMappingURL=p-C9g8C0mi.js.map
-//# sourceMappingURL=p-BHaqxQEc.js.map
+//# sourceMappingURL=p-C9g8C0mi.js.map

package/dist/components/{p-BHaqxQEc.js.map → p-C9g8C0mi.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-BHaqxQEc.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-breadcrumb/stzh-breadcrumb.scss?tag=stzh-breadcrumb&encapsulation=scoped","src/components/stzh-breadcrumb/stzh-breadcrumb.tsx"],"sourcesContent":[":host {\n overflow: hidden;\n --color: var(--stzh-breadcrumb-color, #{$colorPrimary70});\n\n @media print {\n display: none;\n }\n\n &[variant=\"teaser\"] {\n --color: #{$colorGrey80};\n }\n}\n\n.stzh-breadcrumb {\n @include fontSize(\"milli\");\n color: var(--color);\n\n &__list,\n &__item,\n &__item-link {\n display: flex;\n align-items: center;\n }\n\n &__list {\n list-style: none;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n }\n\n &__item.is-expand &__item-link {\n cursor: pointer;\n }\n\n &__item.is-hidden {\n display: none;\n }\n\n &__item.is-last &__item-link {\n @include font(\"heavy\");\n }\n\n &__item.is-first &__item-label {\n @include visuallyhidden;\n }\n\n &__item-link {\n appearance: none;\n background-color: transparent;\n border: none;\n text-decoration: none;\n color: inherit;\n }\n\n &__item-link.is-link {\n cursor: pointer;\n transition: color $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary90;\n }\n }\n\n &__item-icon {\n margin-right: space(\"xxsmall\");\n\n &.is-separator {\n --size: #{iconSize(\"small\")};\n\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n }\n\n &__item-label-hidden {\n @include visuallyhidden;\n }\n\n /* Expanded variant /\n\n &--is-expanded &__list {\n flex-wrap: wrap;\n white-space: initial;\n }\n\n &--is-expanded .is-expand {\n position: absolute;\n }\n\n / Teaser variant /\n\n &--teaser {\n @include fontSize(\"micro\");\n }\n}\n","import { Component, Host, h, Element, Prop, Watch, State, Fragment, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent } from \"../../index\";\n\nimport { StzhBreadcrumbLocalizedText } from \"./stzh-breadcrumb.localization\";\n\nconst ITEM_EXPAND_INDEX = 1;\nconst SHRINK_DIRECTION = 1; // 1 = removes item to the right / -1 = removes item to the left\n\n/\n \n /\n@Component({\n tag: \"stzh-breadcrumb\",\n styleUrl: \"stzh-breadcrumb.scss\",\n scoped: true,\n})\nexport class StzhBreadcrumb {\n /* Translation strings /\n @Prop() localization: StzhBreadcrumbLocalizedText;\n\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"teaser\" = \"default\";\n\n /* Breadcrumb items /\n @Prop() items: StzhBreadcrumbItem[] \| string = [];\n private _items: StzhBreadcrumbItem[];\n\n /* Whether all items are shown (true) or everything should fit into one line and not wrap (false, default) /\n @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n @Element() element: HTMLStzhBreadcrumbElement;\n\n @Watch(\"items\")\n itemsWatcher(newValue: StzhBreadcrumbItem[] \| string) {\n if (!newValue) {\n this._items = [];\n } else if (typeof newValue === \"string\") {\n try {\n this._items = JSON.parse(newValue);\n } catch (e) {\n this._items = [];\n }\n } else {\n this._items = newValue;\n }\n }\n\n @Watch(\"expanded\")\n expandedWatcher() {\n this.updateContainer();\n }\n\n /* Item click event */\n @Event() stzhItemClick: EventEmitter<StzhBreadcrumbItemClickEvent>;\n\n @State() hasHiddenItems: boolean = false;\n\n private navElement: HTMLElement;\n private itemSizes: [HTMLElement, number][];\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n private debounceResizeItems: number;\n private resizeItemsObserver: ResizeObserver;\n\n private handleClick(item: StzhBreadcrumbItem, originalEvent: MouseEvent) {\n this.stzhItemClick.emit({\n component: \"stzh-breadcrumb\",\n item,\n originalEvent,\n });\n }\n\n private updateContainer = () => {\n if (!this.navElement \|\| !this.itemSizes) {\n return;\n }\n\n const containerWidth = this.navElement.clientWidth;\n\n const totalItemsWidthWithoutExpandItem = this.itemSizes.reduce((previous, item, index) => {\n if (index === ITEM_EXPAND_INDEX) {\n return previous;\n } else {\n return previous + item[1];\n }\n }, 0);\n\n if (totalItemsWidthWithoutExpandItem >= containerWidth && this.itemSizes.length > 2 && !this.expanded) {\n const hideItems = [];\n\n const expandItemWidth = this.itemSizes[ITEM_EXPAND_INDEX][1];\n let currentIndexToHide = ITEM_EXPAND_INDEX + SHRINK_DIRECTION;\n let totalItemsShownWidthWithoutExpandItem = totalItemsWidthWithoutExpandItem;\n\n do {\n const current = this.itemSizes[currentIndexToHide];\n hideItems.push(current[0]);\n totalItemsShownWidthWithoutExpandItem = totalItemsShownWidthWithoutExpandItem - current[1];\n currentIndexToHide = currentIndexToHide + SHRINK_DIRECTION;\n } while (\n totalItemsShownWidthWithoutExpandItem + expandItemWidth >= containerWidth &&\n currentIndexToHide < this.itemSizes.length\n );\n\n this.hasHiddenItems = true;\n\n this.itemSizes.forEach(([item], index) => {\n if (index === ITEM_EXPAND_INDEX) {\n item.classList.remove(\"is-hidden\");\n } else {\n item.classList.toggle(\"is-hidden\", hideItems.includes(item));\n }\n });\n } else {\n this.hasHiddenItems = false;\n\n this.itemSizes.forEach(([item], index) => {\n if (index === ITEM_EXPAND_INDEX) {\n item.classList.add(\"is-hidden\");\n } else {\n item.classList.remove(\"is-hidden\");\n }\n });\n }\n };\n\n private updateItems = () => {\n if (!this.navElement) {\n return;\n }\n\n // TODO: current updates all item sizes, but could be optimized only to update really resized items with using passed ResizeObserver entries\n const items = Array.from(this.navElement.querySelectorAll(\".stzh-breadcrumb__item\")) as HTMLElement[];\n items.forEach(item => item.classList.remove(\"is-hidden\"));\n this.itemSizes = [];\n\n items.forEach(item => {\n const { width } = item.getBoundingClientRect();\n this.itemSizes.push([item, width]);\n });\n\n this.updateContainer();\n };\n\n private handleContainerResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateContainer);\n };\n\n private handleItemResize = () => {\n if (this.debounceResizeItems) {\n window.cancelAnimationFrame(this.debounceResizeItems);\n }\n\n this.debounceResizeItems = requestAnimationFrame(this.updateItems);\n };\n\n private handleExpandClick = () => {\n this.expanded = true;\n\n const itemLinks = Array.from(this.navElement.querySelectorAll(\".stzh-breadcrumb__item-link\")) as HTMLElement[];\n itemLinks[2].focus();\n };\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"breadcrumb\");\n }\n }\n\n componentDidRender() {\n this.resizeObserver.observe(this.navElement);\n\n const items = this.navElement.querySelectorAll(\".stzh-breadcrumb__item\");\n items.forEach(item => {\n this.resizeItemsObserver.observe(item);\n });\n }\n\n connectedCallback() {\n this.resizeObserver = new ResizeObserver(this.handleContainerResize);\n this.resizeItemsObserver = new ResizeObserver(this.handleItemResize);\n }\n\n disconnectedCallback() {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.resizeItemsObserver) {\n this.resizeItemsObserver.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-breadcrumb\": true,\n \"stzh-breadcrumb--is-expanded\": this.expanded,\n \"stzh-breadcrumb--has-hidden-items\": this.hasHiddenItems,\n [`stzh-breadcrumb--${this.variant}`]: !!this.variant,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <nav\n ref={el => (this.navElement = el as HTMLElement)}\n class=\"stzh-breadcrumb__nav\"\n role=\"navigation\"\n aria-label={this.localization.title}\n >\n <ol class=\"stzh-breadcrumb__list\">\n {this._items.map((item, index) => (\n <Fragment>\n <li\n class={{\n \"stzh-breadcrumb__item\": true,\n \"is-last\": index + 1 === this._items.length,\n \"is-first\": index === 0,\n }}\n >\n <a\n aria-current={index + 1 === this._items.length ? \"page\" : null}\n href={item.href}\n onClick={e => this.handleClick(item, e)}\n class={{\n \"stzh-breadcrumb__item-link\": true,\n \"is-link\": !!item.href,\n }}\n >\n {index === 0 ? (\n <stzh-icon class=\"stzh-breadcrumb__item-icon\" name=\"home\"></stzh-icon>\n ) : (\n <stzh-icon class=\"stzh-breadcrumb__item-icon is-separator\" name=\"angle-right\"></stzh-icon>\n )}\n <span class=\"stzh-breadcrumb__item-label\" innerHTML={item.label}></span>\n </a>\n </li>\n {index === 0 && (\n <li class=\"stzh-breadcrumb__item is-expand\">\n <button class=\"stzh-breadcrumb__item-link\" onClick={this.handleExpandClick}>\n <stzh-icon class=\"stzh-breadcrumb__item-icon is-separator\" name=\"angle-right\"></stzh-icon>\n <span class=\"stzh-breadcrumb__item-label\">\n <span aria-hidden=\"true\">{this.localization.expandLabel}</span>\n <span class=\"stzh-breadcrumb__item-label-hidden\">{this.localization.expandHiddenLabel}</span>\n </span>\n </button>\n </li>\n )}\n </Fragment>\n ))}\n </ol>\n </nav>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-C9g8C0mi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-breadcrumb/stzh-breadcrumb.scss?tag=stzh-breadcrumb&encapsulation=scoped","src/components/stzh-breadcrumb/stzh-breadcrumb.tsx"],"sourcesContent":[":host {\n overflow: hidden;\n --color: var(--stzh-breadcrumb-color, #{$colorPrimary70});\n\n @media print {\n display: none;\n }\n\n &[variant=\"teaser\"] {\n --color: #{$colorGrey80};\n }\n}\n\n.stzh-breadcrumb {\n @include fontSize(\"milli\");\n color: var(--color);\n\n &__list,\n &__item,\n &__item-link {\n display: flex;\n align-items: center;\n }\n\n &__list {\n list-style: none;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n }\n\n &__item.is-expand &__item-link {\n cursor: pointer;\n }\n\n &__item.is-hidden {\n display: none;\n }\n\n &__item.is-last &__item-link {\n @include font(\"heavy\");\n }\n\n &__item.is-first &__item-label {\n @include visuallyhidden;\n }\n\n &__item-link {\n appearance: none;\n background-color: transparent;\n border: none;\n text-decoration: none;\n color: inherit;\n }\n\n &__item-link.is-link {\n cursor: pointer;\n transition: color $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $colorPrimary90;\n }\n }\n\n &__item-icon {\n margin-right: space(\"xxsmall\");\n\n &.is-separator {\n --size: #{iconSize(\"small\")};\n\n @media (forced-colors: active) {\n color: CanvasText;\n }\n }\n }\n\n &__item-label-hidden {\n @include visuallyhidden;\n }\n\n /* Expanded variant /\n\n &--is-expanded &__list {\n flex-wrap: wrap;\n white-space: initial;\n }\n\n &--is-expanded .is-expand {\n position: absolute;\n }\n\n / Teaser variant /\n\n &--teaser {\n @include fontSize(\"micro\");\n }\n}\n","import { Component, Host, h, Element, Prop, Watch, State, Fragment, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent } from \"../../index\";\n\nimport { StzhBreadcrumbLocalizedText } from \"./stzh-breadcrumb.localization\";\n\nconst ITEM_EXPAND_INDEX = 1;\nconst SHRINK_DIRECTION = 1; // 1 = removes item to the right / -1 = removes item to the left\n\n/\n \n /\n@Component({\n tag: \"stzh-breadcrumb\",\n styleUrl: \"stzh-breadcrumb.scss\",\n scoped: true,\n})\nexport class StzhBreadcrumb {\n /* Translation strings /\n @Prop() localization: StzhBreadcrumbLocalizedText;\n\n /* Variant /\n @Prop({ reflect: true }) variant: \"default\" \| \"teaser\" = \"default\";\n\n /* Breadcrumb items /\n @Prop() items: StzhBreadcrumbItem[] \| string = [];\n private _items: StzhBreadcrumbItem[];\n\n /* Whether all items are shown (true) or everything should fit into one line and not wrap (false, default) /\n @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n @Element() element: HTMLStzhBreadcrumbElement;\n\n @Watch(\"items\")\n itemsWatcher(newValue: StzhBreadcrumbItem[] \| string) {\n if (!newValue) {\n this._items = [];\n } else if (typeof newValue === \"string\") {\n try {\n this._items = JSON.parse(newValue);\n } catch (e) {\n this._items = [];\n }\n } else {\n this._items = newValue;\n }\n }\n\n @Watch(\"expanded\")\n expandedWatcher() {\n this.updateContainer();\n }\n\n /* Item click event */\n @Event() stzhItemClick: EventEmitter<StzhBreadcrumbItemClickEvent>;\n\n @State() hasHiddenItems: boolean = false;\n\n private navElement: HTMLElement;\n private itemSizes: [HTMLElement, number][];\n\n private debounceResize: number;\n private resizeObserver: ResizeObserver;\n private debounceResizeItems: number;\n private resizeItemsObserver: ResizeObserver;\n\n private handleClick(item: StzhBreadcrumbItem, originalEvent: MouseEvent) {\n this.stzhItemClick.emit({\n component: \"stzh-breadcrumb\",\n item,\n originalEvent,\n });\n }\n\n private updateContainer = () => {\n if (!this.navElement \|\| !this.itemSizes) {\n return;\n }\n\n const containerWidth = this.navElement.clientWidth;\n\n const totalItemsWidthWithoutExpandItem = this.itemSizes.reduce((previous, item, index) => {\n if (index === ITEM_EXPAND_INDEX) {\n return previous;\n } else {\n return previous + item[1];\n }\n }, 0);\n\n if (totalItemsWidthWithoutExpandItem >= containerWidth && this.itemSizes.length > 2 && !this.expanded) {\n const hideItems = [];\n\n const expandItemWidth = this.itemSizes[ITEM_EXPAND_INDEX][1];\n let currentIndexToHide = ITEM_EXPAND_INDEX + SHRINK_DIRECTION;\n let totalItemsShownWidthWithoutExpandItem = totalItemsWidthWithoutExpandItem;\n\n do {\n const current = this.itemSizes[currentIndexToHide];\n hideItems.push(current[0]);\n totalItemsShownWidthWithoutExpandItem = totalItemsShownWidthWithoutExpandItem - current[1];\n currentIndexToHide = currentIndexToHide + SHRINK_DIRECTION;\n } while (\n totalItemsShownWidthWithoutExpandItem + expandItemWidth >= containerWidth &&\n currentIndexToHide < this.itemSizes.length\n );\n\n this.hasHiddenItems = true;\n\n this.itemSizes.forEach(([item], index) => {\n if (index === ITEM_EXPAND_INDEX) {\n item.classList.remove(\"is-hidden\");\n } else {\n item.classList.toggle(\"is-hidden\", hideItems.includes(item));\n }\n });\n } else {\n this.hasHiddenItems = false;\n\n this.itemSizes.forEach(([item], index) => {\n if (index === ITEM_EXPAND_INDEX) {\n item.classList.add(\"is-hidden\");\n } else {\n item.classList.remove(\"is-hidden\");\n }\n });\n }\n };\n\n private updateItems = () => {\n if (!this.navElement) {\n return;\n }\n\n // TODO: current updates all item sizes, but could be optimized only to update really resized items with using passed ResizeObserver entries\n const items = Array.from(this.navElement.querySelectorAll(\".stzh-breadcrumb__item\")) as HTMLElement[];\n items.forEach(item => item.classList.remove(\"is-hidden\"));\n this.itemSizes = [];\n\n items.forEach(item => {\n const { width } = item.getBoundingClientRect();\n this.itemSizes.push([item, width]);\n });\n\n this.updateContainer();\n };\n\n private handleContainerResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateContainer);\n };\n\n private handleItemResize = () => {\n if (this.debounceResizeItems) {\n window.cancelAnimationFrame(this.debounceResizeItems);\n }\n\n this.debounceResizeItems = requestAnimationFrame(this.updateItems);\n };\n\n private handleExpandClick = () => {\n this.expanded = true;\n\n const itemLinks = Array.from(this.navElement.querySelectorAll(\".stzh-breadcrumb__item-link\")) as HTMLElement[];\n itemLinks[2].focus();\n };\n\n async componentWillLoad() {\n this.itemsWatcher(this.items);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"breadcrumb\");\n }\n }\n\n componentDidRender() {\n this.resizeObserver.observe(this.navElement);\n\n const items = this.navElement.querySelectorAll(\".stzh-breadcrumb__item\");\n items.forEach(item => {\n this.resizeItemsObserver.observe(item);\n });\n }\n\n connectedCallback() {\n this.resizeObserver = new ResizeObserver(this.handleContainerResize);\n this.resizeItemsObserver = new ResizeObserver(this.handleItemResize);\n }\n\n disconnectedCallback() {\n if (this.resizeObserver) {\n this.resizeObserver.disconnect();\n }\n\n if (this.resizeItemsObserver) {\n this.resizeItemsObserver.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-breadcrumb\": true,\n \"stzh-breadcrumb--is-expanded\": this.expanded,\n \"stzh-breadcrumb--has-hidden-items\": this.hasHiddenItems,\n [`stzh-breadcrumb--${this.variant}`]: !!this.variant,\n rs_skip: true, // will prevent component being read by readspeaker\n };\n\n return (\n <Host>\n <div class={classes}>\n <nav\n ref={el => (this.navElement = el as HTMLElement)}\n class=\"stzh-breadcrumb__nav\"\n role=\"navigation\"\n aria-label={this.localization.title}\n >\n <ol class=\"stzh-breadcrumb__list\">\n {this._items.map((item, index) => (\n <Fragment>\n <li\n class={{\n \"stzh-breadcrumb__item\": true,\n \"is-last\": index + 1 === this._items.length,\n \"is-first\": index === 0,\n }}\n >\n <a\n aria-current={index + 1 === this._items.length ? \"page\" : null}\n href={item.href}\n onClick={e => this.handleClick(item, e)}\n class={{\n \"stzh-breadcrumb__item-link\": true,\n \"is-link\": !!item.href,\n }}\n >\n {index === 0 ? (\n <stzh-icon class=\"stzh-breadcrumb__item-icon\" name=\"home\"></stzh-icon>\n ) : (\n <stzh-icon class=\"stzh-breadcrumb__item-icon is-separator\" name=\"angle-right\"></stzh-icon>\n )}\n <span class=\"stzh-breadcrumb__item-label\" innerHTML={item.label}></span>\n </a>\n </li>\n {index === 0 && (\n <li class=\"stzh-breadcrumb__item is-expand\">\n <button class=\"stzh-breadcrumb__item-link\" onClick={this.handleExpandClick}>\n <stzh-icon class=\"stzh-breadcrumb__item-icon is-separator\" name=\"angle-right\"></stzh-icon>\n <span class=\"stzh-breadcrumb__item-label\">\n <span aria-hidden=\"true\">{this.localization.expandLabel}</span>\n <span class=\"stzh-breadcrumb__item-label-hidden\">{this.localization.expandHiddenLabel}</span>\n </span>\n </button>\n </li>\n )}\n </Fragment>\n ))}\n </ol>\n </nav>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Cj1zS9Yk.js → p-CK7gMyRU.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-X46RDuY9.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
 const stzhLoaderCss = () => `.sc-stzh-loader-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-loader-h,[stzh-hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::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-loader-h .has-focus.sc-stzh-loader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader{outline-style:none !important}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader::-moz-focus-inner{border:0 !important}@keyframes stzh-loader{0%{transform:scale(0);left:0px;opacity:1}12.5%{transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;transform:scale(1)}87.5%{left:8.75rem;transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:flex;flex-direction:column;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;transform:scale(0.2);transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem;forced-color-adjust:none;background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{background-color:CanvasText}}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
@@ -45,6 +45,6 @@ function defineCustomElement() {
 }
 export { StzhLoader as S, defineCustomElement as d };
-//# sourceMappingURL=p-Cj1zS9Yk.js.map
+//# sourceMappingURL=p-CK7gMyRU.js.map
-//# sourceMappingURL=p-Cj1zS9Yk.js.map
+//# sourceMappingURL=p-CK7gMyRU.js.map

package/dist/components/{p-Cj1zS9Yk.js.map → p-CK7gMyRU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~Cj1zS9Yk~~.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,o2GAAo2G,CAAC;;MCUr3G,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAwB,SAAS;;AAGrC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGlB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAwCnC;IApCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;YACnB,yBAAyB,EAAE,IAAI,CAAC,SAAS;YACzC,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAW,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP,CACF,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,WAAA,EAAW,QAAQ,EAC/C,EAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,eAAa,CACpC,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-loader/stzh-loader.scss?tag=stzh-loader&encapsulation=scoped","src/components/stzh-loader/stzh-loader.tsx"],"sourcesContent":[":host {\n}\n\n@keyframes stzh-loader {\n 0% {\n transform: scale(0);\n left: 0px;\n opacity: 1;\n }\n 12.5% {\n transform: scale(1);\n }\n 25% {\n left: 0px;\n }\n 37.5% {\n left: 70px;\n }\n 50% {\n left: 70px;\n }\n 62.5% {\n left: 140px;\n }\n 75% {\n left: 140px;\n transform: scale(1);\n }\n 87.5% {\n left: 140px;\n transform: scale(0);\n opacity: 1;\n }\n 100% {\n left: 140px;\n opacity: 0;\n }\n}\n\n.stzh-loader {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &__label {\n @include fontSize(\"micro\");\n text-align: center;\n\n &:not(:empty) {\n margin-top: space(\"medium\");\n }\n }\n\n &__wrapper {\n width: calc(200px / $loaderFactor);\n height: calc(40px / $loaderFactor);\n }\n\n &__uil {\n background: none;\n position: relative;\n width: 200px;\n height: 40px;\n transform: scale($loaderScale);\n transform-origin: top left;\n }\n\n &__ib {\n width: 100%;\n height: 100%;\n transform: rotate(0deg);\n }\n\n &__circle {\n width: 60px;\n height: 40px;\n position: absolute;\n opacity: 0;\n text-align: center;\n animation: stzh-loader 3s linear infinite;\n\n & > div {\n width: 40px;\n height: 40px;\n border-radius: 20px;\n margin: 0 10px;\n forced-color-adjust: none;\n background-color: var(--stzh-color-primary70);\n\n @media (forced-colors: active) {\n background-color: CanvasText;\n }\n }\n\n &:nth-of-type(1) {\n animation-delay: 0s;\n }\n\n &:nth-of-type(2) {\n animation-delay: 0.75s;\n }\n\n &:nth-of-type(3) {\n animation-delay: 1.5s;\n }\n\n &:nth-of-type(4) {\n animation-delay: 2.25s;\n }\n }\n\n /* Small variant /\n\n &--size-small &__label {\n @include fontSize(\"pico\");\n\n &:not(:empty) {\n margin-top: space(\"xsmall\");\n }\n }\n\n &--size-small &__wrapper {\n width: calc(200px / $loaderFactor $loaderSmallFactor);\n height: calc(40px / $loaderFactor * $loaderSmallFactor);\n }\n\n &--size-small &__uil {\n transform: scale($loaderScale * $loaderSmallFactor);\n }\n\n /* Hide label /\n\n &--hide-label &__label {\n @include visuallyhidden;\n }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\n\n/\n @slot - Slot for label/text content\n /\n@Component({\n tag: \"stzh-loader\",\n styleUrl: \"stzh-loader.scss\",\n scoped: true,\n})\nexport class StzhLoader {\n /* Size /\n @Prop() size: \"default\" \| \"small\" = \"default\";\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Hide label text visually (still anounced for screenreaders) */\n @Prop() hideLabel: boolean = false;\n\n @Element() element: HTMLStzhInputElement;\n\n render() {\n const classes = {\n \"stzh-loader\": true,\n \"stzh-loader--hide-label\": this.hideLabel,\n [`stzh-loader--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-loader__wrapper\">\n <div class=\"stzh-loader__uil\">\n <div class=\"stzh-loader__ib\">\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"stzh-loader__label\" aria-live=\"polite\">\n {this.label ? this.label : <slot></slot>}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CK7gMyRU.js","mappings":";;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,o2GAAo2G,CAAC;;MCUr3G,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAI,CAAA,IAAA,GAAwB,SAAS;;AAGrC,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;;AAGlB,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAwCnC;IApCC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;YACnB,yBAAyB,EAAE,IAAI,CAAC,SAAS;YACzC,CAAC,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI;SAChD;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAW,CACP,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC9B,CAAW,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACP,CACF,CACF,CACF,EAEN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,WAAA,EAAW,QAAQ,EAC/C,EAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,eAAa,CACpC,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-loader/stzh-loader.scss?tag=stzh-loader&encapsulation=scoped","src/components/stzh-loader/stzh-loader.tsx"],"sourcesContent":[":host {\n}\n\n@keyframes stzh-loader {\n 0% {\n transform: scale(0);\n left: 0px;\n opacity: 1;\n }\n 12.5% {\n transform: scale(1);\n }\n 25% {\n left: 0px;\n }\n 37.5% {\n left: 70px;\n }\n 50% {\n left: 70px;\n }\n 62.5% {\n left: 140px;\n }\n 75% {\n left: 140px;\n transform: scale(1);\n }\n 87.5% {\n left: 140px;\n transform: scale(0);\n opacity: 1;\n }\n 100% {\n left: 140px;\n opacity: 0;\n }\n}\n\n.stzh-loader {\n display: flex;\n flex-direction: column;\n align-items: center;\n\n &__label {\n @include fontSize(\"micro\");\n text-align: center;\n\n &:not(:empty) {\n margin-top: space(\"medium\");\n }\n }\n\n &__wrapper {\n width: calc(200px / $loaderFactor);\n height: calc(40px / $loaderFactor);\n }\n\n &__uil {\n background: none;\n position: relative;\n width: 200px;\n height: 40px;\n transform: scale($loaderScale);\n transform-origin: top left;\n }\n\n &__ib {\n width: 100%;\n height: 100%;\n transform: rotate(0deg);\n }\n\n &__circle {\n width: 60px;\n height: 40px;\n position: absolute;\n opacity: 0;\n text-align: center;\n animation: stzh-loader 3s linear infinite;\n\n & > div {\n width: 40px;\n height: 40px;\n border-radius: 20px;\n margin: 0 10px;\n forced-color-adjust: none;\n background-color: var(--stzh-color-primary70);\n\n @media (forced-colors: active) {\n background-color: CanvasText;\n }\n }\n\n &:nth-of-type(1) {\n animation-delay: 0s;\n }\n\n &:nth-of-type(2) {\n animation-delay: 0.75s;\n }\n\n &:nth-of-type(3) {\n animation-delay: 1.5s;\n }\n\n &:nth-of-type(4) {\n animation-delay: 2.25s;\n }\n }\n\n /* Small variant /\n\n &--size-small &__label {\n @include fontSize(\"pico\");\n\n &:not(:empty) {\n margin-top: space(\"xsmall\");\n }\n }\n\n &--size-small &__wrapper {\n width: calc(200px / $loaderFactor $loaderSmallFactor);\n height: calc(40px / $loaderFactor * $loaderSmallFactor);\n }\n\n &--size-small &__uil {\n transform: scale($loaderScale * $loaderSmallFactor);\n }\n\n /* Hide label /\n\n &--hide-label &__label {\n @include visuallyhidden;\n }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\n\n/\n @slot - Slot for label/text content\n /\n@Component({\n tag: \"stzh-loader\",\n styleUrl: \"stzh-loader.scss\",\n scoped: true,\n})\nexport class StzhLoader {\n /* Size /\n @Prop() size: \"default\" \| \"small\" = \"default\";\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Hide label text visually (still anounced for screenreaders) */\n @Prop() hideLabel: boolean = false;\n\n @Element() element: HTMLStzhInputElement;\n\n render() {\n const classes = {\n \"stzh-loader\": true,\n \"stzh-loader--hide-label\": this.hideLabel,\n [`stzh-loader--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-loader__wrapper\">\n <div class=\"stzh-loader__uil\">\n <div class=\"stzh-loader__ib\">\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n <div class=\"stzh-loader__circle\">\n <div></div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"stzh-loader__label\" aria-live=\"polite\">\n {this.label ? this.label : <slot></slot>}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CwEhkBGD.js → p-CLC2TbXk.js} RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-X46RDuY9.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-DajXzNIS.js';
 import { h as hasSlot } from './p-CN5apKPb.js';
-import { S as StzhInputDescription } from './p-BPjfBYp8.js';
-import { d as defineCustomElement$3 } from './p-EnVb6m-B.js';
-import { d as defineCustomElement$2 } from './p-DW10PQbf.js';
-import { d as defineCustomElement$1 } from './p-C5GxUCJA.js';
+import { S as StzhInputDescription } from './p-nQojTf6Q.js';
+import { d as defineCustomElement$3 } from './p-C7Wum7Zf.js';
+import { d as defineCustomElement$2 } from './p-DvQXjdsB.js';
+import { d as defineCustomElement$1 } from './p-5iYOoBns.js';
 /**
 * Tom Select v2.2.2
@@ -5676,6 +5676,6 @@ function defineCustomElement() {
 }
 export { StzhDropdown as S, defineCustomElement as d };
-//# sourceMappingURL=p-CwEhkBGD.js.map
+//# sourceMappingURL=p-CLC2TbXk.js.map
-//# sourceMappingURL=p-CwEhkBGD.js.map
+//# sourceMappingURL=p-CLC2TbXk.js.map