npm - @oiz/stzh-components - Versions diffs - 4.12.2 → 4.13.0-beta1 - Mend

@oiz/stzh-components 4.12.2 → 4.13.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 (1023) hide show

package/dist/esm/stzh-cta.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-cta.entry.js","sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n --stzh-flyingfocus-color: #{$colorWhite};\n\n --background-color: var(--stzh-cta-background-color, #{$ctaBackgroundColor});\n --heading-color: #{$colorWhite};\n --lead-color: #{$colorWhite};\n --sticky-background-color: var(--background-color);\n --button-color: var(--stzh-cta-button-color, #{$colorWhite});\n --button-background-color: var(\n --stzh-cta-button-background-color,\n #{$colorPrimary70}\n );\n --button-border-radius: #{$buttonBorderRadius};\n\n --hover-button-color: var(--stzh-cta-hover-button-color, #{$colorWhite});\n --hover-button-background-color: var(\n --stzh-cta-hover-button-background-color,\n #{$colorSecondary60}\n );\n\n --stuck-background-color: #{$colorGrey10};\n --stuck-heading-color: #{$colorPrimary70};\n --stuck-lead-color: #{$baseColor};\n --stuck-sticky-background-color: var(--background-color);\n\n --grid-template-areas: var(--stzh-cta-grid-template-areas, \"cta cta cta cta\");\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumns}\n );\n\n @media print {\n display: none;\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @include mq($from: large) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n );\n }\n\n &[size=\"small\"] {\n --button-background-color: transparent;\n --button-color: var(--stzh-color-white);\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n\n --stuck-background-color: var(--background-color);\n\n @include mq($from: small) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta\"\n );\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n }\n }\n}\n\n@keyframes stzh-cta-effect {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateX(0);\n }\n\n 40% {\n transform: translateX(-8px);\n }\n\n 60% {\n transform: translateX(-4px);\n }\n}\n\n.stzh-cta {\n @include font(\"heavy\");\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__wrapper {\n grid-area: cta;\n background-color: var(--background-color);\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n background-color: var(--stuck-background-color);\n }\n\n &__heading,\n &__lead {\n transition-property: color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:not(:empty) {\n @include spaceCurve(\"margin-left\", \"medium\");\n @include spaceCurve(\"margin-right\", \"medium\");\n @include spaceCurve(\"margin-bottom\", \"medium\");\n\n @include mq($from: small) {\n margin-bottom: space(\"xxlarge\");\n }\n\n @include mq($from: medium) {\n margin-bottom: space(\"xxxlarge\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"xxxxlarge\");\n }\n }\n }\n\n &__heading {\n @include fontCurve(\"h2\", \"heading\");\n color: var(--heading-color);\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n color: var(--stuck-heading-color);\n }\n\n &__lead {\n @include fontCurve(\"p1\");\n color: var(--lead-color);\n\n &:not(:empty) {\n @include spaceCurve(\"padding-top\", \"small\");\n }\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n color: var(--stuck-lead-color);\n }\n\n &__button {\n @include font(\"heavy\");\n @include fontSize(\"centi\");\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n appearance: none;\n border: none;\n text-decoration: none;\n border-radius: var(--button-border-radius);\n color: var(--button-color);\n background-color: var(--button-background-color);\n gap: space(\"xsmall\");\n transition-property:\n width, height, min-height, color, background-color, font-size, padding;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: auto;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n @include fontSize(\"milli\");\n\n @include mq($from: medium) {\n @include fontSize(\"centi\");\n }\n }\n\n &__button-text {\n display: block;\n }\n\n &__button-icon {\n --size: #{iconSize(\"medium\")};\n }\n\n &__button:hover &__button-icon {\n animation: stzh-cta-effect 1s;\n }\n\n &__sticky {\n @include spaceCurve(\"--padding-left\", \"medium\");\n @include spaceCurve(\"--padding-right\", \"medium\");\n --padding-top: #{space(\"large\")};\n --padding-bottom: #{space(\"large\")};\n --background-color: var(--sticky-background-color);\n --stuck-background-color: var(--stuck-sticky-background-color);\n --stuck-padding-left: 0px;\n --stuck-padding-right: 0px;\n\n display: block;\n }\n\n &__buttons {\n display: flex;\n gap: space(\"medium\");\n }\n\n /* Has lead variant /\n\n &--has-lead &__heading {\n margin-bottom: 0;\n }\n\n / Default variant; has heading, lead or multiple buttons /\n\n &--size-default &__wrapper {\n padding-top: space(\"large\");\n padding-bottom: space(\"large\");\n\n @include mq($from: small) {\n @include spaceCurve(\"padding-top\", \"large\");\n @include spaceCurve(\"padding-bottom\", \"large\");\n }\n }\n\n &--size-default &__button {\n padding: space(\"xsmall\") space(\"xlarge\");\n min-height: $formInputHeight;\n }\n\n &--size-default &__button-icon {\n @include mq($to: small) {\n display: none;\n }\n }\n\n &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n min-height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n min-height: $formInputHeight;\n }\n }\n\n &--size-default &__sticky {\n margin-top: calc(var(--padding-top) / -1);\n margin-bottom: calc(var(--padding-bottom) / -1);\n }\n\n / Small variant; has no heading, lead or multiple buttons /\n\n &--size-small &__button {\n width: 100%;\n max-width: 100%;\n gap: space(\"medium\");\n\n &.is-placeholder {\n width: auto;\n max-width: none;\n visibility: hidden;\n position: absolute;\n pointer-events: none;\n }\n }\n\n &--size-small\n &__sticky[is-stuck]:not([is-stuck=\"false\"])\n &__button:not(.is-placeholder) {\n width: var(--button-width, auto);\n }\n\n &--size-small &__button-icon {\n --size: #{iconSize(\"large\")};\n }\n\n &--size-small &__sticky {\n @include spaceCurve(\"--padding-top\", \"large\");\n @include spaceCurve(\"--padding-bottom\", \"large\");\n\n &[is-stuck]:not([is-stuck=\"false\"]) {\n @include spaceCurve(\"--padding-top\", \"medium\");\n @include spaceCurve(\"--padding-bottom\", \"medium\");\n }\n }\n\n / Not loaded /\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded &__wrapper,\n &--is-not-loaded &__heading,\n &--is-not-loaded &__lead,\n &--is-not-loaded &__button {\n transition-duration: 0ms;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/\n @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n /\n@Component({\n tag: \"stzh-cta\",\n styleUrl: \"stzh-cta.scss\",\n scoped: true,\n})\nexport class StzhCta {\n /* Heading /\n @Prop() heading: string = \"\";\n\n /* Lead /\n @Prop() lead: string = \"\";\n\n /* Button Label /\n @Prop() label: string = \"\";\n\n /* Button link /\n @Prop() href: string = \"\";\n\n /\n Whether sticky button is disabled.\n * Will be set to true automatically on,\n * when more than one cta is on the page.\n /\n @Prop() stickyDisabled: boolean = true;\n\n @State() loaded: boolean = false;\n\n @Element() element: HTMLStzhCtaElement;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n /* Blur event /\n @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n /* Click event */\n @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n private button: HTMLButtonElement \| HTMLAnchorElement;\n private placeholderButton: HTMLElement;\n private debounceResize: number;\n private focusedByInput: boolean = false;\n private placeholderButtonResizeObserver: ResizeObserver;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.button.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-cta\",\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-cta\",\n originalEvent: event,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-cta\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private handlePlaceholderButtonResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n };\n\n private updateButtonWidthByResize = () => {\n if (!this.placeholderButton) {\n return;\n }\n\n const { width } = this.placeholderButton.getBoundingClientRect();\n this.element.style.setProperty(\"--button-width\", `${width}px`);\n };\n\n componentDidLoad() {\n this.stickyDisabled = counter > 1;\n\n this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n if (this.placeholderButton) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.updateButtonWidthByResize();\n\n window.setTimeout(() => {\n this.loaded = true;\n }, 250);\n });\n });\n }\n\n componentDidRender() {\n if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n }\n\n connectedCallback() {\n counter = counter + 1;\n }\n\n disconnectedCallback() {\n // current no way of sending events in disconnected callback, so we just decrease the counter now,\n // but the user has to set stickyDisabled=false by himself\n counter = counter - 1;\n\n this.placeholderButtonResizeObserver?.disconnect();\n }\n\n private renderButtons(size: \"default\" \| \"small\") {\n return (\n <div class=\"stzh-cta__buttons\">\n {size === \"small\" && (\n <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n )}\n\n {this.href ? (\n <a\n class=\"stzh-cta__button\"\n href={this.href}\n ref={el => (this.button = el as HTMLAnchorElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onClick={this.onClick}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </a>\n ) : (\n <button\n class=\"stzh-cta__button\"\n ref={el => (this.button = el as HTMLButtonElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </button>\n )}\n </div>\n );\n }\n\n render() {\n const headingSlotUsed = hasSlot(this.element, \"heading\");\n const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n const hasHeading = !!this.heading \|\| headingSlotUsed;\n const hasLead = !!this.lead \|\| leadSlotUsed;\n const hasHeadingOrLead = hasHeading \|\| hasLead;\n\n const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n const classes = {\n \"stzh-cta\": true,\n \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n \"stzh-cta--is-not-loaded\": !this.loaded,\n \"stzh-cta--has-heading\": hasHeading,\n \"stzh-cta--has-lead\": hasLead,\n [`stzh-cta--size-${size}`]: !!size,\n };\n\n return (\n <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n <article class={classes} data-stzh-sticky-width-container>\n <div class=\"stzh-cta__wrapper\">\n <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n <div class=\"stzh-cta__lead\">{this.lead ? this.lead : <slot name=\"lead\"></slot>}</div>\n <stzh-sticky\n name=\"cta\"\n class=\"stzh-cta__sticky\"\n position=\"fixed\"\n bleeding\n disableStickyBottom={this.stickyDisabled}\n disableStickyTop={true}\n >\n {this.renderButtons(size)}\n </stzh-sticky>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"stzh-cta.entry.js","sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n --stzh-flyingfocus-color: #{$colorWhite};\n\n --background-color: var(--stzh-cta-background-color, #{$ctaBackgroundColor});\n --heading-color: #{$colorWhite};\n --lead-color: #{$colorWhite};\n --sticky-background-color: var(--background-color);\n --button-color: var(--stzh-cta-button-color, #{$colorWhite});\n --button-background-color: var(\n --stzh-cta-button-background-color,\n #{$colorPrimary70}\n );\n --button-border-radius: #{$buttonBorderRadius};\n\n --hover-button-color: var(--stzh-cta-hover-button-color, #{$colorWhite});\n --hover-button-background-color: var(\n --stzh-cta-hover-button-background-color,\n #{$colorSecondary60}\n );\n\n --stuck-background-color: #{$colorGrey10};\n --stuck-heading-color: #{$colorPrimary70};\n --stuck-lead-color: #{$baseColor};\n --stuck-sticky-background-color: var(--background-color);\n\n --grid-template-areas: var(--stzh-cta-grid-template-areas, \"cta cta cta cta\");\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumns}\n );\n\n @media print {\n display: none;\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @include mq($from: large) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n );\n }\n\n &[size=\"small\"] {\n --button-background-color: transparent;\n --button-color: var(--stzh-color-white);\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n\n --stuck-background-color: var(--background-color);\n\n @include mq($from: small) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta\"\n );\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n }\n }\n}\n\n@keyframes stzh-cta-effect {\n 0%,\n 20%,\n 50%,\n 80%,\n 100% {\n transform: translateX(0);\n }\n\n 40% {\n transform: translateX(-8px);\n }\n\n 60% {\n transform: translateX(-4px);\n }\n}\n\n.stzh-cta {\n @include font(\"heavy\");\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__wrapper {\n grid-area: cta;\n background-color: var(--background-color);\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @media (forced-colors: active) {\n outline: 2px solid CanvasText;\n outline-offset: -2px;\n }\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n background-color: var(--stuck-background-color);\n }\n\n &__heading,\n &__lead {\n transition-property: color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:not(:empty) {\n @include spaceCurve(\"margin-left\", \"medium\");\n @include spaceCurve(\"margin-right\", \"medium\");\n @include spaceCurve(\"margin-bottom\", \"medium\");\n\n @include mq($from: small) {\n margin-bottom: space(\"xxlarge\");\n }\n\n @include mq($from: medium) {\n margin-bottom: space(\"xxxlarge\");\n }\n\n @include mq($from: large) {\n margin-bottom: space(\"xxxxlarge\");\n }\n }\n }\n\n &__heading {\n @include fontCurve(\"h2\", \"heading\");\n color: var(--heading-color);\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n color: var(--stuck-heading-color);\n }\n\n &__lead {\n @include fontCurve(\"p1\");\n color: var(--lead-color);\n\n &:not(:empty) {\n @include spaceCurve(\"padding-top\", \"small\");\n }\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n color: var(--stuck-lead-color);\n }\n\n &__button {\n @include font(\"heavy\");\n @include fontSize(\"centi\");\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n appearance: none;\n border: none;\n text-decoration: none;\n border-radius: var(--button-border-radius);\n color: var(--button-color);\n background-color: var(--button-background-color);\n gap: space(\"xsmall\");\n transition-property:\n width, height, min-height, color, background-color, font-size, padding;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: auto;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n @include fontSize(\"milli\");\n\n @include mq($from: medium) {\n @include fontSize(\"centi\");\n }\n }\n\n &__button-text {\n display: block;\n }\n\n &__button-icon {\n --size: #{iconSize(\"medium\")};\n }\n\n &__button:hover &__button-icon {\n animation: stzh-cta-effect 1s;\n }\n\n &__sticky {\n @include spaceCurve(\"--padding-left\", \"medium\");\n @include spaceCurve(\"--padding-right\", \"medium\");\n --padding-top: #{space(\"large\")};\n --padding-bottom: #{space(\"large\")};\n --background-color: var(--sticky-background-color);\n --stuck-background-color: var(--stuck-sticky-background-color);\n --stuck-padding-left: 0px;\n --stuck-padding-right: 0px;\n\n display: block;\n }\n\n &__buttons {\n display: flex;\n gap: space(\"medium\");\n }\n\n /* Has lead variant /\n\n &--has-lead &__heading {\n margin-bottom: 0;\n }\n\n / Default variant; has heading, lead or multiple buttons /\n\n &--size-default &__wrapper {\n padding-top: space(\"large\");\n padding-bottom: space(\"large\");\n\n @include mq($from: small) {\n @include spaceCurve(\"padding-top\", \"large\");\n @include spaceCurve(\"padding-bottom\", \"large\");\n }\n }\n\n &--size-default &__button {\n padding: space(\"xsmall\") space(\"xlarge\");\n min-height: $formInputHeight;\n }\n\n &--size-default &__button-icon {\n @include mq($to: small) {\n display: none;\n }\n }\n\n &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n min-height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n min-height: $formInputHeight;\n }\n }\n\n &--size-default &__sticky {\n margin-top: calc(var(--padding-top) / -1);\n margin-bottom: calc(var(--padding-bottom) / -1);\n }\n\n / Small variant; has no heading, lead or multiple buttons /\n\n &--size-small &__button {\n width: 100%;\n max-width: 100%;\n gap: space(\"medium\");\n\n &.is-placeholder {\n width: auto;\n max-width: none;\n visibility: hidden;\n position: absolute;\n pointer-events: none;\n }\n }\n\n &--size-small\n &__sticky[is-stuck]:not([is-stuck=\"false\"])\n &__button:not(.is-placeholder) {\n width: var(--button-width, auto);\n }\n\n &--size-small &__button-icon {\n --size: #{iconSize(\"large\")};\n }\n\n &--size-small &__sticky {\n @include spaceCurve(\"--padding-top\", \"large\");\n @include spaceCurve(\"--padding-bottom\", \"large\");\n\n &[is-stuck]:not([is-stuck=\"false\"]) {\n @include spaceCurve(\"--padding-top\", \"medium\");\n @include spaceCurve(\"--padding-bottom\", \"medium\");\n }\n }\n\n / Not loaded /\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded &__wrapper,\n &--is-not-loaded &__heading,\n &--is-not-loaded &__lead,\n &--is-not-loaded &__button {\n transition-duration: 0ms;\n }\n}\n","import { Component, Host, h, Element, Prop, State, Event, EventEmitter } from \"@stencil/core\";\n\nimport { StzhCtaFocusEvent, StzhCtaBlurEvent, StzhCtaClickEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/\n @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n /\n@Component({\n tag: \"stzh-cta\",\n styleUrl: \"stzh-cta.scss\",\n scoped: true,\n})\nexport class StzhCta {\n /* Heading /\n @Prop() heading: string = \"\";\n\n /* Lead /\n @Prop() lead: string = \"\";\n\n /* Button Label /\n @Prop() label: string = \"\";\n\n /* Button link /\n @Prop() href: string = \"\";\n\n /\n Whether sticky button is disabled.\n * Will be set to true automatically on,\n * when more than one cta is on the page.\n /\n @Prop() stickyDisabled: boolean = true;\n\n @State() loaded: boolean = false;\n\n @Element() element: HTMLStzhCtaElement;\n\n /* Focus event /\n @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n /* Blur event /\n @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n /* Click event */\n @Event() stzhClick: EventEmitter<StzhCtaClickEvent>;\n\n private button: HTMLButtonElement \| HTMLAnchorElement;\n private placeholderButton: HTMLElement;\n private debounceResize: number;\n private focusedByInput: boolean = false;\n private placeholderButtonResizeObserver: ResizeObserver;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.button.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-cta\",\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-cta\",\n originalEvent: event,\n });\n };\n\n private onClick = (event: MouseEvent) => {\n this.stzhClick.emit({\n component: \"stzh-cta\",\n originalEvent: event,\n href: this.href,\n });\n };\n\n private handlePlaceholderButtonResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n };\n\n private updateButtonWidthByResize = () => {\n if (!this.placeholderButton) {\n return;\n }\n\n const { width } = this.placeholderButton.getBoundingClientRect();\n this.element.style.setProperty(\"--button-width\", `${width}px`);\n };\n\n componentDidLoad() {\n this.stickyDisabled = counter > 1;\n\n this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n if (this.placeholderButton) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.updateButtonWidthByResize();\n\n window.setTimeout(() => {\n this.loaded = true;\n }, 250);\n });\n });\n }\n\n componentDidRender() {\n if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n }\n\n connectedCallback() {\n counter = counter + 1;\n }\n\n disconnectedCallback() {\n // current no way of sending events in disconnected callback, so we just decrease the counter now,\n // but the user has to set stickyDisabled=false by himself\n counter = counter - 1;\n\n this.placeholderButtonResizeObserver?.disconnect();\n }\n\n private renderButtons(size: \"default\" \| \"small\") {\n return (\n <div class=\"stzh-cta__buttons\">\n {size === \"small\" && (\n <div class=\"stzh-cta__button is-placeholder\" ref={el => (this.placeholderButton = el as HTMLElement)}>\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n )}\n\n {this.href ? (\n <a\n class=\"stzh-cta__button\"\n href={this.href}\n ref={el => (this.button = el as HTMLAnchorElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onClick={this.onClick}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </a>\n ) : (\n <button\n class=\"stzh-cta__button\"\n ref={el => (this.button = el as HTMLButtonElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </button>\n )}\n </div>\n );\n }\n\n render() {\n const headingSlotUsed = hasSlot(this.element, \"heading\");\n const leadSlotUsed = hasSlot(this.element, \"lead\");\n\n const hasHeading = !!this.heading \|\| headingSlotUsed;\n const hasLead = !!this.lead \|\| leadSlotUsed;\n const hasHeadingOrLead = hasHeading \|\| hasLead;\n\n const size = !hasHeadingOrLead ? \"small\" : \"default\";\n\n const classes = {\n \"stzh-cta\": true,\n \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n \"stzh-cta--is-not-loaded\": !this.loaded,\n \"stzh-cta--has-heading\": hasHeading,\n \"stzh-cta--has-lead\": hasLead,\n [`stzh-cta--size-${size}`]: !!size,\n };\n\n return (\n <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n <article class={classes} data-stzh-sticky-width-container>\n <div class=\"stzh-cta__wrapper\">\n <div class=\"stzh-cta__heading\">{this.heading ? this.heading : <slot name=\"heading\"></slot>}</div>\n <div class=\"stzh-cta__lead\">{this.lead ? <p>{this.lead}</p> : <slot name=\"lead\"></slot>}</div>\n <stzh-sticky\n name=\"cta\"\n class=\"stzh-cta__sticky\"\n position=\"fixed\"\n bleeding\n disableStickyBottom={this.stickyDisabled}\n disableStickyTop={true}\n >\n {this.renderButtons(size)}\n </stzh-sticky>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/stzh-datalist_3.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement, F as Fragment } from './index-Cd_ra_Ay.js';
 import { m as media, a as addMediaChangeListener, r as removeMediaChangeListener } from './media-utils-CUGRmgip.js';
 import { j as addWordBreakToLinks } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
@@ -155,9 +155,9 @@ const StzhDatalist = class {
             [`stzh-datalist--${this.variant}`]: !!this.variant,
             [`stzh-datalist--vertical-gap-${this.verticalGap}`]: !!this.verticalGap,
         };
-        return (h(Host, { key: 'eedf80ac114572c26996fb1d54970f14078c62af', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
+        return (h(Host, { key: 'adfd38bbd33caaeb5e43c03772e4611f71bb8e5c', "is-direction": this.currentDirection, "vertical-gap": this.verticalGap, style: {
                 "--columns": this.currentColumns ? this.currentColumns.toString() : null,
-            } }, h("div", { key: '1ce5a55fd406990708b34ed443f103d999b56599', class: classes }, h("div", { key: 'f686adb2f179b033c63d3e96e5c5c9d8ed1daef0', class: "stzh-datalist__wrapper" }, h("div", { key: 'ed185494f66ab2dc001c9cce02f73ec7aae8ad80', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: 'c195766f8813e5301ef0c6f638899cd351434365' }))))));
+            } }, h("div", { key: 'de02abc81a926a6eaf50f384f5c4aa2735b2e1b9', class: classes }, h("div", { key: '333da81e4c54bfe1914c7be7b6c2fddf39701a56', class: "stzh-datalist__wrapper" }, h("div", { key: '60bbb2021ea07e7405c0a2cf989ea8971dfeb179', class: "stzh-datalist__list", role: "list" }, this._items.map(item => (h("stzh-datalist-item", Object.assign({}, item, { hasNested: !!item.items }), item.items && item.items.length > 0 && h("stzh-datalist", { items: item.items })))), h("slot", { key: '366aa399241d4ab8e4b5362a84b75da7ab9d65e2' }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -396,7 +396,7 @@ const StzhStatus = class {
             "stzh-status": true,
             [`stzh-status--type-${this.type}`]: !!this.type,
         };
-        return (h(Host, { key: 'f9e69c232eb0714c5d8e9503f0de9c00267a81cb' }, h("div", { key: 'dae9d9a0109461c08a650b71583ab1c5198691b2', class: classes }, h("div", { key: 'e4cba8469865473a6dfd305db3ac05184da3658f', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '51e7665025279382fb372c7f1c9e8d2aa54b56d0', class: "stzh-status__dot" }), this.label && h("div", { key: '549f43abef15944d6f7439ee034dbe8ee2b4818a', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3501d6e8aca4c281b3ec88559a5cd5a7c768261a', class: "stzh-status__bar" }, h("div", { key: '7defbd37167c186f52a36b36130a0217cc585b8c', class: "stzh-status__bar-inner", style: {
+        return (h(Host, { key: '799a39017cfec61a07e36347b0a36cc57a5f6260' }, h("div", { key: '5ebb6c1bbdbe1a05a90b02036062d56ab8e2e2f6', class: classes }, h("div", { key: 'c69bed678675f12c4e12db51d81e2287fc9289ff', class: "stzh-status__text" }, !this.withLoadingbar && h("div", { key: '1ae15cb68b2f4e1f0e44f6e15b255826a8ffe71c', class: "stzh-status__dot" }), this.label && h("div", { key: '0011fd4ccf566f6eaf0416d4e82c1414d13786b3', class: "stzh-status__label" }, this.label)), this.withLoadingbar && (h("div", { key: '3db966f076e94e642193e27591330c05122336c5', class: "stzh-status__bar" }, h("div", { key: '62c736e56b6028fa8e4ecfbf2713e4e9df880a38', class: "stzh-status__bar-inner", style: {
                 width: `${this.percent}%`,
             } }))))));
     }

package/dist/esm/stzh-datamessagelist-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 const stzhDatamessagelistItemCss = () => `.sc-stzh-datamessagelist-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-datamessagelist-item-h,[stzh-hidden].sc-stzh-datamessagelist-item-h{display:none}.sc-stzh-datamessagelist-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-item::before,.sc-stzh-datamessagelist-item-h *.sc-stzh-datamessagelist-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-datamessagelist-item-h .has-focus.sc-stzh-datamessagelist-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item{outline-style:none !important}.sc-stzh-datamessagelist-item-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist-item::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-item-h{--unread-indicator-width:0.3125rem}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{display:flex;position:relative;padding:var(--stzh-space-medium);background-color:var(--stzh-color-white);border-color:transparent;transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item{transition:none;border-color:Canvas;outline:0.125rem solid CanvasText;outline-offset:-0.125rem}}.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{pointer-events:none;content:"";position:absolute;top:0;left:0;height:100%;opacity:0;border-left:var(--unread-indicator-width) solid transparent;transition:border-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-datamessagelist-item.sc-stzh-datamessagelist-item::before{transition:none}}.stzh-datamessagelist-item__vhidden.sc-stzh-datamessagelist-item{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-datamessagelist-item__content.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;flex-grow:1}@media screen and (min-width: 900px){.stzh-datamessagelist-item__content.sc-stzh-datamessagelist-item{flex-direction:row;align-items:center}}.stzh-datamessagelist-item__text.sc-stzh-datamessagelist-item{flex-grow:1}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-datamessagelist-item__heading.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color);margin:0}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);padding:0;border:none;background-color:transparent;appearance:none}@media (forced-colors: active){.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{transition:none}}.stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item::after{z-index:1;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__description.sc-stzh-datamessagelist-item{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-datamessagelist-item__description.sc-stzh-datamessagelist-item{color:var(--stzh-base-lead-color)}.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-small)}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-xxsmall)}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 900px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:table;list-style:none;margin:0;padding:0}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:0 calc(var(--stzh-space-xsmall) / -1)}}.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:table-row}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item.sc-stzh-datamessagelist-item{display:flex;margin:0 var(--stzh-space-xsmall)}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:table-cell}@media screen and (min-width: 600px){.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{display:inline-block}}.stzh-datamessagelist-item__meta-item-label.sc-stzh-datamessagelist-item{padding-right:var(--stzh-space-xsmall)}.stzh-datamessagelist-item__meta-item-value.sc-stzh-datamessagelist-item{color:var(--stzh-color-black)}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item{width:10rem}.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__status.sc-stzh-datamessagelist-item,.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{margin-top:0;margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags-wrapper.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{display:flex;flex-wrap:wrap;margin:calc(var(--stzh-space-xxsmall) / -1)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tags.sc-stzh-datamessagelist-item{flex-wrap:nowrap}}.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{margin:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__tag.sc-stzh-datamessagelist-item{flex-shrink:0}}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-datamessagelist-item__actions.sc-stzh-datamessagelist-item:not(:empty){margin-left:var(--stzh-space-xxlarge);justify-content:center}}.stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{display:flex;justify-content:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height);color:var(--stzh-color-primary)}.stzh-datamessagelist-item__action-popover.sc-stzh-datamessagelist-item{--width:auto;--min-width:12.5rem}.stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{position:relative;z-index:2}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)){background-color:var(--stzh-color-old-primary4)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action.is-non-interactive.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__action-popover-button.sc-stzh-datamessagelist-item{--color:var(--stzh-color-primary-hover)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:var(--stzh-color-primary);opacity:1}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item::before{border-color:SelectedItem}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary)}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus))::before{border-color:Highlight}}.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-datamessagelist-item.stzh-datamessagelist-item--is-interactive.stzh-datamessagelist-item--is-unread.sc-stzh-datamessagelist-item:has(.stzh-datamessagelist-item__heading-link:where(:hover,.sc-stzh-datamessagelist-item:focus)) .stzh-datamessagelist-item__heading-link.sc-stzh-datamessagelist-item{color:Highlight}}`;
@@ -86,7 +86,7 @@ const StzhDatamessagelistItem = class {
             "stzh-datamessagelist-item--is-interactive": !this.nonInteractive,
         };
         const HeadingLink = this.nonInteractive ? "div" : this.href ? "a" : "button";
-        return (h(Host, { key: '1e5e94c37b1514688f354dab43b198c8ba5d4006', role: "listitem" }, h("article", { key: '52b83980dac6f0ad0c815030f17bdce18723741c', class: classes }, h("div", { key: '1c7c68c77b06996d56a1febdab9d1622d0b989fe', class: "stzh-datamessagelist-item__content" }, h("div", { key: '378292229b9d0e096c75dad73122cc7d0c70fa10', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '70864b4a7d643a2a151b9af89b9ea89fda5f7e9e', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '083880f12718bc4ee16593b9fb389dbe21a8733a', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'd063a85d6a6b58af3e27771257e7803701c760cd', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: 'dae9707c79a2259a2e2ac88558334e02cd131435', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '78c894c88955d72b11cfccc90526d951ca9dd834', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: '9b733c6b25a336b90bbb14a0276b9d42e370588b', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: 'ed5ba3351f94a824fa4391ac618095479989e18a', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: '919f849858a216efebfafecb9fe44da7a103ee19', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '42c3b27ea91e4af99725e98dc8c31215a1b387fc', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: 'e6e358a9e050a02225d2cf0017467cef73babed4', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: 'a2f885499805d431ef71b8692db558564fdf95b8', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
+        return (h(Host, { key: '9fec33bc6766ec5eac13763f58b6f626dd799132', role: "listitem" }, h("article", { key: '39649df9c09955beb2f4d7455d9511c918898523', class: classes }, h("div", { key: 'bd35d114e417be405e51c8578a820284b5bf28c8', class: "stzh-datamessagelist-item__content" }, h("div", { key: '751701b36f3c56c40a0ee47eced89d48f3035aba', class: "stzh-datamessagelist-item__text" }, h("h3", { key: '7f436486d4b86819b035ad9b9945d1e1ce572519', class: "stzh-datamessagelist-item__heading" }, h(HeadingLink, { key: '334bd57efb0d03e3bd17c50b08ab0b2857aa2776', class: "stzh-datamessagelist-item__heading-link", href: this.href, rel: this.rel, target: this.target, onClick: this.itemClick, "s-object-id": this.analyticsId || this.heading }, this.unread && h("span", { key: 'a27456bf461806a486358e3772074a7868a58147', class: "stzh-datamessagelist-item__vhidden" }, this.localization.unread, ","), this.heading)), this.description && (h("div", { key: '2a55c1a3f49b9bfab8898a9ef3687af1129f258f', class: "stzh-datamessagelist-item__description" }, h("stzh-clamp", { key: '6a745a8dd113b8b3e530dcbd03629ac272dbed0d', lines: 2, linesMedium: 1 }, this.description))), this._meta && this._meta.length > 0 && (h("div", { key: 'c8da410e35b3ab5abfe809121418881f93a376d7', class: "stzh-datamessagelist-item__meta-wrapper" }, h("ul", { key: '6b062faf935996210aca31964cf2070ed08386eb', class: "stzh-datamessagelist-item__meta" }, this._meta.map(meta => (h("li", { class: "stzh-datamessagelist-item__meta-item" }, h("span", { class: "stzh-datamessagelist-item__meta-item-label" }, meta.label), h("span", { class: "stzh-datamessagelist-item__meta-item-value" }, meta.value)))))))), this._loadingStatus && (h("stzh-status", { key: 'c5441638fee4bb6102ec36b9f3c34b9fcec7e83d', class: "stzh-datamessagelist-item__status", label: this._loadingStatus.label, percent: this._loadingStatus.percent, type: this._loadingStatus.type, withLoadingbar: true })), this._tags && this._tags.length > 0 && (h("div", { key: '12b0f51b4ac8291a1073563e2fcf356be47c92b0', class: "stzh-datamessagelist-item__tags-wrapper" }, h("div", { key: '566e22de23e82db3411285c4dea8fcbc79cfc9f9', class: "stzh-datamessagelist-item__tags" }, this._tags.map(tag => (h("stzh-chip", { class: "stzh-datamessagelist-item__tag", variant: "tag", size: "small", nonInteractive: true, inverted: tag.inverted, type: tag.type, icon: tag.icon, label: tag.label }))))))), h("div", { key: '1bfe0df7a641ecdd40e691942ccecf944ed568cc', class: "stzh-datamessagelist-item__actions" }, this._actions && this._actions.length > 0 ? (h("stzh-popover", { label: this.localization.actionsPopoverLabel, placement: "bottom-end", class: "stzh-datamessagelist-item__action-popover" }, h("stzh-button", { class: "stzh-datamessagelist-item__action-popover-button", variant: "tertiary", size: "tiny", icon: "more-horizontal", iconOnly: true }), h("stzh-menu", { slot: "content" }, this._actions.map(action => (h("stzh-menu-item", { icon: action.icon, badge: action.badge, onClick: event => {
                 this.actionClick(action, event);
             } }, action.label)))))) : (!this.nonInteractive && (h("div", { class: "stzh-datamessagelist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datamessagelist-item__action-icon", name: this.icon ? this.icon : this.external ? "external-link" : "arrow-right" }))))))));
     }

package/dist/esm/stzh-datamessagelist.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 const stzhDatamessagelistCss = () => `.sc-stzh-datamessagelist-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-datamessagelist-h,[stzh-hidden].sc-stzh-datamessagelist-h{display:none}.sc-stzh-datamessagelist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::before,.sc-stzh-datamessagelist-h *.sc-stzh-datamessagelist::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-datamessagelist-h .has-focus.sc-stzh-datamessagelist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist{outline-style:none !important}.sc-stzh-datamessagelist-h .stzh-fylingfocus-focused.sc-stzh-datamessagelist::-moz-focus-inner{border:0 !important}.sc-stzh-datamessagelist-h.sc-stzh-datamessagelist-s>*:not(:last-child),.sc-stzh-datamessagelist-h .sc-stzh-datamessagelist-s>*:not(:last-child){border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (max-width: 599px){.stzh-datamessagelist.sc-stzh-datamessagelist{margin-left:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2)}}`;
@@ -10,7 +10,7 @@ const StzhDatamessagelist = class {
         const classes = {
             "stzh-datamessagelist": true,
         };
-        return (h(Host, { key: 'dd0b9ad1cce642e77fc2ad2bea08c0e294c0a8c7' }, h("div", { key: 'bff2a50cc6dfda3d834eb4f099987152e28642a7', class: classes }, h("div", { key: '7b0c08965fbc887e31aa9357d6ae6619a6d67308', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'e6371ddb42e198d05561475c5d80e2d8bef1e09c' })))));
+        return (h(Host, { key: '64b90524c0efd9519bb5597811427c17f47004bf' }, h("div", { key: '8a7a328641b4e278281b738a7ca23adf6659634a', class: classes }, h("div", { key: 'b32542b2ee914e818572d8314be274351812e84e', class: "stzh-datamessagelist__list", role: "list" }, h("slot", { key: 'c600f0b314b2a1bd45d5d561bdab8df5915822f0' })))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-datatable.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { f as flexsearch_bundle_minExports } from './flexsearch.bundle.min-9sAr4-Zz.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
 import './_commonjsHelpers-E-ZsRS8r.js';

package/dist/esm/stzh-datepicker_3.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { a as printISODate } from './date-utils-Df1Iqnz9.js';
 import { h as hasSlot, a as hasDefaultSlotContent } from './utils-CnvjJ2wY.js';
-import { S as StzhInputDescription } from './stzh-input-description-F6xJmR4b.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import { c as camelCase } from './string-utils-BubviQku.js';
 const stzhDatepickerCss = () => `.sc-stzh-datepicker-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-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::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-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;
@@ -182,11 +182,11 @@ const StzhDatepicker = class {
             "stzh-datepicker--inline": this.inline,
             "stzh-datepicker--has-action": actionUsed,
         };
-        return (h(Host, { key: 'f9ab0e2fb4575eb8542d1ec382f35481cf134fb6', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'b2c28f9dd72b3744607a266df158da76e9530262', class: classes }, h("input", { key: '4650d89af6b5c00f52c54a79f5e142ca81ec85a1', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '79d0a144fecd99d047b825c70b8f7bc714d5f119' }, h("stzh-calendar", { key: 'f68c46fa1c548914947871b7c4b734712080f686',
+        return (h(Host, { key: 'd9b40c1e1a68c74879c273a174b8a63ffb3d10b2', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'c53891ea927dd1438358a5d217dc2f1e528dde72', class: classes }, h("input", { key: '41c4696e237df6813fb12753afaddb1146b3f73a', type: "hidden", name: this.name, value: this.value, defaultValue: this.defaultValue }), this.inline && (h(Fragment, { key: '6efba9d37a2bde968d953346016754cc070b8665' }, h("stzh-calendar", { key: '77150633a72adfa35e7798f17f40b53297f798a3',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '9fbf7a789b1a913b49410b541c43d7f1632e06a4', class: "stzh-datepicker__actions" }, h("slot", { key: 'db2778590807eb867606d911e68ba8028c3bd7b2', name: "action" })))), !this.inline && (h("stzh-input", { key: '0873aa372a6f12d138e8eb27faf1625185e807b2', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '7078a7358bdd7d0ffac426a4403e746c09443af7', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '3e918f15c8de06dbedf49d017cad568bdeb4c85c', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: 'ffdd219a08612fa9455b620fa9a2bc3b3c2a72ca', slot: "content" }, h("stzh-calendar", { key: 'cba8098fb2ad2bd4d71692923d66315210822176',
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-inline", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: 'f0e8a0edbb4c64ea411e30ab4578c0013c88b83f', class: "stzh-datepicker__actions" }, h("slot", { key: 'b5df0a6529ffaf2927a01f408d167695e5a002c5', name: "action" })))), !this.inline && (h("stzh-input", { key: 'b470051ac156e9bcbacd72fcd64b57645f67ee5e', value: this.inputValue, label: this.label, labelHidden: this.labelHidden, ref: el => (this.input = el), noAutocomplete: true, onStzhChanged: this.onInputChanged, readonly: this.readonly, disabled: this.disabled, description: this.description, descriptionLong: this.descriptionLong, error: this.error, invalid: this.invalid, required: this.required, hideOptional: this.hideOptional, size: this.size }, h("stzh-popover", { key: '2e29653c07a2e711b0753588e1393134c955b8c4', ref: el => (this.popoverElement = el), class: "stzh-datepicker__popover", slot: "button-right", placement: "bottom-end", strategy: "fixed", label: this.label }, h("stzh-button", { key: '6bd527b919554988a7b38504c8a8b400a533963e', "icon-only": true, icon: "calendar", size: this.size, disabled: this.disabled, a11yLabel: this.buttonLabel }), h("div", { key: '7c210df7753fcc03e8c739c9e1091e368283a773', slot: "content" }, h("stzh-calendar", { key: 'ca06852fe5518ff2addbbbd594a8b8d9cf5b30e7',
             // ref={(el) => (this.calendar = el as HTMLStzhCalendarElement)}
-            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '74bf18b052db32ded17eb2a5df1ab689d71a53a0', class: "stzh-datepicker__actions" }, h("slot", { key: '55a234b0b97e8c031619ca422f67413fd56aba3f', name: "action" })))))))));
+            value: this.calendarValue, class: "stzh-datepicker__calendar is-popover", isDateDisabled: this.calendarIsDateDisabled, min: this.calendarMin, max: this.calendarMax, onStzhChange: this.onCalendarChange }), h("div", { key: '29780d8533bec7a0b487451ab5357842dc9995f1', class: "stzh-datepicker__actions" }, h("slot", { key: 'cae8db696b99abf9c7c78f4826d0375fcc8471cd', name: "action" })))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -353,11 +353,11 @@ const StzhRadio = class {
             "stzh-radio--is-invalid": this.invalid || errorUsed,
             "stzh-radio--is-disabled": this.disabled,
         };
-        return (h(Host, { key: 'cc1cdf3e2146ff465b612c7ca987ecfa94bd1fc3', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '16caff63681acb3dbe16d7c4d68c9783229af19e', class: classes }, labelWrapperUsed && (h("label", { key: 'd1c6f4593a3d5a79d311cd2970ed49e9e0109f35', class: "stzh-radio__field-wrapper" }, h("input", { key: '8b8aac42f4e53f32728e97b393f289c0aa28b9ea', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(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: '9db48703b9f360cf4965e556e5928fb07ac6ba8e', class: "stzh-radio__mark" }, h("div", { key: '85b46892882617eb783436d2691d1e3c243560c8', class: "stzh-radio__check" })), h("div", { key: 'ad4944283ca6a5d622a95810253dbe23827ef437', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'b925096f24db80a9e145c8b1d4efd5e5f998c0b5', class: "stzh-radio__marker" }, h("span", { key: '8c7115b913be26988b593db69e6bc14a932c2af5', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: '6bd9ef10b3300e578fefe4ff653cf978816cf1c4', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebea8d7aba9224f046d56555098b282102ec0929', class: classes }, labelWrapperUsed && (h("label", { key: 'cdd4030cff6fd5cff42edf529971e5ef07265db0', class: "stzh-radio__field-wrapper" }, h("input", { key: '6c7d1137b279447f1c6ae8b27460c843c7003af2', class: "stzh-radio__input", ref: el => (this.input = el), type: "radio", id: this.inputId, name: this.name, value: String(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: 'c8509edd66148d8ac08321eb7697606d7c463167', class: "stzh-radio__mark" }, h("div", { key: '05ec9e5169f45e097eeac2738f37d971e2c0558a', class: "stzh-radio__check" })), h("div", { key: '1920c1b97402a54aa3d96fde0b90450fdeeccecc', class: "stzh-radio__label" }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: 'ceb36dd822f2270408df3d7febb1f11b18fc46f4', class: "stzh-radio__marker" }, h("span", { key: 'b9488232d4807504c0f17a968777071dcf40d6a6', class: "stzh-radio__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'e92d6e5758f0d6d0cbe1140338db427846c5a172', class: "stzh-radio__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2995c8fcfdc07aa29c760b2e3faf9c7332a962f5', class: "stzh-radio__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'e69652a157df0c226c3d592045baf3e63f64c995', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '5918bcc3a41885efa965606f08cfa7790bde0db8', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a6b974712e0875863f2a3815b8c92c9e873ea006', classPrefix: "stzh-radio", id: `${this.inputId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false }))))), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '73568d8f39d6f583916a427c4b25e914a4d38e3a', classPrefix: "stzh-radio", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {
@@ -532,11 +532,11 @@ const StzhRadiogroup = class {
             "stzh-radiogroup--hide-legend": this.hideLegend,
             [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,
         };
-        return (h(Host, { key: '280a36cfb4cf0c31dd92f6057590c7075c10aba2', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '38b1fc7d757dce1367968b902d1125c7e506cbf9', class: classes }, legendUsed && (h("legend", { key: 'b6d9f3d4d0852db83357cba1924fd5bbefb76959', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '5e14d12adde659c6eb014c93ac79c36a713e6874', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: 'b54931449de5974570096486e408d0d4fa796043', class: "stzh-radiogroup__marker" }, h("span", { key: '3e902f07b0b3b89f044c144cacd0cdb27f17c158', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
+        return (h(Host, { key: 'c4acfe2d6e04449901172827d09dd48161b1d411', "is-invalid": this.invalid || this.errorUsed }, h("fieldset", { key: '24a9232ee94c4d27804db23e5ffdabe67a319b5c', class: classes }, legendUsed && (h("legend", { key: '4c2265a4d3862623229c565b11fd15be19d740a7', class: "stzh-radiogroup__legend" }, this.legend && (h("span", { key: '89ebfd07ffe0bc6929d024ef91c682b94f129397', class: "stzh-radiogroup__legend-text" }, this.legend, !this.hideOptional && (h("span", { key: '354be3f36cbc73bf3fdd601dbd1deb76cd29ed78', class: "stzh-radiogroup__marker" }, h("span", { key: 'f4c0ede8753ba128296fd361f8bf5f1299682bdc', class: "stzh-radiogroup__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '84c032fb02ae1cdcc65a919e054b481d58eddb5e', class: "stzh-radiogroup__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '02b6bdaf9ffdd84750e37739964945be05b7992d', class: "stzh-radiogroup__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: 'ecaa100aeb87566ae49ea3afcc8f653310c7d5e4', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'ee47918db265afeb79c444efd5791030e5de0abb', class: "stzh-radiogroup__fields" }, h("slot", { key: 'c4f5673cd44c161b3cdff750e06bbe28eac27d1b' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac8b20be56dacdc5a3d20b705bd71b93bf9aea60', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText))))), descriptionLongUsed && (h(StzhInputDescription, { key: '2c8f3aefb4bc2c240b8fde2a8a2c3845e4842361', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '0321a78e16e357aa307c71eac4c7d51eed79e91a', class: "stzh-radiogroup__fields" }, h("slot", { key: '7666ea3eb3ae4b1e664234b87f4435a604dc5da5' })), (this.errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '0b7cec19624157696894407e219d4d335d1fcfcf', classPrefix: "stzh-radiogroup", id: `${this.radiogroupId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-daterange.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
@@ -111,7 +111,7 @@ const StzhDaterange = class {
             tomorrow: this.localization.rangeTomorrow,
             next7days: this.localization.rangeNextSevenDays,
         };
-        return (h(Host, { key: 'c01e177ba7cd492a2a745e39d441a88b385a98cf' }, h("fieldset", { key: 'ef38acefcbb0b409ac7822efd975a0af40006e12', class: classes }, h("legend", { key: '371b30eafeb9859bee075ef58d63ccac0dcd8947', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'e2a37046e6588b30e4eefd8424a21ff40d4e8a46', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: 'b791072eb94ebcfcc2b89c6219b769561a958fc9', name: "from" })), h("div", { key: 'c9a3e8067711e6e3ff6689c4b85dbb4ffa3c031e', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '3dd5529c788128531acf7653f03d7788645105ea', name: "to" })), h("div", { key: '5bdcc67a6de8268cbe6c024db08610ee131f36fe', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
+        return (h(Host, { key: '39d31268af19a5134e5b1ea5ba7b224fa68a6905' }, h("fieldset", { key: 'b74833b6217cdbfd31d690e840e4a97750944ac6', class: classes }, h("legend", { key: '7f35266cc7c417d55ef916fb4cf31e083ca49d7f', class: "stzh-daterange__legend" }, this.legend || this.localization.legend), h("div", { key: 'ff263fc05072760182e17fb78ba6ee0f3a3eb73a', class: "stzh-daterange__datefrom", ref: el => (this.datefromElement = el) }, h("slot", { key: '687afa54b2f2db628d0ca83d1d04777c9840ab52', name: "from" })), h("div", { key: '507b710a0b30d203cc7711a38429307f7fd0ea10', class: "stzh-daterange__dateto", ref: el => (this.datetoElement = el) }, h("slot", { key: '86b82b908c96061af1c8271b64cc4d7fbb50ab7a', name: "to" })), h("div", { key: '5b29b94aa0ff956a4e9fbd8fa07c15e22ea15d2b', class: "stzh-daterange__links" }, this._rangeLinks.map(type => (h("stzh-link", { label: translations[type], onClick: () => this.handleRangeClick(type) })))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-details.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { i as isStzhElement } from './utils-CnvjJ2wY.js';
 import { w as waitForEvent } from './event-utils--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './animation-utils-BOO84wnP.js';
@@ -144,7 +144,7 @@ const StzhDetails = class {
             "stzh-details": true,
             "stzh-details--is-open": this.open,
         };
-        return (h(Host, { key: 'f5c8e4a31f502abe856418b524f8b508cbd1c128' }, h("div", { key: '9b2a8b0180abd4c43b156030475835afc1a45ac5', class: classes }, h("div", { key: 'e2cf487c3926d3b1f22c565a65dac18f9d22779a', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: 'f8a63e5359facee6d70c1df10b45cb5b75e8d9c2' })), h("div", { key: '48c369c60bc27d37000632e419b80adb7a9a49cb', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: '7ab5cbd808d2a8316fe62c858de5470881617908', class: "stzh-details__content-inner" }, h("slot", { key: '916c66c4e70c412e51466e489d07cdbffccde8a0', name: "content" }))))));
+        return (h(Host, { key: '4b48f64ac3366debabb0c07612953be8f4deea4b' }, h("div", { key: 'b8bc3d9ae17fcfbbeaf65ed2f0a1607c859947b0', class: classes }, h("div", { key: '882c46abadbc8c3b7c8801d1e2e3018a1f813c91', ref: el => (this.triggerElement = el), class: "stzh-details__trigger" }, h("slot", { key: '415c19b3fb31447a44eba359f74be4c6f0abda24' })), h("div", { key: '12ffec7022cac4011500081caee03335b21d3352', id: `${this.detailsId}-content`, ref: el => (this.bodyElement = el), class: "stzh-details__content", "aria-labelledby": `${this.detailsId}-header` }, h("div", { key: 'b4c218cda34992243e39207552208799a07554d7', class: "stzh-details__content-inner" }, h("slot", { key: '993a95a62d6301d5fef1ede4517c60cbdeb4726d', name: "content" }))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-dialog.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import { c as createBaseFocusTrapOptions } from './overlay-utils-BzugsqyR.js';
 import { c as createFocusTrap } from './focus-trap.esm-CBUfcdIy.js';
@@ -164,13 +164,13 @@ const StzhDialog = class {
         }
     }
     render() {
-        return (h(Host, { key: '4bf8a076f78ea029a8ddfc2e2be5f2a023459d14' }, h("div", { key: '38661af7b25ae9c4f3e453428e186092320b17cf', class: {
+        return (h(Host, { key: 'aa50f07cf85de8614d75332ad2a42ad015ad3418' }, h("div", { key: 'e200c0c5f9d0abeaa1e216a1b82629fae17fd02a', class: {
                 "stzh-dialog": true,
                 "stzh-dialog--is-open": this.open,
                 "stzh-dialog--has-heading": !!this.heading,
                 "stzh-dialog--has-close-hidden": this.hideClose,
                 [`stzh-dialog--size-${this.size}`]: !!this.size,
-            } }, h("div", { key: '6c3b6620f0d0b25d8ce19776d1531ea1251d969e', class: "stzh-dialog__backdrop" }), h("div", { key: '628a9ba306c5e22027781e0ed563c8e493e6b6ae', class: "stzh-dialog__content" }, h("div", { key: '68baf78ced032ec6ff1ba5cecf3474a6bb8dc813', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: 'aba318795c57c6633a78fafa8e0b40b7b6ba3fb0', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'e6df82dec4f6ee5dd12518b1d93bb1c11fb9d385', class: "stzh-dialog__dialog-content" }, h("slot", { key: '1ee6524c55e43ea619c18022e5770417a9030950' })), h("div", { key: 'effc45d57f2645f6f235a08c5f5494b818189ba1', class: "stzh-dialog__actions" }, h("slot", { key: 'f8a2ab1af7899e0e3295fd60ce29d95a71fbd763', name: "actions" })), !this.hideClose && (h("stzh-button", { key: '02747906d06e46796a4a15009766fd4f70eea9c8', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
+            } }, h("div", { key: 'c70d9aa60e6e5e9e2e517f09dbe979f1e2ca6c05', class: "stzh-dialog__backdrop" }), h("div", { key: '8d2fd8441f3349c8d10b491ec8e4710d50666c51', class: "stzh-dialog__content" }, h("div", { key: 'ad8a7e31dccbd799010e8a571d48751d41e67048', class: "stzh-dialog__dialog", ref: el => (this.dialogElement = el), tabindex: "-1", role: this.a11yRole, "aria-hidden": this.open ? "false" : "true", onClick: this.handleDialogClick }, h("stzh-heading", { key: '3d2c6776d449183ee4d236dd9143258b4b49b049', id: `${this.id}-heading`, class: "stzh-dialog__heading", level: "2" }, this.heading ? this.heading : "Title"), h("div", { key: 'ca90de2a783f6ac35739bc5fa73fc773e2745f43', class: "stzh-dialog__dialog-content" }, h("slot", { key: 'd46051715f7e5dcffecea6a1c7ce80e3c74a172b' })), h("div", { key: '168550769a636cb7f7f20ff1eac8a9b5b601de06', class: "stzh-dialog__actions" }, h("slot", { key: 'afb33fb35fc4bdf5318ad527dcb98c91d216b825', name: "actions" })), !this.hideClose && (h("stzh-button", { key: 'c9fe71e47fe94373dbd755d91f396b2528eb9927', class: "stzh-dialog__close-button", variant: "tertiary", size: "small", icon: "close", iconOnly: true, onClick: this.handleCloseButtonClick, a11yLabel: this.localization.close, analyticsId: this.closeAnalyticsId || this.localization.close })))))));
     }
     get element() { return getElement(this); }
 };

package/dist/esm/stzh-disturber.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-CnvjJ2wY.js';
 import { w as waitForEvent } from './event-utils--SdF31O7.js';
 import { s as stopAnimations, a as animateTo } from './animation-utils-BOO84wnP.js';

package/dist/esm/stzh-dropdown.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { h as hasSlot } from './utils-CnvjJ2wY.js';
-import { S as StzhInputDescription } from './stzh-input-description-F6xJmR4b.js';
+import { S as StzhInputDescription } from './stzh-input-description-BLx_RZxZ.js';
 import './string-utils-BubviQku.js';
 /**
@@ -5554,14 +5554,14 @@ const StzhDropdown = class {
             [`stzh-dropdown--size-${this.size}`]: !!this.size,
             [`stzh-dropdown--${this.variant}`]: !!this.variant,
         };
-        return (h(Host, { key: 'ba2e19e4c04c9980bd60f457b82c8237eff3c2d6', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: '51162d9ea853e0a347dec9495b8cfa855fa4849e', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '4c6ac36e3297b23e4b80ccb9bdc42733e253bfff', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: '3167ed0b49bad982ea5c78fa2d4a325fd5285d70', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'ad8a17d7048c9a72da895961caa5fc546f87a2d0', id: `${this.dropdownId}-label`, class: {
+        return (h(Host, { key: '7e4510f1f10323bc41121847c1357561b5d958be', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, h("div", { key: 'ebe66a853eb2d8eb9462d2020d1b95c9ec226741', class: classes, ref: el => (this.rootElement = el) }, h("div", { key: '0a6075730b070a8a59b3411917f9fd6a2d328509', class: "stzh-dropdown__wrapper" }, labelWrapperUsed && (h("div", { key: 'd78e83f7ffd2344315a9f7140e8e6fc83bd76773', class: "stzh-dropdown__label-wrapper" }, h("label", { key: 'fd70ec3e6b2dd4ee7112e5bf1e3493425ecee452', id: `${this.dropdownId}-label`, class: {
                 "stzh-dropdown__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '75c1566258718fb76b3aee80444b6e22050f828d', class: "stzh-dropdown__marker" }, h("span", { key: '7a3794b144e0218e813826f50fbc66545b62cbe1', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.dropdownId }, this.label ? this.label : h("slot", { name: "label" }), !this.hideOptional && (h("span", { key: '1928d9ae61c8f56c7cbb485d1fd96efe6fdc8bc5', class: "stzh-dropdown__marker" }, h("span", { key: '06dab2c4c39152a1c1ffe819f05dc46609bb955a', class: "stzh-dropdown__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: '01275fc0317a7c7220488ddd8f0bd612d836b513', class: "stzh-dropdown__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '2a821a7cde0712390c2545dde00ec91dabadaf6f', class: "stzh-dropdown__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: 'a47a94684df9e1bc97f7a96ea3d589dddc3908f7', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '286cf51b9eb07e40340c7f46c820c2b9f745d3cf', class: "stzh-dropdown__field-wrapper" }, h("select", { key: '9058db966c14ecb466bfad0e2e6ced5e94068208', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '3a08e032d220ab7855ec48d6e70cb66b4da4a95d' })), this.inline && this.label && h("div", { key: '37c5b99f65b68ee2ab88f8ab0e549d7a4e817474', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '4726a45add78a6671dcaa7877a7be632b11a1fda', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: 'cdc4121442ae6bec9dd12dc7a5ca0228792e403f', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: 'c6b12880792317d7b2be67427ef5cd61afcdcae9', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: 'a62165a3a00c3a4196a6c8822a8b5a928486f6b5', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: '519b1adc736941af1e0242efad8fc60c77a903f7', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: '80f47fc24acf541ebfe16dbcef98b0d005fdb6bf', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (h(StzhInputDescription, { key: '3a59a826fcb3fd4660cd6aef0c4376d5471dcf68', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '49a76655533ccd4f319c55c2c92cd6e29ab470da', class: "stzh-dropdown__field-wrapper" }, h("select", { key: 'de2391f6a39c4c71ac779d62f441b864999fba91', id: this.dropdownId, class: "stzh-dropdown__select", ref: el => (this.select = el), multiple: this.multiple, name: this.name, disabled: this.disabled, "aria-labelledby": `${this.dropdownId}-label ${this.dropdownId}-not-loading ${this.dropdownId}-no-results ${this.hideOptional && this.required && `${this.dropdownId}-required`} ${this.invalid && `${this.dropdownId}-invalid`} ${this.dropdownId}-description ${this.a11yDescribedby}` }, h("slot", { key: '014132ec4a1876bf5134a89c4e4ac6dcf42c9ca3' })), this.inline && this.label && h("div", { key: '3f601762251fe254b8691b358784815413d95b5f', class: "stzh-dropdown__sizer" }, this.label), h("div", { key: '237f23eb85fe1022ed295902ee212726285ac7b8', class: "stzh-dropdown__icon-angle-wrapper" }, this.iconAngle ? (h("stzh-icon", { name: this.iconAngle, class: "stzh-dropdown__icon-angle" })) : (h("slot", { name: "icon-angle" }))), h("div", { key: '6766d06f7f99c4b29e7702fa12a9f7e13b3b44ba', class: "stzh-dropdown__icon-wrapper" }, this.icon ? (h("stzh-icon", { class: "stzh-dropdown__icon", name: this.icon })) : (h("slot", { name: "icon" }))), this.hideOptional && this.required && (h("div", { key: '9d6ce105480cee93a5566b923fec7e0a569f2460', id: `${this.dropdownId}-required`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.requiredFieldText)), this.invalid && (h("div", { key: '894901912372b7c55079f924e9cabd2e017fa1a8', id: `${this.dropdownId}-invalid`, class: "stzh-dropdown__vhidden" }, this.localization.$globals.invalidFieldText)))), h("div", { key: 'f98e9574d950c85cbee6603ec0aa68858676e09b', class: "stzh-dropdown__dropdown-wrapper", ref: el => (this.dropdownWrapperElement = el) }), (errorUsed || descriptionUsed) && (h(StzhInputDescription, { key: 'ac0a65968bc3bc07f10ef3c288af52a66ed385a0', classPrefix: "stzh-dropdown", id: `${this.dropdownId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/stzh-editor.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 const stzhEditorCss = () => `.sc-stzh-editor-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-editor-h,[stzh-hidden].sc-stzh-editor-h{display:none}.sc-stzh-editor-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-editor-h *.sc-stzh-editor,.sc-stzh-editor-h *.sc-stzh-editor::before,.sc-stzh-editor-h *.sc-stzh-editor::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-editor-h .has-focus.sc-stzh-editor{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor{outline-style:none !important}.sc-stzh-editor-h .stzh-fylingfocus-focused.sc-stzh-editor::-moz-focus-inner{border:0 !important}.sc-stzh-editor-h{--background-color:var(--stzh-editor-background-color, var(--stzh-color-grey10))}@media print{.sc-stzh-editor-h{display:none}}.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-top:var(--stzh-space-xxlarge)}}.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-editor.sc-stzh-editor{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-editor.sc-stzh-editor{background-color:var(--background-color)}.stzh-editor__wrapper.sc-stzh-editor{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-editor__wrapper.sc-stzh-editor{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-editor__heading.sc-stzh-editor{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 900px){.stzh-editor__heading.sc-stzh-editor{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-editor__heading.sc-stzh-editor:not(:empty){margin-bottom:var(--stzh-space-medium)}.stzh-editor__link-list.sc-stzh-editor{list-style:none;margin:0;padding:0;display:grid}@media screen and (min-width: 900px){.stzh-editor__link-list.sc-stzh-editor{gap:var(--stzh-space-medium)}}`;

package/dist/esm/stzh-eventdata.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 const stzhEventdataCss = () => `.sc-stzh-eventdata-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-eventdata-h,[stzh-hidden].sc-stzh-eventdata-h{display:none}.sc-stzh-eventdata-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-eventdata-h *.sc-stzh-eventdata,.sc-stzh-eventdata-h *.sc-stzh-eventdata::before,.sc-stzh-eventdata-h *.sc-stzh-eventdata::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-eventdata-h .has-focus.sc-stzh-eventdata{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata{outline-style:none !important}.sc-stzh-eventdata-h .stzh-fylingfocus-focused.sc-stzh-eventdata::-moz-focus-inner{border:0 !important}.stzh-eventdata.sc-stzh-eventdata{display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall);column-gap:var(--stzh-space-medium)}.stzh-eventdata__label.sc-stzh-eventdata{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{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-eventdata__label.sc-stzh-eventdata{flex-shrink:0}@media screen and (min-width: 600px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10rem}}@media screen and (min-width: 900px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:10.875rem}}@media screen and (min-width: 1260px){.stzh-eventdata__label.sc-stzh-eventdata{min-width:11.375rem}}.stzh-eventdata__content.sc-stzh-eventdata{flex-grow:1;display:flex;flex-direction:column;row-gap:var(--stzh-space-xsmall)}`;

package/dist/esm/stzh-eventinfo.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, d as getElement } from './index-BMrO_esM.js';
+import { r as registerInstance, h, a as Host, d as getElement } from './index-Cd_ra_Ay.js';
 import { s as setPropsIfNull } from './utils-CnvjJ2wY.js';
 import './string-utils-BubviQku.js';
@@ -105,9 +105,8 @@ const StzhEventinfo = class {
         const startDate = this.start && new Date(this.start);
         const endDate = this.end && new Date(this.end);
         const MonthHeading = `h${this.monthHeadingLevel}`;
-        return (h(Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, h("div", { key: '1f3e1da35b2568030c3b4b2bd040c68c8d11cb77', class: "stzh-eventinfo__left" }, h("div", { key: 'a8d8e6a69c8ffe7a1f6a7ec6ed665e22131ad686', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("div", { key: '79a189c8a97c6bffc9a92bdd0df739d2cec3abe7', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("div", { key: 'b18a3b53b50d629bf158b69cb285a112f949d809', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '64aa368689fd7502d0a1fb47b9a3d7ee2b8db2a9', class: "stzh-eventinfo__right" }, h("div", { key: '0e13207a79d7f577ce74d4323d937628f7774518' }, h("div", { key: 'b03cf4d37ec43a5abc3abf510f6b03f17dee5a6b', class: "stzh-eventinfo__head" }, h("div", { key: '2b39db68b18e2aa9a62822f61fa9ea95d3102e01', class: "stzh-eventinfo__main-date" }, h("span", { key: '65d15eaa7d9a17d09677964c3db3566d08e00f5c' }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
-            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`)), this.calendarUrl && (h("div", { key: 'a86071e81d8918da4b18e8dbb133a4a178764ee6', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '9524e64d171dd8b5b431722e42d88b57fb40eed8', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '886f6866245e78192547be8b45a763c4d1fbb0d0', class: "stzh-eventinfo__text" }, h("div", { key: '4efabd907668dc7f85bf84680d5f0a6e4218885c', class: "stzh-eventinfo__location" }, h("slot", { key: 'bc0773ee5bb9e851e20681486904ae545ae2dc16', name: "location" })), h("div", { key: '140b2d10eebe72efbbc81f7154a72f5dea81a6f9', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '324f59ca9f8f1f0646e591a399d466376d99fa3f', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: '1bc3453e920c025c9debb246bd3be36fb0afd116', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: 'c04879e06c9637ea178d5c5ce5932b0cfc90ef15', class: "stzh-eventinfo__details" }, h("stzh-link", { key: '180d00b51091bdd627eb4d4cdc8b8897cfe81460', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: '62c43a995ca02c4c55cb4dda2c647c03b25824b0', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: 'e825200adf810cdd661084672d54785d98347c87', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'dff38e8a2a0a6fa1908ac5ed3375b2f8c24beb1c', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("span", { class: "stzh-eventinfo__event-datetime-wrapper" }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), h("span", { class: "stzh-eventinfo__event-time" }, this.hasProperStartAndOrEndDate(event.start, event.end) &&
-            this.dateAdapter.formatSpan(event.start, event.end, "time"))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
+        return (h(Host, { key: '9bc500dab379816b5f341a0efdc1423015e4e8f4' }, h("div", { key: '695b091861cbac04c83abf0296065f944eb89796', class: classes }, h("time", { key: 'aa9c457deac06a01e2ff29f88156a33801bc1c7c', class: "stzh-eventinfo__left", dateTime: startDate.toISOString(), "aria-label": this.dateAdapter.format(startDate, "dateLong") }, h("span", { key: '1851f6810b46f858eeccb0cf3b63245e504ebd58', class: "stzh-eventinfo__main-event-day-name" }, this.localization.$globals.dayNamesShort[startDate.getDay()]), h("span", { key: 'b40f52d599fde3cfb7809116c28b990cac300a4a', class: "stzh-eventinfo__main-event-day" }, startDate.getDate() < 10 && "0", startDate.getDate()), h("span", { key: '07fff046cc74c49d7ac5779bd6b4747178a88ac9', class: "stzh-eventinfo__main-event-month" }, this.localization.$globals.monthNamesShort[startDate.getMonth()])), h("div", { key: '6cb16098b1677fa5dd8fb30669ce1ce3e176e28b', class: "stzh-eventinfo__right" }, h("div", { key: '64575ba0d9f1ce16e48e4248d2d4cc0a7e0f393d' }, h("div", { key: 'b63752536fcd4b71849404ef0b359849390f1020', class: "stzh-eventinfo__head" }, h("div", { key: '1f444eb42ceb1a2b562f5fef880e94831fe3a292', class: "stzh-eventinfo__main-date" }, h("div", { key: 'eda17f2f49da0b7cfa8563de3f81ac6023034c70', class: "stzh-eventinfo__main-date" }, h("time", { key: '0df2e1f6890584115ebf1803f908eea78622e094', dateTime: startDate.toISOString() }, this.dateAdapter.format(startDate, "dateLong"), this.hasProperStartAndOrEndDate(startDate, endDate) &&
+            `, ${this.dateAdapter.formatSpan(startDate, endDate, "time")}`))), this.calendarUrl && (h("div", { key: '9719b6852b05b3e8357f1f0757f8d9d568b2b016', class: "stzh-eventinfo__main-event-link" }, h("stzh-link", { key: '0998ff0390f0e2fbacbedccd3fed2761545bbf28', href: this.calendarUrl, label: this.calendarLabel || this.localization.addToCalendar, size: "inherit" })))), h("div", { key: '4f8be2df3fd2079a2c493905e33a030cc3800efc', class: "stzh-eventinfo__text" }, h("div", { key: 'cde3060ea87f7441b2180d459b761cfcdeeac0cd', class: "stzh-eventinfo__location" }, h("slot", { key: 'cc7b47c4cbcf29ba8f3fb1aa7f865e1bc74e5ea9', name: "location" })), h("div", { key: '859b03f6d05b0fd710dc976c0bd09fb31c5fa121', class: "stzh-eventinfo__additional-info" }, h("slot", { key: '8e8fb14251afe7b10eea677a6e0ef71187088064', name: "additional-info" })))), this._itemsGroupedByMonth.length > 0 && (h("div", { key: 'ac877fa26c17460451e85216bf2b54a0e7a4ad46', class: "stzh-eventinfo__details-wrapper" }, h("stzh-details", { key: '311b48c6f9b4efc051a4fd486b1745a27fb0ccce', class: "stzh-eventinfo__details" }, h("stzh-link", { key: 'e0dae3c2ba1046fe8fce8be89ab73ff6fa311270', class: "stzh-eventinfo__details-link", icon: "calendar", size: "inherit" }, h("span", { key: '4610a4cd1c3cbd8f6b9ddf2980cee57f7cc1ce98', class: "stzh-eventinfo__details-link-expand" }, this.localization.expandMoreDates), h("span", { key: '2142e062f482ce511c26bf8df0eeeb4f3892e680', class: "stzh-eventinfo__details-link-collapse" }, this.localization.collapseMoreDates)), h("ul", { key: 'd74974988eafab11da8b84d0d883ee13797bec6b', slot: "content", class: "stzh-eventinfo__month-list" }, this._itemsGroupedByMonth.map(groupedItems => (h("li", { class: "stzh-eventinfo__month-list-item" }, h(MonthHeading, { class: "stzh-eventinfo__heading" }, groupedItems.name), groupedItems.events.length > 0 && (h("ul", { class: "stzh-eventinfo__event-list" }, groupedItems.events.map(event => (h("li", { class: "stzh-eventinfo__event-list-item" }, h("time", { class: "stzh-eventinfo__event-datetime-wrapper", dateTime: event.start.toISOString() }, h("span", { class: "stzh-eventinfo__event-date-wrapper" }, h("span", { class: "stzh-eventinfo__event-weekday" }, this.localization.$globals.dayNames[event.start.getDay()]), h("span", { class: "stzh-eventinfo__event-date" }, this.dateAdapter.format(event.start, "date"))), this.hasProperStartAndOrEndDate(event.start, event.end) && (h("span", { class: "stzh-eventinfo__event-time" }, this.dateAdapter.formatSpan(event.start, event.end, "time")))), h("span", { class: "stzh-eventinfo__event-link" }, event.calendarUrl && (h("stzh-link", { href: event.calendarUrl, label: event.calendarLabel || this.localization.addToCalendar })))))))))))))))))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {