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

@oiz/stzh-components 4.5.0 → 4.6.0-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 (943) hide show

package/dist/components/{p-75352a6a.js.map → p-97868e7a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~75352a6a~~.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,m7EAAm7E,CAAC;AAC38E,0BAAe,cAAc;;MCahB,WAAW;;;;;QAWd,SAAI,GAAG;YACb,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACpD,+DAA+D,CAChE,CAAC;YAEF,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACnD,6DAA6D,CAC9D,CAAC;YAEF,gBAAgB,CAAC,OAAO,CAAC,MAAM;gBAC7B,cAAc,CAAC,MAAM,EAAE;oBACrB,OAAO,EAAE,WAAW;iBACI,CAAC,CAAC;aAC7B,CAAC,CAAC;YAEH,eAAe,CAAC,OAAO,CAAC,MAAM;gBAC5B,cAAc,CAAC,MAAM,EAAE;oBACrB,OAAO,EAAE,UAAU;iBACK,CAAC,CAAC;aAC7B,CAAC,CAAC;SACJ,CAAC;uBA7B2E,MAAM;4BAGlC,KAAK;;IA4BtD,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;YAClC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;SAC5B;KACF;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,6BAA6B,EAAE,IAAI,CAAC,YAAY;YAChD,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;SAClD,CAAC;QAEF,QACE,EAAC,IAAI,sEAAgB,IAAI,CAAC,YAAY,IACpC,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,IAC7C,4DAAK,KAAK,EAAC,gCAAgC,IACzC,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,EACN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,6DAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,EACN,4DAAK,KAAK,EAAC,+BAA+B,IACxC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=shadow","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n ::slotted([slot=\"primary\"]),\n ::slotted([slot=\"secondary\"]),\n ::slotted([slot=\"tertiary\"]) {\n flex-grow: 1;\n margin: calc(#{space(\"medium\")} / 2);\n }\n\n &[space-between=\"true\"] ::slotted([slot=\"tertiary\"]) {\n @include mq($from: small) {\n flex-grow: inherit;\n }\n }\n}\n\n.stzh-actions {\n &__actions {\n display: flex;\n flex-direction: column-reverse;\n margin: calc(#{space(\"medium\")} / -2);\n\n @include mq($from: small) {\n flex-direction: row;\n }\n }\n\n &__primary-actions,\n &__secondary-actions,\n &__tertiary-actions {\n display: flex;\n }\n\n &__wrapper {\n display: contents;\n }\n\n // &--dialog &__actions {\n // justify-content: flex-end;\n // }\n\n &--process &__wrapper {\n @include mq($to: small) {\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n &--process &__actions {\n justify-content: flex-end;\n }\n\n &--process &__primary-actions,\n &--process &__secondary-actions {\n @include mq($to: small) {\n flex-grow: 1;\n }\n }\n\n &--process &__tertiary-actions {\n @include mq($from: small) {\n margin-right: auto;\n }\n }\n\n &--search &__actions {\n justify-content: flex-end;\n }\n\n /* space between /\n &--space-between &__actions {\n justify-content: space-between;\n\n @include mq($from: small) {\n flex-direction: column;\n }\n\n @include mq($from: medium) {\n flex-direction: row;\n }\n }\n\n &--space-between &__wrapper {\n @include mq($from: small) {\n display: flex;\n justify-content: flex-end;\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/\n @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n * @slot tertiary - Slot for tertiary button\n /\n@Component({\n tag: \"stzh-actions\",\n styleUrl: \"stzh-actions.scss\",\n shadow: true,\n})\nexport class StzhActions {\n /* Variant determining what position the action buttons are /\n @Prop({ reflect: true }) variant: \"form\" \| \"dialog\" \| \"process\" \| \"search\" = \"form\";\n\n /* Whether to split tertiary and primary/secondary from each other (left and right). */\n @Prop({ reflect: true }) spaceBetween: boolean = false;\n\n @Element() element: HTMLStzhActionsElement;\n\n private observer: MutationObserver;\n\n private init = () => {\n const secondaryButtons = this.element.querySelectorAll(\n 'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button',\n );\n\n const tertiaryButtons = this.element.querySelectorAll(\n 'stzh-button[slot=\"tertiary\"], [slot=\"tertiary\"] stzh-button',\n );\n\n secondaryButtons.forEach(button => {\n setPropsIfNull(button, {\n variant: \"secondary\",\n } as HTMLStzhButtonElement);\n });\n\n tertiaryButtons.forEach(button => {\n setPropsIfNull(button, {\n variant: \"tertiary\",\n } as HTMLStzhButtonElement);\n });\n };\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-actions\": true,\n \"stzh-actions--space-between\": this.spaceBetween,\n [`stzh-actions--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host space-between={this.spaceBetween}>\n <div class={classes}>\n <div class=\"stzh-actions__actions\" role=\"group\">\n <div class=\"stzh-actions__tertiary-actions\">\n <slot name=\"tertiary\"></slot>\n </div>\n <div class=\"stzh-actions__wrapper\">\n <div class=\"stzh-actions__secondary-actions\">\n <slot name=\"secondary\"></slot>\n </div>\n <div class=\"stzh-actions__primary-actions\">\n <slot name=\"primary\"></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-97868e7a.js","mappings":";;;AAAA,MAAM,cAAc,GAAG,m7EAAm7E,CAAC;AAC38E,0BAAe,cAAc;;MCahB,WAAW;;;;;QAWd,SAAI,GAAG;YACb,MAAM,gBAAgB,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACpD,+DAA+D,CAChE,CAAC;YAEF,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CACnD,6DAA6D,CAC9D,CAAC;YAEF,gBAAgB,CAAC,OAAO,CAAC,MAAM;gBAC7B,cAAc,CAAC,MAAM,EAAE;oBACrB,OAAO,EAAE,WAAW;iBACI,CAAC,CAAC;aAC7B,CAAC,CAAC;YAEH,eAAe,CAAC,OAAO,CAAC,MAAM;gBAC5B,cAAc,CAAC,MAAM,EAAE;oBACrB,OAAO,EAAE,UAAU;iBACK,CAAC,CAAC;aAC7B,CAAC,CAAC;SACJ,CAAC;uBA7B2E,MAAM;4BAGlC,KAAK;;IA4BtD,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;QAEZ,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE;YAClC,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;KACJ;IAED,oBAAoB;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;SAC5B;KACF;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,6BAA6B,EAAE,IAAI,CAAC,YAAY;YAChD,CAAC,iBAAiB,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;SAClD,CAAC;QAEF,QACE,EAAC,IAAI,sEAAgB,IAAI,CAAC,YAAY,IACpC,4DAAK,KAAK,EAAE,OAAO,IACjB,4DAAK,KAAK,EAAC,uBAAuB,EAAC,IAAI,EAAC,OAAO,IAC7C,4DAAK,KAAK,EAAC,gCAAgC,IACzC,6DAAM,IAAI,EAAC,UAAU,GAAQ,CACzB,EACN,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,6DAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,EACN,4DAAK,KAAK,EAAC,+BAA+B,IACxC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=shadow","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n ::slotted([slot=\"primary\"]),\n ::slotted([slot=\"secondary\"]),\n ::slotted([slot=\"tertiary\"]) {\n flex-grow: 1;\n margin: calc(#{space(\"medium\")} / 2);\n }\n\n &[space-between=\"true\"] ::slotted([slot=\"tertiary\"]) {\n @include mq($from: small) {\n flex-grow: inherit;\n }\n }\n}\n\n.stzh-actions {\n &__actions {\n display: flex;\n flex-direction: column-reverse;\n margin: calc(#{space(\"medium\")} / -2);\n\n @include mq($from: small) {\n flex-direction: row;\n }\n }\n\n &__primary-actions,\n &__secondary-actions,\n &__tertiary-actions {\n display: flex;\n }\n\n &__wrapper {\n display: contents;\n }\n\n // &--dialog &__actions {\n // justify-content: flex-end;\n // }\n\n &--process &__wrapper {\n @include mq($to: small) {\n display: flex;\n flex-wrap: wrap;\n }\n }\n\n &--process &__actions {\n justify-content: flex-end;\n }\n\n &--process &__primary-actions,\n &--process &__secondary-actions {\n @include mq($to: small) {\n flex-grow: 1;\n }\n }\n\n &--process &__tertiary-actions {\n @include mq($from: small) {\n margin-right: auto;\n }\n }\n\n &--search &__actions {\n justify-content: flex-end;\n }\n\n /* space between /\n &--space-between &__actions {\n justify-content: space-between;\n\n @include mq($from: small) {\n flex-direction: column;\n }\n\n @include mq($from: medium) {\n flex-direction: row;\n }\n }\n\n &--space-between &__wrapper {\n @include mq($from: small) {\n display: flex;\n justify-content: flex-end;\n }\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/\n @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n * @slot tertiary - Slot for tertiary button\n /\n@Component({\n tag: \"stzh-actions\",\n styleUrl: \"stzh-actions.scss\",\n shadow: true,\n})\nexport class StzhActions {\n /* Variant determining what position the action buttons are /\n @Prop({ reflect: true }) variant: \"form\" \| \"dialog\" \| \"process\" \| \"search\" = \"form\";\n\n /* Whether to split tertiary and primary/secondary from each other (left and right). */\n @Prop({ reflect: true }) spaceBetween: boolean = false;\n\n @Element() element: HTMLStzhActionsElement;\n\n private observer: MutationObserver;\n\n private init = () => {\n const secondaryButtons = this.element.querySelectorAll(\n 'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button',\n );\n\n const tertiaryButtons = this.element.querySelectorAll(\n 'stzh-button[slot=\"tertiary\"], [slot=\"tertiary\"] stzh-button',\n );\n\n secondaryButtons.forEach(button => {\n setPropsIfNull(button, {\n variant: \"secondary\",\n } as HTMLStzhButtonElement);\n });\n\n tertiaryButtons.forEach(button => {\n setPropsIfNull(button, {\n variant: \"tertiary\",\n } as HTMLStzhButtonElement);\n });\n };\n\n connectedCallback() {\n this.init();\n\n this.observer = new MutationObserver(this.init);\n this.observer.observe(this.element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n }\n\n render() {\n const classes = {\n \"stzh-actions\": true,\n \"stzh-actions--space-between\": this.spaceBetween,\n [`stzh-actions--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host space-between={this.spaceBetween}>\n <div class={classes}>\n <div class=\"stzh-actions__actions\" role=\"group\">\n <div class=\"stzh-actions__tertiary-actions\">\n <slot name=\"tertiary\"></slot>\n </div>\n <div class=\"stzh-actions__wrapper\">\n <div class=\"stzh-actions__secondary-actions\">\n <slot name=\"secondary\"></slot>\n </div>\n <div class=\"stzh-actions__primary-actions\">\n <slot name=\"primary\"></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-63ba178a.js → p-98aa0418.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, F as Fragment, d as Host } from './p-8f01554b.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './p-f4adb3cd.js';
-import { d as defineCustomElement$3 } from './p-17efbc57.js';
-import { d as defineCustomElement$2 } from './p-5a8587ab.js';
-import { d as defineCustomElement$1 } from './p-0ac64574.js';
+import { d as defineCustomElement$3 } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$2 } from './p-7c4e756c.js';
+import { d as defineCustomElement$1 } from './p-111f7e01.js';
 const stzhBathstatusItemCss = ".sc-stzh-bathstatus-item-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-bathstatus-item-h,[stzh-hidden].sc-stzh-bathstatus-item-h{display:none}.sc-stzh-bathstatus-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::before,.sc-stzh-bathstatus-item-h *.sc-stzh-bathstatus-item::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-bathstatus-item-h .has-focus.sc-stzh-bathstatus-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item{outline-style:none !important}.sc-stzh-bathstatus-item-h .stzh-fylingfocus-focused.sc-stzh-bathstatus-item::-moz-focus-inner{border:0 !important}.stzh-bathstatus-item.sc-stzh-bathstatus-item{background-color:var(--stzh-color-grey10);padding-top:var(--stzh-space-xlarge);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-large)}.stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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-bathstatus-item__title.sc-stzh-bathstatus-item{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)}@media screen and (min-width: 900px){.stzh-bathstatus-item__title.sc-stzh-bathstatus-item{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)}}.stzh-bathstatus-item-container.sc-stzh-bathstatus-item{display:grid;grid-template-columns:max-content 1fr;gap:var(--stzh-space-small) var(--stzh-space-xlarge);align-items:center}.stzh-bathstatus-item-key.sc-stzh-bathstatus-item{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);color:var(--stzh-color-grey70)}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__title.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--teaser.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item{margin-bottom:var(--stzh-space-medium)}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-small);padding-right:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-small);padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item{padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item__description.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-key.sc-stzh-bathstatus-item,.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-uv-index-prediction.sc-stzh-bathstatus-item{display:none}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-container.sc-stzh-bathstatus-item{grid-template-columns:repeat(4, minmax(0, 1fr))}.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}@media screen and (min-width: 900px){.stzh-bathstatus-item--list.sc-stzh-bathstatus-item .stzh-bathstatus-item-value.sc-stzh-bathstatus-item{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)}}";
 const StzhBathstatusItemStyle0 = stzhBathstatusItemCss;
@@ -114,4 +114,4 @@ function defineCustomElement() {
 export { StzhBathstatusItem as S, defineCustomElement as d };
-//# sourceMappingURL=p-63ba178a.js.map
+//# sourceMappingURL=p-98aa0418.js.map

package/dist/components/{p-63ba178a.js.map → p-98aa0418.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-63ba178a.js","mappings":"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","names":[],"sources":["src/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.scss?tag=stzh-bathstatus-item&encapsulation=scoped","src/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-bathstatus-item {\n background-color: var(--stzh-color-grey10);\n padding-top: var(--stzh-space-xlarge);\n padding-right: var(--stzh-space-large);\n padding-bottom: var(--stzh-space-xlarge);\n padding-left: var(--stzh-space-large);\n\n &__description,\n &-value {\n @include fontSize(\"milli\");\n }\n\n &__title {\n @include fontSize(\"milli\");\n\n @include mq($from: medium) {\n @include fontSize(\"centi\");\n }\n }\n\n &-container {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: var(--stzh-space-small) var(--stzh-space-xlarge);\n align-items: center;\n }\n\n &-key {\n @include fontSize(\"nano\");\n color: var(--stzh-color-grey70);\n }\n\n /** Variant teaser /\n\n &--teaser &__title {\n display: none;\n }\n\n &--teaser &__description {\n margin-bottom: var(--stzh-space-medium);\n }\n\n /* Variant list /\n\n &--list {\n padding-top: var(--stzh-space-small);\n padding-right: var(--stzh-space-xsmall);\n padding-bottom: var(--stzh-space-small);\n padding-left: var(--stzh-space-xsmall);\n\n @include mq($from: medium) {\n padding-top: var(--stzh-space-medium);\n padding-right: var(--stzh-space-large);\n padding-bottom: var(--stzh-space-medium);\n padding-left: var(--stzh-space-large);\n }\n }\n\n &--list &__description,\n &--list &-key,\n &--list &-uv-index-prediction {\n display: none;\n }\n\n &--list &-container {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n &--list &-value {\n @include fontSize(\"micro\");\n\n @include mq($from: medium) {\n @include fontSize(\"milli\");\n }\n }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { StzhBathstatusItemData, StzhLocaleAdapter } from \"../../../index\";\nimport { StzhBathstatusItemLocalizedText } from \"./stzh-bathstatus-item.localization\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\n/\n \n /\n@Component({\n tag: \"stzh-bathstatus-item\",\n styleUrl: \"stzh-bathstatus-item.scss\",\n scoped: true,\n})\nexport class StzhBathstatusItem {\n /* Translation strings /\n @Prop() localization: StzhBathstatusItemLocalizedText;\n\n /* Variant /\n @Prop() variant: \"teaser\" \| \"list\" = \"teaser\";\n\n /* Bathstatus item /\n @Prop() item: StzhBathstatusItemData \| string = \"\";\n private _item: StzhBathstatusItemData \| undefined;\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhBathstatusItemElement;\n\n @State() isMedium: boolean;\n\n @Watch(\"item\")\n itemWatcher(newValue: StzhBathstatusItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private mediaChangeHandler = () => {\n this.isMedium = media(\"medium\").matches;\n };\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n private getParsedDate(dateStr: string): Date \| null {\n const parsedDate = new Date(dateStr);\n if (isNaN(parsedDate.getTime())) {\n return null;\n }\n return parsedDate;\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"bathstatus-item\");\n }\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n connectedCallback() {\n this.init();\n this.mediaChangeHandler();\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const classes = {\n \"stzh-bathstatus-item\": true,\n [`stzh-bathstatus-item--${this.variant}`]: true,\n };\n\n return (\n <Host>\n <div class={classes}>\n {!!this._item.description && <div class=\"stzh-bathstatus-item__description\">{this._item.description}</div>}\n <div class=\"stzh-bathstatus-item-container\">\n <stzh-link\n class=\"stzh-bathstatus-item__title\"\n size=\"default\"\n textAlign={\"left\"}\n href={this._item.url}\n label={this._item.title}\n ></stzh-link>\n {!!this._item.temp && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.temperature}</div>\n <div class=\"stzh-bathstatus-item-value\">{this._item.temp}</div>\n </Fragment>\n )}\n {!!this._item.statusMessage && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.status}</div>\n <div class=\"stzh-bathstatus-item-value\">{this._item.statusMessage}</div>\n </Fragment>\n )}\n {!!this._item.lastUpdate && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.lastUpdate}</div>\n <div class=\"stzh-bathstatus-item-value\">\n {this.isMedium ? (\n <Fragment>\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"datetimeLong\")}\n </Fragment>\n ) : (\n <Fragment>\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"dateInput\")}{\" \"}\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"time\")}\n </Fragment>\n )}\n </div>\n </Fragment>\n )}\n {!!this._item.uvIndexPrediction && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.uvIndexPrediction}</div>\n <div class=\"stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction\">\n <img\n src={`${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`}\n alt={\"UV Index\" + this._item.uvIndexPrediction}\n />\n </div>\n </Fragment>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-98aa0418.js","mappings":"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","names":[],"sources":["src/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.scss?tag=stzh-bathstatus-item&encapsulation=scoped","src/components/CMS/stzh-bathstatus-item/stzh-bathstatus-item.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-bathstatus-item {\n background-color: var(--stzh-color-grey10);\n padding-top: var(--stzh-space-xlarge);\n padding-right: var(--stzh-space-large);\n padding-bottom: var(--stzh-space-xlarge);\n padding-left: var(--stzh-space-large);\n\n &__description,\n &-value {\n @include fontSize(\"milli\");\n }\n\n &__title {\n @include fontSize(\"milli\");\n\n @include mq($from: medium) {\n @include fontSize(\"centi\");\n }\n }\n\n &-container {\n display: grid;\n grid-template-columns: max-content 1fr;\n gap: var(--stzh-space-small) var(--stzh-space-xlarge);\n align-items: center;\n }\n\n &-key {\n @include fontSize(\"nano\");\n color: var(--stzh-color-grey70);\n }\n\n /** Variant teaser /\n\n &--teaser &__title {\n display: none;\n }\n\n &--teaser &__description {\n margin-bottom: var(--stzh-space-medium);\n }\n\n /* Variant list /\n\n &--list {\n padding-top: var(--stzh-space-small);\n padding-right: var(--stzh-space-xsmall);\n padding-bottom: var(--stzh-space-small);\n padding-left: var(--stzh-space-xsmall);\n\n @include mq($from: medium) {\n padding-top: var(--stzh-space-medium);\n padding-right: var(--stzh-space-large);\n padding-bottom: var(--stzh-space-medium);\n padding-left: var(--stzh-space-large);\n }\n }\n\n &--list &__description,\n &--list &-key,\n &--list &-uv-index-prediction {\n display: none;\n }\n\n &--list &-container {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n\n &--list &-value {\n @include fontSize(\"micro\");\n\n @include mq($from: medium) {\n @include fontSize(\"milli\");\n }\n }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { StzhBathstatusItemData, StzhLocaleAdapter } from \"../../../index\";\nimport { StzhBathstatusItemLocalizedText } from \"./stzh-bathstatus-item.localization\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\n/\n \n /\n@Component({\n tag: \"stzh-bathstatus-item\",\n styleUrl: \"stzh-bathstatus-item.scss\",\n scoped: true,\n})\nexport class StzhBathstatusItem {\n /* Translation strings /\n @Prop() localization: StzhBathstatusItemLocalizedText;\n\n /* Variant /\n @Prop() variant: \"teaser\" \| \"list\" = \"teaser\";\n\n /* Bathstatus item /\n @Prop() item: StzhBathstatusItemData \| string = \"\";\n private _item: StzhBathstatusItemData \| undefined;\n\n /\n Date adapter, for custom parsing/formatting.\n * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n * and a `format` function which accepts a `Date` and returns a `string`.\n */\n @Prop() dateAdapter: StzhLocaleAdapter;\n\n @Element() element: HTMLStzhBathstatusItemElement;\n\n @State() isMedium: boolean;\n\n @Watch(\"item\")\n itemWatcher(newValue: StzhBathstatusItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private mediaChangeHandler = () => {\n this.isMedium = media(\"medium\").matches;\n };\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n private getParsedDate(dateStr: string): Date \| null {\n const parsedDate = new Date(dateStr);\n if (isNaN(parsedDate.getTime())) {\n return null;\n }\n return parsedDate;\n }\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"bathstatus-item\");\n }\n if (!this.dateAdapter) {\n this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n this.localization.$formats,\n this.localization.$globals,\n );\n }\n }\n\n connectedCallback() {\n this.init();\n this.mediaChangeHandler();\n addMediaChangeListener(this.mediaChangeHandler);\n }\n\n disconnectedCallback() {\n removeMediaChangeListener(this.mediaChangeHandler);\n }\n\n render() {\n const classes = {\n \"stzh-bathstatus-item\": true,\n [`stzh-bathstatus-item--${this.variant}`]: true,\n };\n\n return (\n <Host>\n <div class={classes}>\n {!!this._item.description && <div class=\"stzh-bathstatus-item__description\">{this._item.description}</div>}\n <div class=\"stzh-bathstatus-item-container\">\n <stzh-link\n class=\"stzh-bathstatus-item__title\"\n size=\"default\"\n textAlign={\"left\"}\n href={this._item.url}\n label={this._item.title}\n ></stzh-link>\n {!!this._item.temp && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.temperature}</div>\n <div class=\"stzh-bathstatus-item-value\">{this._item.temp}</div>\n </Fragment>\n )}\n {!!this._item.statusMessage && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.status}</div>\n <div class=\"stzh-bathstatus-item-value\">{this._item.statusMessage}</div>\n </Fragment>\n )}\n {!!this._item.lastUpdate && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.lastUpdate}</div>\n <div class=\"stzh-bathstatus-item-value\">\n {this.isMedium ? (\n <Fragment>\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"datetimeLong\")}\n </Fragment>\n ) : (\n <Fragment>\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"dateInput\")}{\" \"}\n {this.dateAdapter.format(this.getParsedDate(this._item.lastUpdate), \"time\")}\n </Fragment>\n )}\n </div>\n </Fragment>\n )}\n {!!this._item.uvIndexPrediction && (\n <Fragment>\n <div class=\"stzh-bathstatus-item-key\">{this.localization.uvIndexPrediction}</div>\n <div class=\"stzh-bathstatus-item-value stzh-bathstatus-item-uv-index-prediction\">\n <img\n src={`${window.stzhComponents.pathMedia}/uvindex/uvindex_${this._item.uvIndexPrediction}.gif`}\n alt={\"UV Index\" + this._item.uvIndexPrediction}\n />\n </div>\n </Fragment>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-375d74b5.js → p-9aff1354.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
 import { h as hasSlot } from './p-289f5de2.js';
 import { S as StzhInputDescription } from './p-a2148b9d.js';
-import { d as defineCustomElement$3 } from './p-5a8587ab.js';
-import { d as defineCustomElement$2 } from './p-6268e18b.js';
-import { d as defineCustomElement$1 } from './p-9a31aa56.js';
+import { d as defineCustomElement$3 } from './p-7c4e756c.js';
+import { d as defineCustomElement$2 } from './p-963d59bf.js';
+import { d as defineCustomElement$1 } from './p-63c4d8c4.js';
 const stzhRadioCss = ".sc-stzh-radio-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-radio-h,[stzh-hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::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-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio{outline-style:none !important}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio::-moz-focus-inner{border:0 !important}.sc-stzh-radio-h{--label-color:var(--stzh-radio-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-radio-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(\n    --stzh-radio-label-hover-checked-color,\n    var(--stzh-color-primary90)\n  );display:inline-block}[disabled].sc-stzh-radio-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radio.sc-stzh-radio{display:grid}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radio__marker-text.sc-stzh-radio{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-radio__description-wrapper.sc-stzh-radio{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error60)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-radio__description-long.sc-stzh-radio{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radio__description-long.sc-stzh-radio{margin-top:0}}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-button.sc-stzh-radio{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxxsmall)}.stzh-radio__field-wrapper.sc-stzh-radio{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);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:\"\"}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--stzh-color-primary70);width:1rem;height:1rem;border-radius:50%;opacity:0;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-radio__check.sc-stzh-radio{background-color:ButtonText}}.stzh-radio__label.sc-stzh-radio{--stzh-base-color:initial;display:inline-block;color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__marker.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--label-hover-color)}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--label-hover-checked-color)}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-color)}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-checked-color)}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-error60)}.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-error60)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-grey60)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--stzh-color-grey50)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--stzh-color-grey50)}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__mark.sc-stzh-radio{background-color:var(--stzh-color-grey20)}";
 const StzhRadioStyle0 = stzhRadioCss;
@@ -126,11 +126,11 @@ const StzhRadio = /*@__PURE__*/ proxyCustomElement(class StzhRadio extends H {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: '2f8fff62a87c26c3a81f42c9141406c719ad61e2', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ec176f68fc957a9965f168fb1755c41d247afaaf', class: classes }, h("label", { key: 'f17a7080cdda68f63133764d8f233027bc195255', class: "stzh-radio__field-wrapper" }, h("input", { key: 'b658d1751710374ea66196ff605cbd40c7f47db1', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '499aa68aee3a45dfaa065fbeca6f3bc34d700045', class: "stzh-radio__mark" }, h("div", { key: 'e8f8d4362955378e80cefdb4a9a0fef65c2ecb4e', class: "stzh-radio__check" })), h("div", { key: 'c3dc4b21bdf5d6ea3106e60806f6ce5aa2f46759', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '57dc05a8d644fb76c3fd68c763b340584bf0e9de', class: "stzh-radio__marker" }, h("span", { key: '596577fec87f901690e7aa9a60e75f762288e5f1', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'e997f5598308f6e849e701332254a007ee70c796', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '5dcba80ffa955361dcaf7736c6eb445d25011ca5', class: classes }, h("label", { key: 'd5c4d7de15f5adaf9d6e1997106fa28353b69e3f', class: "stzh-radio__field-wrapper" }, h("input", { key: '9abc5a9bfe6a31e3f7c39ffaec6afdf87e13cdf6', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: this.value, disabled: this.disabled, "aria-describedby": `${this.inputId}-description ${this.a11yDescribedby}`, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid ? "true" : "false", checked: this.checked, defaultChecked: this.defaultChecked, onInput: this.onInput, onFocus: this.onFocus, onBlur: this.onBlur }), h("div", { key: '98abe1979b176794a02761930e63f22529c29874', class: "stzh-radio__mark" }, h("div", { key: 'd1ee472681b0159144e8b025643ba54c6a45ada9', class: "stzh-radio__check" })), h("div", { key: '1ec316ef5f49de5d67699ff1d10024d4cf34d0d7', class: "stzh-radio__label" }, this.label ? this.label : h("slot", null), !this.hideOptional && (h("span", { key: '229f962e86ea3418ef9d0801917ac702229a0a0e', class: "stzh-radio__marker" }, h("span", { key: '7dac367b3b26e543d722a7cdc0e7017a37c48f0e', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '83c37d88f8f67d8139c17d49de05ba516eeac19f', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd21bc0969efd02afca82b0ced1497ed1a25a4032', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '0b1f5c9c4afe3f1579a4655f12048630baecac47', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
+            : this.localization.$globals.optionalFieldText))))), (errorUsed || this.description) && (h(StzhInputDescription, { key: '52d2504afac8cc23808e9e2f38d759bd13023fb7', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -187,4 +187,4 @@ function defineCustomElement() {
 export { StzhRadio as S, defineCustomElement as d };
-//# sourceMappingURL=p-375d74b5.js.map
+//# sourceMappingURL=p-9aff1354.js.map

package/dist/components/{p-375d74b5.js.map → p-9aff1354.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-375d74b5.js","mappings":"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","names":[],"sources":["src/components/stzh-radio/stzh-radio.scss?tag=stzh-radio&encapsulation=scoped","src/components/stzh-radio/stzh-radio.tsx"],"sourcesContent":[":host {\n --label-color: var(--stzh-radio-label-color, #{$baseColor});\n --label-hover-color: var(--stzh-radio-label-hover-color, #{$colorPrimary70});\n --label-hover-checked-color: var(\n --stzh-radio-label-hover-checked-color,\n #{$colorPrimary90}\n );\n\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radio {\n @include input-description;\n display: grid;\n\n &__field-wrapper {\n @include fontSize(\"milli\");\n position: relative;\n display: flex;\n user-select: none;\n cursor: pointer;\n }\n\n &__input {\n @include visuallyhiddenInput;\n border-radius: $formInputBorderRadius;\n }\n\n &__mark {\n @include radio__mark();\n }\n\n &__check {\n @include radio__check();\n }\n\n &__label {\n --stzh-base-color: initial;\n\n display: inline-block;\n color: var(--label-color);\n transition: color $baseTransitionAnimationSpeed;\n margin-left: space(\"small\");\n line-height: 24px;\n\n &:empty {\n display: none;\n }\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n /* Hover / Focus / Checked /\n\n &:hover &__label,\n &__input:checked ~ &__label {\n color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__label,\n &__input:checked:hover ~ &__mark &__check {\n color: var(--label-hover-checked-color);\n }\n\n &:hover &__mark,\n &__input:checked ~ &__mark {\n border-color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__mark {\n border-color: var(--label-hover-checked-color);\n }\n\n &__input:checked ~ &__mark &__check {\n opacity: 1;\n }\n\n / Invalid /\n\n &--is-invalid &__input ~ &__label,\n &--is-invalid &__input ~ &__mark &__check {\n color: $colorError60;\n }\n\n &--is-invalid &__input ~ &__mark {\n border-color: $colorError60;\n }\n\n / Disabled /\n\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $colorGrey60;\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n color: $colorGrey50;\n }\n\n &--is-disabled &__input ~ &__mark {\n border-color: $colorGrey50;\n }\n\n &--is-disabled &__mark {\n background-color: $colorGrey20;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 0;\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radio\",\n styleUrl: \"stzh-radio.scss\",\n scoped: true,\n})\nexport class StzhRadio {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* The value of the input element /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Input change event /\n @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n /* Input focus event /\n @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\n\n private onInput = (event: InputEvent) => {\n this.checked = this.input.checked;\n this.stzhChange.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n value: this.value,\n checked: this.checked,\n });\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.input.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n });\n };\n\n async componentWillLoad() {\n this.inputId = `stzh-radio-${radioCounter++}`;\n this.errorWatcher(this.error);\n\n this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radio\");\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const classes = {\n \"stzh-radio\": true,\n \"stzh-radio--has-description\": descriptionUsed,\n \"stzh-radio--has-description-long\": descriptionLongUsed,\n \"stzh-radio--has-error\": errorUsed,\n \"stzh-radio--is-required\": this.required,\n \"stzh-radio--is-invalid\": this.invalid \|\| errorUsed,\n \"stzh-radio--is-disabled\": this.disabled,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <label class=\"stzh-radio__field-wrapper\">\n <input\n class=\"stzh-radio__input\"\n ref={el => (this.input = el as HTMLInputElement)}\n type=\"radio\"\n id={this.inputId}\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid ? \"true\" : \"false\"}\n checked={this.checked}\n defaultChecked={this.defaultChecked}\n onInput={this.onInput}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <div class=\"stzh-radio__mark\">\n <div class=\"stzh-radio__check\"></div>\n </div>\n <div class=\"stzh-radio__label\">\n {this.label ? this.label : <slot></slot>}\n {!this.hideOptional && (\n <span class=\"stzh-radio__marker\">\n <span class=\"stzh-radio__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radio__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </div>\n </label>\n {(errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radio\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-9aff1354.js","mappings":"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","names":[],"sources":["src/components/stzh-radio/stzh-radio.scss?tag=stzh-radio&encapsulation=scoped","src/components/stzh-radio/stzh-radio.tsx"],"sourcesContent":[":host {\n --label-color: var(--stzh-radio-label-color, #{$baseColor});\n --label-hover-color: var(--stzh-radio-label-hover-color, #{$colorPrimary70});\n --label-hover-checked-color: var(\n --stzh-radio-label-hover-checked-color,\n #{$colorPrimary90}\n );\n\n display: inline-block;\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radio {\n @include input-description;\n display: grid;\n\n &__field-wrapper {\n @include fontSize(\"milli\");\n position: relative;\n display: flex;\n user-select: none;\n cursor: pointer;\n }\n\n &__input {\n @include visuallyhiddenInput;\n border-radius: $formInputBorderRadius;\n }\n\n &__mark {\n @include radio__mark();\n }\n\n &__check {\n @include radio__check();\n }\n\n &__label {\n --stzh-base-color: initial;\n\n display: inline-block;\n color: var(--label-color);\n transition: color $baseTransitionAnimationSpeed;\n margin-left: space(\"small\");\n line-height: 24px;\n\n &:empty {\n display: none;\n }\n }\n\n &__marker {\n @include fontSize(\"micro\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n /* Hover / Focus / Checked /\n\n &:hover &__label,\n &__input:checked ~ &__label {\n color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__label,\n &__input:checked:hover ~ &__mark &__check {\n color: var(--label-hover-checked-color);\n }\n\n &:hover &__mark,\n &__input:checked ~ &__mark {\n border-color: var(--label-hover-color);\n }\n\n &__input:checked:hover ~ &__mark {\n border-color: var(--label-hover-checked-color);\n }\n\n &__input:checked ~ &__mark &__check {\n opacity: 1;\n }\n\n / Invalid /\n\n &--is-invalid &__input ~ &__label,\n &--is-invalid &__input ~ &__mark &__check {\n color: $colorError60;\n }\n\n &--is-invalid &__input ~ &__mark {\n border-color: $colorError60;\n }\n\n / Disabled /\n\n &--is-disabled &__field-wrapper {\n cursor: not-allowed;\n }\n\n &--is-disabled &__input ~ &__label {\n color: $colorGrey60;\n }\n\n &--is-disabled &__input ~ &__mark &__check {\n color: $colorGrey50;\n }\n\n &--is-disabled &__input ~ &__mark {\n border-color: $colorGrey50;\n }\n\n &--is-disabled &__mark {\n background-color: $colorGrey20;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet radioCounter = 0;\n\n/\n @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radio\",\n styleUrl: \"stzh-radio.scss\",\n scoped: true,\n})\nexport class StzhRadio {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input element /\n @Prop({ reflect: true }) name: string = \"\";\n\n /* The value of the input element /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Checked status /\n @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n /* Default checked (used by reset) /\n @Prop({ mutable: true }) defaultChecked: boolean;\n\n /* Label /\n @Prop() label: string = \"\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) /\n @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n /* Input change event /\n @Event() stzhChange: EventEmitter<StzhRadioChangeEvent>;\n\n /* Input focus event /\n @Event() stzhFocus: EventEmitter<StzhRadioFocusEvent>;\n\n /* Input blur event */\n @Event() stzhBlur: EventEmitter<StzhRadioBlurEvent>;\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Element() element: HTMLStzhRadioElement;\n\n private input: HTMLInputElement;\n private inputId: string;\n private focusedByInput: boolean = false;\n\n private handleReset = async () => {\n this.checked = this.defaultChecked;\n };\n\n private onInput = (event: InputEvent) => {\n this.checked = this.input.checked;\n this.stzhChange.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n value: this.value,\n checked: this.checked,\n });\n };\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.input.focus();\n }\n\n this.focusedByInput = false;\n };\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n });\n };\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false,\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-radio\",\n originalEvent: event,\n });\n };\n\n async componentWillLoad() {\n this.inputId = `stzh-radio-${radioCounter++}`;\n this.errorWatcher(this.error);\n\n this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radio\");\n }\n }\n\n render() {\n const descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n const errorUsed = hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n\n const classes = {\n \"stzh-radio\": true,\n \"stzh-radio--has-description\": descriptionUsed,\n \"stzh-radio--has-description-long\": descriptionLongUsed,\n \"stzh-radio--has-error\": errorUsed,\n \"stzh-radio--is-required\": this.required,\n \"stzh-radio--is-invalid\": this.invalid \|\| errorUsed,\n \"stzh-radio--is-disabled\": this.disabled,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n <div class={classes}>\n <label class=\"stzh-radio__field-wrapper\">\n <input\n class=\"stzh-radio__input\"\n ref={el => (this.input = el as HTMLInputElement)}\n type=\"radio\"\n id={this.inputId}\n name={this.name}\n value={this.value}\n disabled={this.disabled}\n aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n aria-required={this.required ? \"true\" : \"false\"}\n aria-invalid={this.invalid ? \"true\" : \"false\"}\n checked={this.checked}\n defaultChecked={this.defaultChecked}\n onInput={this.onInput}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n />\n <div class=\"stzh-radio__mark\">\n <div class=\"stzh-radio__check\"></div>\n </div>\n <div class=\"stzh-radio__label\">\n {this.label ? this.label : <slot></slot>}\n {!this.hideOptional && (\n <span class=\"stzh-radio__marker\">\n <span class=\"stzh-radio__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radio__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </div>\n </label>\n {(errorUsed \|\| this.description) && (\n <StzhInputDescription\n classPrefix=\"stzh-radio\"\n id={`${this.inputId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-46d253ca.js → p-a0023430.js} RENAMED Viewed

@@ -17,9 +17,9 @@ const StzhCell = /*@__PURE__*/ proxyCustomElement(class StzhCell extends H {
         this.alignSelf = "auto";
     }
     render() {
-        return (h(Host, { key: '6fe9071d3033ed60a0c13ed372d5b5a1f2269908' }, h("div", { key: 'aece425d8ae25c7287b3b5d5e043466f5a0a0e9c', class: {
+        return (h(Host, { key: '36b1b52578f1376aaa2bb9ece69e9f6b9a6b3cc8' }, h("div", { key: '05ffd2740396f6d0f83edeb0a7a6bf74650021d5', class: {
                 "stzh-cell": true,
-            } }, h("slot", { key: '26f157b5d4727e1116e2f887dbd36682c001c3c2' }))));
+            } }, h("slot", { key: '234b9e17c0a533f5866f9989a7a12fe8f109b95d' }))));
     }
     static get style() { return StzhCellStyle0; }
 }, [1, "stzh-cell", {
@@ -47,4 +47,4 @@ function defineCustomElement() {
 export { StzhCell as S, defineCustomElement as d };
-//# sourceMappingURL=p-46d253ca.js.map
+//# sourceMappingURL=p-a0023430.js.map

package/dist/components/{p-46d253ca.js.map → p-a0023430.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~46d253ca~~.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0yNAA0yN,CAAC;AAC/zN,uBAAe,WAAW;;MCWb,QAAQ;;;;;;;;;;qBAaoD,MAAM;yBAGtB,MAAM;;IAE7D,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DACE,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;aAClB,IAED,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n // couldn't use cell-span and calcuate the with with css calc\n // since IE was calculating the width wrongly with certain viewport widths\n // so calculating it with sass and using the width directly\n --cell-width: 100%;\n\n max-width: 100%;\n width: var(--cell-width);\n flex-basis: var(--cell-width);\n flex-shrink: 0;\n}\n\n/* Align variants /\n\n:host([align=\"left\"]) {\n margin-right: auto;\n}\n\n:host([align=\"right\"]) {\n margin-left: auto;\n}\n\n:host([align=\"middle\"]) {\n margin-left: auto;\n margin-right: auto;\n}\n\n/ Align self variants /\n\n:host([align-self=\"start\"]) {\n align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"]) {\n @include mq($from: $breakpoint) {\n --cell-width: #{calc(100% / ($gridCells / $i))};\n }\n }\n } @else {\n :host([span=\"#{$i}\"]) {\n --cell-width: #{calc(100% / ($gridCells / $i))};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n height: 100%;\n padding-left: calc(#{$gridGutter} / 2);\n padding-right: calc(#{$gridGutter} / 2);\n\n @include mq($from: small) {\n padding-left: calc(#{$gridGutterSmall} / 2);\n padding-right: calc(#{$gridGutterSmall} / 2);\n }\n\n @include mq($from: medium) {\n padding-left: calc(#{$gridGutterMedium} / 2);\n padding-right: calc(#{$gridGutterMedium} / 2);\n }\n\n @include mq($from: large) {\n padding-left: calc(#{$gridGutterLarge} / 2);\n padding-right: calc(#{$gridGutterLarge} / 2);\n }\n\n @include mq($from: ultra) {\n padding-left: calc(#{$gridGutterUltra} / 2);\n padding-right: calc(#{$gridGutterUltra} / 2);\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-cell\",\n styleUrl: \"stzh-cell.scss\",\n shadow: true,\n})\nexport class StzhCell {\n /* Default span of each cell /\n @Prop({ reflect: true }) span: number;\n /* Default span of each cell above small breakpoint /\n @Prop({ reflect: true }) spanSmall: number;\n /* Default span of each cell above medium breakpoint /\n @Prop({ reflect: true }) spanMedium: number;\n /* Default span of each cell above large breakpoint /\n @Prop({ reflect: true }) spanLarge: number;\n /* Default span of each cell above ultra breakpoint /\n @Prop({ reflect: true }) spanUltra: number;\n\n /* Controlling how cell is aligned in main axis (sets margin: auto to left/right side) /\n @Prop({ reflect: true }) align: \"none\" \| \"left\" \| \"right\" \| \"middle\" = \"none\";\n\n /* Control how cells items are positioned along a container's cross axis */\n @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-cell\": true,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-a0023430.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0yNAA0yN,CAAC;AAC/zN,uBAAe,WAAW;;MCWb,QAAQ;;;;;;;;;;qBAaoD,MAAM;yBAGtB,MAAM;;IAE7D,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DACE,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;aAClB,IAED,8DAAa,CACT,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/stzh-cell/stzh-cell.scss?tag=stzh-cell&encapsulation=shadow","src/components/stzh-cell/stzh-cell.tsx"],"sourcesContent":[":host {\n // couldn't use cell-span and calcuate the with with css calc\n // since IE was calculating the width wrongly with certain viewport widths\n // so calculating it with sass and using the width directly\n --cell-width: 100%;\n\n max-width: 100%;\n width: var(--cell-width);\n flex-basis: var(--cell-width);\n flex-shrink: 0;\n}\n\n/* Align variants /\n\n:host([align=\"left\"]) {\n margin-right: auto;\n}\n\n:host([align=\"right\"]) {\n margin-left: auto;\n}\n\n:host([align=\"middle\"]) {\n margin-left: auto;\n margin-right: auto;\n}\n\n/ Align self variants /\n\n:host([align-self=\"start\"]) {\n align-self: flex-start;\n}\n\n:host([align-self=\"end\"]) {\n align-self: flex-end;\n}\n\n:host([align-self=\"center\"]) {\n align-self: center;\n}\n\n:host([align-self=\"baseline\"]) {\n align-self: baseline;\n}\n\n:host([align-self=\"stretch\"]) {\n align-self: stretch;\n}\n\n@mixin cellProps($breakpoint: null) {\n @for $i from 1 through $gridCells {\n @if $breakpoint {\n :host([span-#{$breakpoint}=\"#{$i}\"]) {\n @include mq($from: $breakpoint) {\n --cell-width: #{calc(100% / ($gridCells / $i))};\n }\n }\n } @else {\n :host([span=\"#{$i}\"]) {\n --cell-width: #{calc(100% / ($gridCells / $i))};\n }\n }\n }\n}\n\n@include cellProps();\n\n@each $breakpoint, $size in $breakpoints {\n @include cellProps($breakpoint);\n}\n\n.stzh-cell {\n height: 100%;\n padding-left: calc(#{$gridGutter} / 2);\n padding-right: calc(#{$gridGutter} / 2);\n\n @include mq($from: small) {\n padding-left: calc(#{$gridGutterSmall} / 2);\n padding-right: calc(#{$gridGutterSmall} / 2);\n }\n\n @include mq($from: medium) {\n padding-left: calc(#{$gridGutterMedium} / 2);\n padding-right: calc(#{$gridGutterMedium} / 2);\n }\n\n @include mq($from: large) {\n padding-left: calc(#{$gridGutterLarge} / 2);\n padding-right: calc(#{$gridGutterLarge} / 2);\n }\n\n @include mq($from: ultra) {\n padding-left: calc(#{$gridGutterUltra} / 2);\n padding-right: calc(#{$gridGutterUltra} / 2);\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-cell\",\n styleUrl: \"stzh-cell.scss\",\n shadow: true,\n})\nexport class StzhCell {\n /* Default span of each cell /\n @Prop({ reflect: true }) span: number;\n /* Default span of each cell above small breakpoint /\n @Prop({ reflect: true }) spanSmall: number;\n /* Default span of each cell above medium breakpoint /\n @Prop({ reflect: true }) spanMedium: number;\n /* Default span of each cell above large breakpoint /\n @Prop({ reflect: true }) spanLarge: number;\n /* Default span of each cell above ultra breakpoint /\n @Prop({ reflect: true }) spanUltra: number;\n\n /* Controlling how cell is aligned in main axis (sets margin: auto to left/right side) /\n @Prop({ reflect: true }) align: \"none\" \| \"left\" \| \"right\" \| \"middle\" = \"none\";\n\n /* Control how cells items are positioned along a container's cross axis */\n @Prop({ reflect: true }) alignSelf: Layout.AlignSelf = \"auto\";\n\n render() {\n return (\n <Host>\n <div\n class={{\n \"stzh-cell\": true,\n }}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-3b563957.js → p-a2828d2e.js} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$7 } from './p-17efbc57.js';
-import { d as defineCustomElement$6 } from './p-8436ccb7.js';
-import { d as defineCustomElement$5 } from './p-b9a50363.js';
-import { d as defineCustomElement$4 } from './p-59b494a3.js';
-import { d as defineCustomElement$3 } from './p-5a8587ab.js';
-import { d as defineCustomElement$2 } from './p-0ac64574.js';
-import { d as defineCustomElement$1 } from './p-9a31aa56.js';
+import { d as defineCustomElement$7 } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$6 } from './p-570cd361.js';
+import { d as defineCustomElement$5 } from './p-c5a240bd.js';
+import { d as defineCustomElement$4 } from './p-18196788.js';
+import { d as defineCustomElement$3 } from './p-7c4e756c.js';
+import { d as defineCustomElement$2 } from './p-111f7e01.js';
+import { d as defineCustomElement$1 } from './p-63c4d8c4.js';
 const stzhPoicardCss = ".sc-stzh-poicard-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-poicard-h,[stzh-hidden].sc-stzh-poicard-h{display:none}.sc-stzh-poicard-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-poicard-h *.sc-stzh-poicard,.sc-stzh-poicard-h *.sc-stzh-poicard::before,.sc-stzh-poicard-h *.sc-stzh-poicard::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-poicard-h .has-focus.sc-stzh-poicard{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard{outline-style:none !important}.sc-stzh-poicard-h .stzh-fylingfocus-focused.sc-stzh-poicard::-moz-focus-inner{border:0 !important}.sc-stzh-poicard-h{--background-color:var(--stzh-color-grey10);--hover-background-color:var(--stzh-color-grey20);--title-color:var(--stzh-color-primary70);--title-hover-color:var(--stzh-color-primary80);--title-background-color:var(--stzh-color-secondary20);--title-hover-background-color:var(--stzh-color-secondary30)}.stzh-poicard.sc-stzh-poicard{display:block;background-color:var(--background-color);text-decoration:none;height:100%}.stzh-poicard.sc-stzh-poicard:hover{--title-color:var(--title-hover-color);--title-background-color:var(--title-hover-background-color);--background-color:var(--hover-background-color)}.stzh-poicard__content.sc-stzh-poicard{display:flex;flex-direction:column;gap:var(--stzh-space-small)}.stzh-poicard__content-with-icon.sc-stzh-poicard,.stzh-poicard__content-with-badge.sc-stzh-poicard{display:flex;align-items:center;gap:var(--stzh-space-xxsmall)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-icon.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary70)}.stzh-poicard__content-with-badge.sc-stzh-poicard stzh-text.sc-stzh-poicard{width:auto;--color:var(--stzh-color-grey80)}.stzh-poicard__content-head.sc-stzh-poicard{display:flex;align-items:center;padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-small);--color:var(--title-color);background-color:var(--title-background-color)}.stzh-poicard__content-head.sc-stzh-poicard stzh-icon.sc-stzh-poicard{--color:var(--stzh-color-primary)}.stzh-poicard__content-title.sc-stzh-poicard{width:100%;--color:var(--stzh-color-grey80)}.stzh-poicard.sc-stzh-poicard:hover .stzh-poicard__content-title.sc-stzh-poicard{--color:var(--stzh-color-black)}.stzh-poicard__content-body.sc-stzh-poicard{padding:var(--stzh-space-xsmall) var(--stzh-space-medium) var(--stzh-space-medium);display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}";
 const StzhPoicardStyle0 = stzhPoicardCss;
@@ -42,7 +42,7 @@ const StzhPoicard = /*@__PURE__*/ proxyCustomElement(class StzhPoicard extends H
         const classes = {
             "stzh-poicard": true,
         };
-        return (h(Host, { key: 'fd756d25f714586291f6257e067cdcb3a71d9962' }, h("a", { key: '680220b5958f56db3453c7e6700e3897d4c1d127', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '8fe3116fe188503fd750d2fcc895cc4a03fd461a', class: "stzh-poicard__content" }, h("div", { key: 'dcc00fe19a6f5426888b0ca8a87eb9a8011d1783', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '6c17f47680bab5f9091bcd2a2a42ae03e84272c9' }, this._item.title)), h("div", { key: 'dbf7996c15c0d651018479d2a4cd436c110220a8', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: 'bab8ab3fccdf82457e4383d263015e3e25bf0742', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'b146c076f1c6aa520a6c0eaf6a606a785deba4ab', name: "pin" }), h("stzh-text", { key: '0e41396cf91bff05276fe9da042a5ec97d9676f5' }, this._item.distance))), this._item.temp && (h("div", { key: '2741d9d23e1ccd37e9862ce27d305dbe3b51de5c', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'ba125601a25778d381883e447efffcc3ce8e6ad2', name: "thermometer" }), h("stzh-text", { key: '29ed34c8dd36617a94dc0b9abf0d433be4471b3d' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: '58ce3646878980ba7dc7a4286472c641f2415238', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: '25bb8733b1641ba78b1b3088b9e1387f615692bd', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: 'cab5f3bd34c3db3385bb9352af35c53ca61eb412', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
+        return (h(Host, { key: 'e652ba08e4f3ff94e863df38e310d78e76f44844' }, h("a", { key: 'f3196ec3550cadb829d5e3b7c4f0903917a1ed28', class: classes, href: this._item.url, target: "_blank" }, h("div", { key: '711ab9f916af075a2abad1ff745fa78eaff712ca', class: "stzh-poicard__content" }, h("div", { key: '708aadb932728bcf99508ca0a7bc7a63d2d4db44', class: "stzh-poicard__content-head" }, h("stzh-heading", { key: '7816aec4b6d453de2c50a0c8d459f1b330d0c5e0' }, this._item.title)), h("div", { key: '019d773b7de7150343075ebbcedf255d08c10227', class: "stzh-poicard__content-body" }, this._item.distance && (h("div", { key: '899d1110c0cf90d6186938ee71859ea1e06346dc', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: '27eabbdae6483bfe2cc37e57e09f41e2f6d8e694', name: "pin" }), h("stzh-text", { key: 'b696ad2178e7fa311437ebc8997ed53e369b72de' }, this._item.distance))), this._item.temp && (h("div", { key: '093190a0144b6b225a9e9710ca3d772d133b8c35', class: "stzh-poicard__content-with-icon" }, h("stzh-icon", { key: 'e2406b95acba85c071875a13c91911ea77ea76e9', name: "thermometer" }), h("stzh-text", { key: '49a8bef000e5b6b388423962078ae0dbcc1153ec' }, this._item.temp))), (this._item.statusMessageContent || this._item.statusMessage) && (h("div", { key: '1287e6f948859afc8b077c34cb28c9acaf9e8047', class: "stzh-poicard__content-with-badge" }, this._item.statusMessage && h("stzh-text", { key: '6d73eaae36016d42866cb984667a47051d6b2133', size: "milli" }, this._item.statusMessage), this._item.statusMessageContent && (h("stzh-chip", { key: 'dd79e37445a32b0ae190e3c7cd0350523d967c86', variant: "tag", size: "small", inverted: true, icon: "", type: this._item.success ? "default" : "error", label: this._item.statusMessageContent })))))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -105,4 +105,4 @@ function defineCustomElement() {
 export { StzhPoicard as S, defineCustomElement as d };
-//# sourceMappingURL=p-3b563957.js.map
+//# sourceMappingURL=p-a2828d2e.js.map

package/dist/components/{p-3b563957.js.map → p-a2828d2e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~3b563957~~.js","mappings":";;;;;;;;;AAAA,MAAM,cAAc,GAAG,iiGAAiiG,CAAC;AACzjG,0BAAe,cAAc;;MCUhB,WAAW;;;;QAsBd,SAAI,GAAG;YACb,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC7B,CAAC;oBApB2C,EAAE;;IAI/C,WAAW,CAAC,QAAsC;QAChD,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SACxB;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,IAAI;gBACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACnC;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;SACF;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;SACvB;KACF;IAMD,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;SACrB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,0DAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,IACtD,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,4BAA4B,IACrC,uEAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAgB,CAC3C,EACN,4DAAK,KAAK,EAAC,4BAA4B,IACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAClB,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,kEAAW,IAAI,EAAC,KAAK,GAAa,EAClC,oEAAY,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAa,CACxC,CACP,EAEA,IAAI,CAAC,KAAK,CAAC,IAAI,KACd,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,kEAAW,IAAI,EAAC,aAAa,GAAa,EAC1C,oEAAY,IAAI,CAAC,KAAK,CAAC,IAAI,CAAa,CACpC,CACP,EAEA,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,MAC3D,4DAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,kEAAW,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAa,EAC1F,IAAI,CAAC,KAAK,CAAC,oBAAoB,KAC9B,kEACE,OAAO,EAAC,KAAK,EACb,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,EAAE,EACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAC3B,CACd,CACG,CACP,CACG,CACF,CACJ,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/CMS/stzh-poicard/stzh-poicard.scss?tag=stzh-poicard&encapsulation=scoped","src/components/CMS/stzh-poicard/stzh-poicard.tsx"],"sourcesContent":[":host {\n --background-color: var(--stzh-color-grey10);\n --hover-background-color: var(--stzh-color-grey20);\n --title-color: var(--stzh-color-primary70);\n --title-hover-color: var(--stzh-color-primary80);\n --title-background-color: var(--stzh-color-secondary20);\n --title-hover-background-color: var(--stzh-color-secondary30);\n}\n\n.stzh-poicard {\n display: block;\n background-color: var(--background-color);\n text-decoration: none;\n height: 100%;\n\n &:hover {\n --title-color: var(--title-hover-color);\n --title-background-color: var(--title-hover-background-color);\n --background-color: var(--hover-background-color);\n }\n\n /* Content /\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-small);\n }\n\n &__content-with-icon,\n &__content-with-badge {\n display: flex;\n align-items: center;\n gap: var(--stzh-space-xxsmall);\n }\n\n &__content-with-icon stzh-text {\n width: auto;\n --color: var(--stzh-color-primary70);\n }\n\n &__content-with-icon stzh-icon {\n --color: var(--stzh-color-primary70);\n }\n\n &__content-with-badge stzh-text {\n width: auto;\n --color: var(--stzh-color-grey80);\n }\n\n / Content head /\n\n &__content-head {\n display: flex;\n align-items: center;\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-small);\n --color: var(--title-color);\n background-color: var(--title-background-color);\n }\n\n &__content-head stzh-icon {\n --color: var(--stzh-color-primary);\n }\n\n &__content-title {\n width: 100%;\n --color: var(--stzh-color-grey80);\n }\n\n &:hover &__content-title {\n --color: var(--stzh-color-black);\n }\n\n / Content Body /\n\n &__content-body {\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-medium);\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-xsmall);\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhPoiCardItemData } from \"../../../index\";\n\n/\n \n /\n@Component({\n tag: \"stzh-poicard\",\n styleUrl: \"stzh-poicard.scss\",\n scoped: true,\n})\nexport class StzhPoicard {\n @Element() element: HTMLStzhPoicardElement;\n\n /* Socialmediastream item */\n @Prop() item: StzhPoiCardItemData \| string = \"\";\n private _item: StzhPoiCardItemData \| undefined;\n\n @Watch(\"item\")\n itemWatcher(newValue: StzhPoiCardItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n connectedCallback() {\n this.init();\n }\n\n render() {\n const classes = {\n \"stzh-poicard\": true,\n };\n\n return (\n <Host>\n <a class={classes} href={this._item.url} target=\"_blank\">\n <div class=\"stzh-poicard__content\">\n <div class=\"stzh-poicard__content-head\">\n <stzh-heading>{this._item.title}</stzh-heading>\n </div>\n <div class=\"stzh-poicard__content-body\">\n {this._item.distance && (\n <div class=\"stzh-poicard__content-with-icon\">\n <stzh-icon name=\"pin\"></stzh-icon>\n <stzh-text>{this._item.distance}</stzh-text>\n </div>\n )}\n\n {this._item.temp && (\n <div class=\"stzh-poicard__content-with-icon\">\n <stzh-icon name=\"thermometer\"></stzh-icon>\n <stzh-text>{this._item.temp}</stzh-text>\n </div>\n )}\n\n {(this._item.statusMessageContent \|\| this._item.statusMessage) && (\n <div class=\"stzh-poicard__content-with-badge\">\n {this._item.statusMessage && <stzh-text size=\"milli\">{this._item.statusMessage}</stzh-text>}\n {this._item.statusMessageContent && (\n <stzh-chip\n variant=\"tag\"\n size=\"small\"\n inverted={true}\n icon=\"\"\n type={this._item.success ? \"default\" : \"error\"}\n label={this._item.statusMessageContent}\n ></stzh-chip>\n )}\n </div>\n )}\n </div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-a2828d2e.js","mappings":";;;;;;;;;AAAA,MAAM,cAAc,GAAG,iiGAAiiG,CAAC;AACzjG,0BAAe,cAAc;;MCUhB,WAAW;;;;QAsBd,SAAI,GAAG;YACb,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC7B,CAAC;oBApB2C,EAAE;;IAI/C,WAAW,CAAC,QAAsC;QAChD,IAAI,CAAC,QAAQ,EAAE;YACb,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;SACxB;aAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;YACvC,IAAI;gBACF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;aACnC;YAAC,OAAO,CAAC,EAAE;gBACV,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC;aACxB;SACF;aAAM;YACL,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;SACvB;KACF;IAMD,iBAAiB;QACf,IAAI,CAAC,IAAI,EAAE,CAAC;KACb;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;SACrB,CAAC;QAEF,QACE,EAAC,IAAI,uDACH,0DAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,IACtD,4DAAK,KAAK,EAAC,uBAAuB,IAChC,4DAAK,KAAK,EAAC,4BAA4B,IACrC,uEAAe,IAAI,CAAC,KAAK,CAAC,KAAK,CAAgB,CAC3C,EACN,4DAAK,KAAK,EAAC,4BAA4B,IACpC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAClB,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,kEAAW,IAAI,EAAC,KAAK,GAAa,EAClC,oEAAY,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAa,CACxC,CACP,EAEA,IAAI,CAAC,KAAK,CAAC,IAAI,KACd,4DAAK,KAAK,EAAC,iCAAiC,IAC1C,kEAAW,IAAI,EAAC,aAAa,GAAa,EAC1C,oEAAY,IAAI,CAAC,KAAK,CAAC,IAAI,CAAa,CACpC,CACP,EAEA,CAAC,IAAI,CAAC,KAAK,CAAC,oBAAoB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,MAC3D,4DAAK,KAAK,EAAC,kCAAkC,IAC1C,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,kEAAW,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAa,EAC1F,IAAI,CAAC,KAAK,CAAC,oBAAoB,KAC9B,kEACE,OAAO,EAAC,KAAK,EACb,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,IAAI,EACd,IAAI,EAAC,EAAE,EACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,GAAG,OAAO,EAC9C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,GAC3B,CACd,CACG,CACP,CACG,CACF,CACJ,CACC,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/CMS/stzh-poicard/stzh-poicard.scss?tag=stzh-poicard&encapsulation=scoped","src/components/CMS/stzh-poicard/stzh-poicard.tsx"],"sourcesContent":[":host {\n --background-color: var(--stzh-color-grey10);\n --hover-background-color: var(--stzh-color-grey20);\n --title-color: var(--stzh-color-primary70);\n --title-hover-color: var(--stzh-color-primary80);\n --title-background-color: var(--stzh-color-secondary20);\n --title-hover-background-color: var(--stzh-color-secondary30);\n}\n\n.stzh-poicard {\n display: block;\n background-color: var(--background-color);\n text-decoration: none;\n height: 100%;\n\n &:hover {\n --title-color: var(--title-hover-color);\n --title-background-color: var(--title-hover-background-color);\n --background-color: var(--hover-background-color);\n }\n\n /* Content /\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-small);\n }\n\n &__content-with-icon,\n &__content-with-badge {\n display: flex;\n align-items: center;\n gap: var(--stzh-space-xxsmall);\n }\n\n &__content-with-icon stzh-text {\n width: auto;\n --color: var(--stzh-color-primary70);\n }\n\n &__content-with-icon stzh-icon {\n --color: var(--stzh-color-primary70);\n }\n\n &__content-with-badge stzh-text {\n width: auto;\n --color: var(--stzh-color-grey80);\n }\n\n / Content head /\n\n &__content-head {\n display: flex;\n align-items: center;\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-small);\n --color: var(--title-color);\n background-color: var(--title-background-color);\n }\n\n &__content-head stzh-icon {\n --color: var(--stzh-color-primary);\n }\n\n &__content-title {\n width: 100%;\n --color: var(--stzh-color-grey80);\n }\n\n &:hover &__content-title {\n --color: var(--stzh-color-black);\n }\n\n / Content Body /\n\n &__content-body {\n padding: var(--stzh-space-xsmall) var(--stzh-space-medium)\n var(--stzh-space-medium);\n display: flex;\n flex-direction: column;\n gap: var(--stzh-space-xsmall);\n }\n}\n","import { Component, Element, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhPoiCardItemData } from \"../../../index\";\n\n/\n \n /\n@Component({\n tag: \"stzh-poicard\",\n styleUrl: \"stzh-poicard.scss\",\n scoped: true,\n})\nexport class StzhPoicard {\n @Element() element: HTMLStzhPoicardElement;\n\n /* Socialmediastream item */\n @Prop() item: StzhPoiCardItemData \| string = \"\";\n private _item: StzhPoiCardItemData \| undefined;\n\n @Watch(\"item\")\n itemWatcher(newValue: StzhPoiCardItemData \| string) {\n if (!newValue) {\n this._item = undefined;\n } else if (typeof newValue === \"string\") {\n try {\n this._item = JSON.parse(newValue);\n } catch (e) {\n this._item = undefined;\n }\n } else {\n this._item = newValue;\n }\n }\n\n private init = () => {\n this.itemWatcher(this.item);\n };\n\n connectedCallback() {\n this.init();\n }\n\n render() {\n const classes = {\n \"stzh-poicard\": true,\n };\n\n return (\n <Host>\n <a class={classes} href={this._item.url} target=\"_blank\">\n <div class=\"stzh-poicard__content\">\n <div class=\"stzh-poicard__content-head\">\n <stzh-heading>{this._item.title}</stzh-heading>\n </div>\n <div class=\"stzh-poicard__content-body\">\n {this._item.distance && (\n <div class=\"stzh-poicard__content-with-icon\">\n <stzh-icon name=\"pin\"></stzh-icon>\n <stzh-text>{this._item.distance}</stzh-text>\n </div>\n )}\n\n {this._item.temp && (\n <div class=\"stzh-poicard__content-with-icon\">\n <stzh-icon name=\"thermometer\"></stzh-icon>\n <stzh-text>{this._item.temp}</stzh-text>\n </div>\n )}\n\n {(this._item.statusMessageContent \|\| this._item.statusMessage) && (\n <div class=\"stzh-poicard__content-with-badge\">\n {this._item.statusMessage && <stzh-text size=\"milli\">{this._item.statusMessage}</stzh-text>}\n {this._item.statusMessageContent && (\n <stzh-chip\n variant=\"tag\"\n size=\"small\"\n inverted={true}\n icon=\"\"\n type={this._item.success ? \"default\" : \"error\"}\n label={this._item.statusMessageContent}\n ></stzh-chip>\n )}\n </div>\n )}\n </div>\n </div>\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-2f38d899.js → p-ab25d4da.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-8f01554b.js';
-import { d as defineCustomElement$5 } from './p-17efbc57.js';
-import { d as defineCustomElement$4 } from './p-683460a5.js';
-import { d as defineCustomElement$3 } from './p-5a8587ab.js';
-import { d as defineCustomElement$2 } from './p-0ac64574.js';
-import { d as defineCustomElement$1 } from './p-e87822db.js';
+import { d as defineCustomElement$5 } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$4 } from './p-479db6c6.js';
+import { d as defineCustomElement$3 } from './p-7c4e756c.js';
+import { d as defineCustomElement$2 } from './p-111f7e01.js';
+import { d as defineCustomElement$1 } from './p-8d606617.js';
 const stzhCardlistCss = ".sc-stzh-cardlist-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-cardlist-h,[stzh-hidden].sc-stzh-cardlist-h{display:none}.sc-stzh-cardlist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-cardlist-h *.sc-stzh-cardlist,.sc-stzh-cardlist-h *.sc-stzh-cardlist::before,.sc-stzh-cardlist-h *.sc-stzh-cardlist::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-cardlist-h .has-focus.sc-stzh-cardlist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist{outline-style:none !important}.sc-stzh-cardlist-h .stzh-fylingfocus-focused.sc-stzh-cardlist::-moz-focus-inner{border:0 !important}.sc-stzh-cardlist-h{--description-color:var(--stzh-cardlist-description-color, inherit);--background-color:var(--stzh-cardlist-background-color, inherit)}.stzh-cardlist__cards.sc-stzh-cardlist{display:grid;gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-grid-gutter-ultra)}}.stzh-cardlist__header.sc-stzh-cardlist{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start}@media screen and (min-width: 900px){.stzh-cardlist__header.sc-stzh-cardlist{flex-direction:row}}.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist__footer.sc-stzh-cardlist:not(:empty){margin-top:var(--stzh-space-xxlarge)}}.stzh-cardlist__description.sc-stzh-cardlist{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);--stzh-icon-color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist{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-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-cardlist__description.sc-stzh-cardlist:not(:empty){margin-bottom:0}}.stzh-cardlist__description.sc-stzh-cardlist-s>stzh-heading,.stzh-cardlist__description .sc-stzh-cardlist-s>stzh-heading{--color:var(--description-color)}.stzh-cardlist__switch.sc-stzh-cardlist{--color:inherit;align-self:end}.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist.sc-stzh-cardlist:has(.stzh-cardlist__description:not(:empty)) .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--has-toggle-link.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist{margin-bottom:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){row-gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation:not([has-lead])),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:0}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation:not([has-lead])){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-card-navigation[has-lead]),.stzh-cardlist--layout-subpages.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist:has(stzh-pi-content-navigation[has-lead]){grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{row-gap:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(4, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.stzh-cardlist--max-3-cols.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{grid-template-columns:repeat(3, minmax(0, 1fr))}}.stzh-cardlist--layout-searchresults.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-fullwidth.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{gap:var(--stzh-space-xxlarge)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{background-color:var(--background-color);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));padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist{padding-bottom:var(--stzh-space-xbig)}}.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__header.sc-stzh-cardlist,.stzh-cardlist--layout-pi-teasers.sc-stzh-cardlist .stzh-cardlist__cards.sc-stzh-cardlist{margin-left:auto;margin-right:auto;max-width:84.25rem}}";
 const StzhCardlistStyle0 = stzhCardlistCss;
@@ -92,7 +92,7 @@ const StzhCardlist = /*@__PURE__*/ proxyCustomElement(class StzhCardlist extends
             "stzh-cardlist--max-3-cols": this.isStzhAnchornavVisible || this.max3Columns,
             [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,
         };
-        return (h(Host, { key: 'f31abf75db257f1ba545eae7f9549855142e45ee' }, h("div", { key: '96e429ac8b4fdcd3715bc63f22564f484bb99031', class: classes }, h("div", { key: '4e9c16b12ed21e4119bec5dc7ec8568681f1be99', class: "stzh-cardlist__header" }, h("div", { key: 'c8d14af7a5f68db60b82e63112314cdb95224c61', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: '4784ee4f76e0ec7ba1c200de7265769eb45e7bdd', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: 'dcb79be71478be55363807f378edea0e464bc809', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: 'eb3857b28525d3f0bf4c337b32038df5c1191af3', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '05e742b84855d89a7a04301af06afcddda632cad' }))), h("div", { key: '4895a6b165ff757a1c57800ae1556eb73179efd2', class: "stzh-cardlist__footer" }, h("stzh-container", { key: '541bbb3bf1c5f8f8677f39835ec47d7f2bb9b392' }, h("slot", { key: '5c9113d56decf94da3c0653bb2ee60ad9122822b', name: "footer" }))))));
+        return (h(Host, { key: 'dd5316c1f306951f130f204e951296ed5b3abff1' }, h("div", { key: '7611cb1ab5de29edfc59372d62feebcbb22ce60e', class: classes }, h("div", { key: 'c4e81a7f047679fa3f1c049c18cb3b1424fee30d', class: "stzh-cardlist__header" }, h("div", { key: 'ff80154539417734e5027b0598327d97c420c2be', class: "stzh-cardlist__description" }, this.description ? this.description : h("slot", { name: "description" })), this.showToggleLink && (h("stzh-link", { key: '756c5adb98e94cb636274d642449323a1ea16bf5', class: "stzh-cardlist__switch", icon: this.allCollapsed ? "list-expanded" : "list-shrinked", label: this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll, onClick: this.collapseClick }))), h("stzh-sortable", { key: '46a6eea318db227006b01d356c50c72f02c27d85', disabled: !this.sortableEnabled, dataIdAttribute: this.sortableDataIdAttribute, ghostClone: this.sortableGhostClone }, h("div", { key: '080ef0e0daca8159474dd98515b2d2636f64a5d2', class: "stzh-cardlist__cards", role: "list" }, h("slot", { key: '2877167582196e17abea39372d09e8bd03709e05' }))), h("div", { key: '0929b5f71bfc15fcfe36fe5bbb8c7f9a0b9cad5d', class: "stzh-cardlist__footer" }, h("stzh-container", { key: 'c331aeb44d10456c88605d474fcea51924c27b22' }, h("slot", { key: '8e4c8be038c7b1d407702dcf6022f20d3f7432c6', name: "footer" }))))));
     }
     get element() { return this; }
     static get style() { return StzhCardlistStyle0; }
@@ -148,4 +148,4 @@ function defineCustomElement() {
 export { StzhCardlist as S, defineCustomElement as d };
-//# sourceMappingURL=p-2f38d899.js.map
+//# sourceMappingURL=p-ab25d4da.js.map

package/dist/components/{p-2f38d899.js.map → p-ab25d4da.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-2f38d899.js","mappings":"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","names":[],"sources":["src/components/stzh-cardlist/stzh-cardlist.scss?tag=stzh-cardlist&encapsulation=scoped","src/components/stzh-cardlist/stzh-cardlist.tsx"],"sourcesContent":[":host {\n --description-color: var(--stzh-cardlist-description-color, inherit);\n --background-color: var(--stzh-cardlist-background-color, inherit);\n}\n\n.stzh-cardlist {\n &__cards {\n display: grid;\n gap: $gridGutter;\n\n @include mq($from: small) {\n gap: $gridGutterSmall;\n }\n\n @include mq($from: medium) {\n gap: $gridGutterMedium;\n }\n\n @include mq($from: large) {\n gap: $gridGutterLarge;\n }\n\n @include mq($from: ultra) {\n gap: $gridGutterUltra;\n }\n }\n\n &__header {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: medium) {\n // was smallheader before\n flex-direction: row;\n }\n }\n\n &__footer:not(:empty) {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__description {\n @include fontCurve(\"p1\");\n --stzh-icon-color: #{$colorPrimary70};\n\n &:not(:empty) {\n margin-bottom: space(\"xsmall\");\n\n @include mq($from: medium) {\n // was smallheader before\n margin-bottom: 0;\n }\n }\n\n ::slotted(stzh-heading) {\n --color: var(--description-color);\n }\n }\n\n &__switch {\n --color: inherit;\n align-self: end;\n }\n\n /* Has content inside header /\n\n &:has(#{&}__description:not(:empty)) &__header,\n &--has-toggle-link &__header {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n / Subpages layout variant /\n\n &--layout-subpages &__cards:has(stzh-card-navigation:not([has-lead])),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include spaceCurve(\"row-gap\", \"tiny\");\n\n @include mq($from: medium) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n }\n\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n &--layout-subpages &__cards:has(stzh-card-navigation[has-lead]),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation[has-lead]) {\n @include spaceCurve(\"row-gap\", \"regular\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Teasers and Pi Teasers layout variant /\n\n &--layout-teasers &__cards,\n &--layout-pi-teasers &__cards {\n @include spaceCurve(\"row-gap\", \"medium\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: medium) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n &--layout-teasers#{&}--max-3-cols &__cards,\n &--layout-pi-teasers#{&}--max-3-cols &__cards {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Searchresults layout variant /\n\n &--layout-searchresults &__cards {\n gap: space(\"xlarge\");\n }\n\n / Fullwidth layout variant (e.g. for MeinKonto dashboard) /\n\n &--layout-fullwidth &__cards {\n @include spaceCurve(\"gap\", \"regular\");\n }\n\n / Pi Teasers variant /\n &--layout-pi-teasers {\n background-color: var(--background-color);\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 @include spaceCurve(\"padding-top\", \"big\");\n @include spaceCurve(\"padding-bottom\", \"big\");\n }\n\n &--layout-pi-teasers &__header,\n &--layout-pi-teasers &__cards {\n @include container();\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from \"@stencil/core\";\n\nimport { StzhCardlistCollapseAllEvent } from \"../../index\";\nimport { StzhCardlistLocalizedText } from \"./stzh-cardlist.localization\";\n\n/\n @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n * @slot footer - Slot for footer elements\n /\n@Component({\n tag: \"stzh-cardlist\",\n styleUrl: \"stzh-cardlist.scss\",\n scoped: true,\n})\nexport class StzhCardlist {\n /* Translation strings /\n @Prop() localization: StzhCardlistLocalizedText;\n\n @Prop({ reflect: true }) layout: \"fullwidth\" \| \"searchresults\" \| \"subpages\" \| \"teasers\" \| \"pi-teasers\" = \"fullwidth\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Whether collapse/expand toggle link /\n @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n /* Whether sorting should be enabled /\n @Prop() sortableEnabled: boolean = false;\n\n /* HTML attribute that is used by the `toArray()` of sortable method /\n @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n /* Force maximum 3 columns layout instead of 4 /\n @Prop() max3Columns: boolean = false;\n\n @Element() element: HTMLStzhCardlistElement;\n\n /* Collapse all event */\n @Event() stzhCollapseAll: EventEmitter<StzhCardlistCollapseAllEvent>;\n\n @Listen(\"stzhCollapse\")\n collapseListener() {\n this.updateCollapsedState();\n }\n\n @State() allCollapsed: boolean = false;\n @State() isStzhAnchornavVisible: boolean = false;\n\n private collapseClick = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n cards.forEach(card => {\n if (card.collapsible) {\n card.collapsed = !this.allCollapsed;\n }\n });\n\n this.allCollapsed = !this.allCollapsed;\n\n this.stzhCollapseAll.emit({\n component: \"stzh-cardlist\",\n allCollapsed: this.allCollapsed,\n });\n };\n\n private updateCollapsedState = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n this.allCollapsed = !cards.some(card => !card.collapsed);\n };\n\n private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n // const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n // if (\n // clonedStzhElement\n // && originalStzhElement\n // && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n // ) {\n // const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n // const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n // // copy every property that is not reflected to its attribute\n // clonedStzhElementCard.heading = originalStzhElementCard.heading;\n // clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n // clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n // clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n // clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n // }\n\n // return clonedElement;\n\n const card =\n dragElement.tagName.toLowerCase() === \"stzh-card\" ? dragElement : dragElement.querySelector(\"stzh-card\");\n\n if (card) {\n const originalElement = dragElement as HTMLStzhCardElement;\n const clonedElement = dragElement.cloneNode(true) as HTMLStzhCardElement;\n\n // copy every property that is not reflected to its attribute\n clonedElement.heading = originalElement.heading;\n clonedElement.subtitle = originalElement.subtitle;\n clonedElement.headerActions = originalElement.headerActions;\n clonedElement.footerActions = originalElement.footerActions;\n clonedElement.hideMovementActions = originalElement.hideMovementActions;\n\n return clonedElement;\n }\n };\n\n async componentWillLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"cardlist\");\n }\n }\n\n componentDidLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n this.updateCollapsedState();\n }\n\n render() {\n const classes = {\n \"stzh-cardlist\": true,\n \"stzh-cardlist--has-toggle-link\": this.showToggleLink,\n \"stzh-cardlist--max-3-cols\": this.isStzhAnchornavVisible \|\| this.max3Columns,\n [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-cardlist__header\">\n <div class=\"stzh-cardlist__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n {this.showToggleLink && (\n <stzh-link\n class=\"stzh-cardlist__switch\"\n icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n onClick={this.collapseClick}\n ></stzh-link>\n )}\n </div>\n\n <stzh-sortable\n disabled={!this.sortableEnabled}\n dataIdAttribute={this.sortableDataIdAttribute}\n ghostClone={this.sortableGhostClone}\n >\n <div class=\"stzh-cardlist__cards\" role=\"list\">\n <slot></slot>\n </div>\n </stzh-sortable>\n\n <div class=\"stzh-cardlist__footer\">\n <stzh-container>\n <slot name=\"footer\"></slot>\n </stzh-container>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-ab25d4da.js","mappings":"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","names":[],"sources":["src/components/stzh-cardlist/stzh-cardlist.scss?tag=stzh-cardlist&encapsulation=scoped","src/components/stzh-cardlist/stzh-cardlist.tsx"],"sourcesContent":[":host {\n --description-color: var(--stzh-cardlist-description-color, inherit);\n --background-color: var(--stzh-cardlist-background-color, inherit);\n}\n\n.stzh-cardlist {\n &__cards {\n display: grid;\n gap: $gridGutter;\n\n @include mq($from: small) {\n gap: $gridGutterSmall;\n }\n\n @include mq($from: medium) {\n gap: $gridGutterMedium;\n }\n\n @include mq($from: large) {\n gap: $gridGutterLarge;\n }\n\n @include mq($from: ultra) {\n gap: $gridGutterUltra;\n }\n }\n\n &__header {\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n align-items: flex-start;\n\n @include mq($from: medium) {\n // was smallheader before\n flex-direction: row;\n }\n }\n\n &__footer:not(:empty) {\n @include spaceCurve(\"margin-top\", \"regular\");\n }\n\n &__description {\n @include fontCurve(\"p1\");\n --stzh-icon-color: #{$colorPrimary70};\n\n &:not(:empty) {\n margin-bottom: space(\"xsmall\");\n\n @include mq($from: medium) {\n // was smallheader before\n margin-bottom: 0;\n }\n }\n\n ::slotted(stzh-heading) {\n --color: var(--description-color);\n }\n }\n\n &__switch {\n --color: inherit;\n align-self: end;\n }\n\n /* Has content inside header /\n\n &:has(#{&}__description:not(:empty)) &__header,\n &--has-toggle-link &__header {\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n / Subpages layout variant /\n\n &--layout-subpages &__cards:has(stzh-card-navigation:not([has-lead])),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include spaceCurve(\"row-gap\", \"tiny\");\n\n @include mq($from: medium) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n padding-left: 0;\n }\n }\n\n &--layout-subpages &__cards:has(stzh-pi-content-navigation:not([has-lead])) {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n &--layout-subpages &__cards:has(stzh-card-navigation[has-lead]),\n &--layout-subpages &__cards:has(stzh-pi-content-navigation[has-lead]) {\n @include spaceCurve(\"row-gap\", \"regular\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Teasers and Pi Teasers layout variant /\n\n &--layout-teasers &__cards,\n &--layout-pi-teasers &__cards {\n @include spaceCurve(\"row-gap\", \"medium\");\n\n @include mq($from: small) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n @include mq($from: medium) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n\n @include mq($from: large) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n\n &--layout-teasers#{&}--max-3-cols &__cards,\n &--layout-pi-teasers#{&}--max-3-cols &__cards {\n @include mq($from: large) {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n }\n\n / Searchresults layout variant /\n\n &--layout-searchresults &__cards {\n gap: space(\"xlarge\");\n }\n\n / Fullwidth layout variant (e.g. for MeinKonto dashboard) /\n\n &--layout-fullwidth &__cards {\n @include spaceCurve(\"gap\", \"regular\");\n }\n\n / Pi Teasers variant /\n &--layout-pi-teasers {\n background-color: var(--background-color);\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 @include spaceCurve(\"padding-top\", \"big\");\n @include spaceCurve(\"padding-bottom\", \"big\");\n }\n\n &--layout-pi-teasers &__header,\n &--layout-pi-teasers &__cards {\n @include container();\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State } from \"@stencil/core\";\n\nimport { StzhCardlistCollapseAllEvent } from \"../../index\";\nimport { StzhCardlistLocalizedText } from \"./stzh-cardlist.localization\";\n\n/\n @slot - Slot for `stzh-card` elements\n * @slot description - Slot for description\n * @slot footer - Slot for footer elements\n /\n@Component({\n tag: \"stzh-cardlist\",\n styleUrl: \"stzh-cardlist.scss\",\n scoped: true,\n})\nexport class StzhCardlist {\n /* Translation strings /\n @Prop() localization: StzhCardlistLocalizedText;\n\n @Prop({ reflect: true }) layout: \"fullwidth\" \| \"searchresults\" \| \"subpages\" \| \"teasers\" \| \"pi-teasers\" = \"fullwidth\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Whether collapse/expand toggle link /\n @Prop({ reflect: true }) showToggleLink: boolean = false;\n\n /* Whether sorting should be enabled /\n @Prop() sortableEnabled: boolean = false;\n\n /* HTML attribute that is used by the `toArray()` of sortable method /\n @Prop() sortableDataIdAttribute: string = \"data-id\";\n\n /* Force maximum 3 columns layout instead of 4 /\n @Prop() max3Columns: boolean = false;\n\n @Element() element: HTMLStzhCardlistElement;\n\n /* Collapse all event */\n @Event() stzhCollapseAll: EventEmitter<StzhCardlistCollapseAllEvent>;\n\n @Listen(\"stzhCollapse\")\n collapseListener() {\n this.updateCollapsedState();\n }\n\n @State() allCollapsed: boolean = false;\n @State() isStzhAnchornavVisible: boolean = false;\n\n private collapseClick = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n cards.forEach(card => {\n if (card.collapsible) {\n card.collapsed = !this.allCollapsed;\n }\n });\n\n this.allCollapsed = !this.allCollapsed;\n\n this.stzhCollapseAll.emit({\n component: \"stzh-cardlist\",\n allCollapsed: this.allCollapsed,\n });\n };\n\n private updateCollapsedState = () => {\n const cards = Array.from(this.element.querySelectorAll(\"stzh-card\"));\n this.allCollapsed = !cards.some(card => !card.collapsed);\n };\n\n private sortableGhostClone: Function = (dragElement: HTMLElement) => {\n // const [clonedElement, clonedStzhElement, originalStzhElement] = cloneWrappedStzhElement(dragElement);\n\n // if (\n // clonedStzhElement\n // && originalStzhElement\n // && clonedStzhElement.tagName.toLowerCase() === \"stzh-card\"\n // ) {\n // const clonedStzhElementCard: HTMLStzhCardElement = clonedStzhElement as HTMLStzhCardElement;\n // const originalStzhElementCard: HTMLStzhCardElement = originalStzhElement as HTMLStzhCardElement;\n\n // // copy every property that is not reflected to its attribute\n // clonedStzhElementCard.heading = originalStzhElementCard.heading;\n // clonedStzhElementCard.subtitle = originalStzhElementCard.subtitle;\n // clonedStzhElementCard.headerActions = originalStzhElementCard.headerActions;\n // clonedStzhElementCard.footerActions = originalStzhElementCard.footerActions;\n // clonedStzhElementCard.hideMovementActions = originalStzhElementCard.hideMovementActions;\n // }\n\n // return clonedElement;\n\n const card =\n dragElement.tagName.toLowerCase() === \"stzh-card\" ? dragElement : dragElement.querySelector(\"stzh-card\");\n\n if (card) {\n const originalElement = dragElement as HTMLStzhCardElement;\n const clonedElement = dragElement.cloneNode(true) as HTMLStzhCardElement;\n\n // copy every property that is not reflected to its attribute\n clonedElement.heading = originalElement.heading;\n clonedElement.subtitle = originalElement.subtitle;\n clonedElement.headerActions = originalElement.headerActions;\n clonedElement.footerActions = originalElement.footerActions;\n clonedElement.hideMovementActions = originalElement.hideMovementActions;\n\n return clonedElement;\n }\n };\n\n async componentWillLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"cardlist\");\n }\n }\n\n componentDidLoad() {\n this.isStzhAnchornavVisible =\n document.documentElement.style.getPropertyValue(\"--stzh-anchornav-is-visible\") === \"1\";\n this.updateCollapsedState();\n }\n\n render() {\n const classes = {\n \"stzh-cardlist\": true,\n \"stzh-cardlist--has-toggle-link\": this.showToggleLink,\n \"stzh-cardlist--max-3-cols\": this.isStzhAnchornavVisible \|\| this.max3Columns,\n [`stzh-cardlist--layout-${this.layout}`]: !!this.layout,\n };\n\n return (\n <Host>\n <div class={classes}>\n <div class=\"stzh-cardlist__header\">\n <div class=\"stzh-cardlist__description\">\n {this.description ? this.description : <slot name=\"description\"></slot>}\n </div>\n {this.showToggleLink && (\n <stzh-link\n class=\"stzh-cardlist__switch\"\n icon={this.allCollapsed ? \"list-expanded\" : \"list-shrinked\"}\n label={this.allCollapsed ? this.localization.expandAll : this.localization.collapseAll}\n onClick={this.collapseClick}\n ></stzh-link>\n )}\n </div>\n\n <stzh-sortable\n disabled={!this.sortableEnabled}\n dataIdAttribute={this.sortableDataIdAttribute}\n ghostClone={this.sortableGhostClone}\n >\n <div class=\"stzh-cardlist__cards\" role=\"list\">\n <slot></slot>\n </div>\n </stzh-sortable>\n\n <div class=\"stzh-cardlist__footer\">\n <stzh-container>\n <slot name=\"footer\"></slot>\n </stzh-container>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-ef6cfd1f.js → p-aeb5dbdc.js} RENAMED Viewed

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { s as setPropsIfNull, h as hasSlot } from './p-289f5de2.js';
 import { w as waitForEvent } from './p-70ec7e79.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-2c0bec3e.js';
-import { d as defineCustomElement$3 } from './p-17efbc57.js';
-import { d as defineCustomElement$2 } from './p-e42121d1.js';
-import { d as defineCustomElement$1 } from './p-5a8587ab.js';
+import { d as defineCustomElement$3 } from './p-dd1c0c0c.js';
+import { d as defineCustomElement$2 } from './p-4a78990f.js';
+import { d as defineCustomElement$1 } from './p-7c4e756c.js';
 const stzhToastCss = ":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{pointer-events:all;--label-font-family:var(--stzh-toast-label-font-family);--label-font-weight:var(--stzh-toast-label-font-weight);--label-font-style:var(--stzh-toast-label-font-style);--label-color:var(--stzh-toast-label-color);--background-color:var(--stzh-toast-background-color);--close-color:var(--stzh-toast-close-color);--button-color:var(--stzh-toast-button-color);--icon-color:var(--stzh-toast-icon-color)}:host([type=success]){--icon-color:var(--stzh-toast-success-icon-color)}:host([type=warning]){--icon-color:var(--stzh-toast-warning-icon-color)}:host([type=error]){--icon-color:var(--stzh-toast-error-icon-color)}.stzh-toast{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius);transition:background-color var(--stzh-base-transition-animation-speed);}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-toast{border:0.0625rem solid Highlight}}.stzh-toast__content{flex-grow:1;display:flex;gap:var(--stzh-space-small);padding:var(--stzh-space-medium)}.stzh-toast__icon-wrapper{flex-shrink:0;display:flex}.stzh-toast__icon{color:var(--icon-color)}.stzh-toast__text-wrapper{flex-grow:1}.stzh-toast__label{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(--label-color);font-family:var(--label-font-family);font-weight:var(--label-font-weight);font-style:var(--label-font-style);transition:color var(--stzh-base-transition-animation-speed);padding-right:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-toast__label{padding-right:var(--stzh-space-xxxlarge)}}.stzh-toast__close-wrapper{flex-shrink:0}.stzh-toast__link{--stzh-button-tertiary-color:var(--button-color);display:flex;justify-content:flex-end}.stzh-toast__close[variant=tertiary]{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-toast--has-link .stzh-toast__label:not(:empty)+.stzh-toast__link{margin-top:var(--stzh-space-xsmall)}";
 const StzhToastStyle0 = stzhToastCss;
@@ -176,10 +176,10 @@ const StzhToast = /*@__PURE__*/ proxyCustomElement(class StzhToast extends H {
             "stzh-toast--has-close-hidden": this.hideClose,
             [`stzh-toast--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'c91c2a462c58051f784c95e14a1bdc9b2b54eac1' }, h("div", { key: '97de4754a19b043980938fa11c79455ab9d70870', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '49b0c65564de552a72cb07ce4f15b2d6e8e5d58d', class: "stzh-toast__content" }, h("div", { key: 'cadad11688227fac42e7e58245f4373c3e37d1e9', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: '45808e4ce5f61aac856be9aca28fa0739f458006', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
+        return (h(Host, { key: 'feda086cea30bbc52cfea339f87173e0398915de' }, h("div", { key: '792ae294ee842086d5c1eed357cf06e7987b7ff1', ref: el => (this.rootElement = el), class: classes }, h("div", { key: '2cc591d5129ae91b512945833009372162edc57d', class: "stzh-toast__content" }, h("div", { key: 'b80eee232999f58aec00968ce636b7709936e70c', class: "stzh-toast__icon-wrapper" }, h("stzh-icon", { key: '935ecd5ca7c885621e85b0680ddb77de4e112aa6', class: "stzh-toast__icon", name: (this.type === "info" && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), h("div", { key: '3b773117531a6eefe0c58396f9f56375fd78dffb', class: "stzh-toast__text-wrapper" }, h("div", { key: 'aa51433d6e395c51edfd295d2db1eb28c7822984', class: "stzh-toast__label" }, this.label), h("div", { key: '366563de8fe942b708e8138a1188d41cc92d4bde', class: "stzh-toast__link" }, h("slot", { key: 'ed6a7e9c56d5290380dfdad17ee4737a47c46ec7', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '6a3a3fa4eb23df864b253285902d759943ae62f7', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: '0bf67ac0c4f0444188f941b464ad815b303cd7b0', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
+                (this.type === "error" && "warning-filled") })), h("div", { key: '7d3b99d765aaff5fc3e2941b30ef68e8b0df070a', class: "stzh-toast__text-wrapper" }, h("div", { key: 'ef7ac9faaefc5598bacc86043c9ec5c60d02c9b9', class: "stzh-toast__label" }, this.label), h("div", { key: 'f0fabf10763fbd16a8faca64317ed7e9848df286', class: "stzh-toast__link" }, h("slot", { key: 'e35cc4180b2476275cbc1d91ea9df22acb298ddc', name: "link", onSlotchange: this.handleLinkSlotchange })))), !this.hideClose && (h("div", { key: '8a15292db588f29463226d5588f8cbb25da14258', class: "stzh-toast__close-wrapper" }, h("stzh-button", { key: 'c4d43207f27d1654619f97f14ead667cb98970b2', class: "stzh-toast__close", onClick: this.onCloseButtonClick, label: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" }))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -229,4 +229,4 @@ function defineCustomElement() {
 export { StzhToast as S, defineCustomElement as d };
-//# sourceMappingURL=p-ef6cfd1f.js.map
+//# sourceMappingURL=p-aeb5dbdc.js.map