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

@oiz/stzh-components 4.12.1 → 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 (1081) hide show

package/dist/cjs/stzh-iframe.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var js_cookie = require('./js.cookie-DzFinoA4.js');
 var _commonjsHelpers = require('./_commonjsHelpers-B83fTs8d.js');
@@ -3034,18 +3034,18 @@ const StzhIframe = class {
         const classes = {
             "stzh-iframe": true,
         };
-        return (index.h(index.Host, { key: '1b600d03ef0a63d4ca9b5d9ee7b909a48093bee7' }, index.h("div", { key: '35584040265826abcc773e2193387524853ef297', class: classes }, this.view === "iframe" && (index.h("iframe", { key: 'cf6948e031e78b262c996af20e1d71e2c6838e36', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), index.h("button", { key: 'dc16088bdb022e640cb522ec27f79dd24480cf62', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
+        return (index.h(index.Host, { key: '8b8b9169d44e1f40e186730205881eb96c870c3a' }, index.h("div", { key: '57cf3a60fa4e12a993e305a39d307e4a95e7646c', class: classes }, this.view === "iframe" && (index.h("iframe", { key: 'afa14c0268af702766b48567c8ba95c9e4573604', id: this.iframeId, name: this.name, sandbox: this.sandbox, referrerPolicy: this.referrerpolicy, width: this.width, height: this.height, ref: el => (this.iframeElement = el), class: "stzh-iframe__iframe", src: this._src, allow: this.allow, onLoad: this.handleIframeLoad }, this.iframeErrorText)), index.h("button", { key: 'afb26c42529f7079229b443c16c1961ccab76514', ref: el => (this.previewButtonElement = el), onClick: this.handlePreviewClick, "aria-label": this.previewLabel || this.localization.defaultPreviewLabel,
             // disabled={this.view === "cookiewall"}
             class: {
                 "stzh-iframe__preview": true,
                 "is-visible": this.view === "preview" || this.view === "cookiewall",
-            } }, index.h("div", { key: 'f7aa50926babf3b5aa4bbaf189ffe17b97bf38c1', class: "stzh-iframe__preview-image-wrapper" }, index.h("slot", { key: '92b231cc31da78becc84a9c0008b2599e1f94933', name: "preview-image" })), index.h("div", { key: 'a614cb7318e45921b4171319f64deb0b1b9c9594', class: "stzh-iframe__preview-logo-wrapper" }, index.h("slot", { key: '3017710161f6a8c8b858f8cd9ec75ff905de4874', name: "preview-logo" })), this.previewIcon && (index.h("div", { key: '727a12a3aff3f0d611d4b2310c5429dc980fb269', class: {
+            } }, index.h("div", { key: 'af6dd4647146f97507f1563f4b6975d6f8308fb0', class: "stzh-iframe__preview-image-wrapper" }, index.h("slot", { key: '7fdb2adafaa19872af407eee616f4dd1d0f28769', name: "preview-image" })), index.h("div", { key: 'c78231c80695a1b0852d9346d28e8541630ee3e4', class: "stzh-iframe__preview-logo-wrapper" }, index.h("slot", { key: '67df6526e9d68e2019973573c578f6816b4eed46', name: "preview-logo" })), this.previewIcon && (index.h("div", { key: '3e0609676b2c7ac55b28e49f8910d00c654f4f7f', class: {
                 "stzh-iframe__preview-run": true,
                 "is-visible": this.view === "preview",
-            } }, index.h("stzh-icon", { key: 'ea5c618fa5d64db7a339c09f2ff2abc249a8cb14', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (index.h("div", { key: '0d14b4512f8503844abaa4e8385d780aad76a89b', class: {
+            } }, index.h("stzh-icon", { key: '10fc099af534c497039a7f1f15f08c14560fc1ac', class: "stzh-iframe__preview-run-icon", name: this.previewIcon })))), this.cookie && (index.h("div", { key: '661aa5ebee279f15bb4a7912f0d04be30100607a', class: {
                 "stzh-iframe__cookiewall": true,
                 "is-visible": this.view === "cookiewall",
-            } }, index.h("div", { key: '294aef49148dc07de6d419d2bc09800f6ad2ff45', class: "stzh-iframe__cookiewall-content" }, index.h("div", { key: '3d8675683eeac4d01ea7a00b575d562e9d992fe3', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : index.h("slot", { name: "cookiewall-text" })), index.h("stzh-button", { key: 'ebcf221612ff37c5f47a68a08d135824473fff85', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (index.h("button", { key: '4b296df083d8870895d67fcbbdcc917ef227f505', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, index.h("stzh-icon", { key: 'b23bae3fb9bda8b349ab1ac9c8d024976fc000c3', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
+            } }, index.h("div", { key: 'ff0d60d35308e647985521a2f3737c319b210e50', class: "stzh-iframe__cookiewall-content" }, index.h("div", { key: 'c524f886755514437b6f73d0ee42ba973570bdd2', class: "stzh-iframe__cookiewall-text", id: `${this.internalId}-cookiewall-text` }, this.cookieConfirmText ? this.cookieConfirmText : index.h("slot", { name: "cookiewall-text" })), index.h("stzh-button", { key: '4ff718cd6a9faf352711b99bd8e841d8a3d76f2c', ref: el => (this.confirmButtonElement = el), class: "stzh-iframe__cookiewall-button", size: "small", a11yDescribedby: `${this.internalId}-cookiewall-text`, icon: this.cookieConfirmIcon, label: this.cookieConfirmLabel || this.localization.defaultConfirmLabel, onClick: this.handleCookiewallConfirmClick })), !this.skipPreview && (index.h("button", { key: '3e785fe28a7f7967f72355edb64b78addb5b8ac5', class: "stzh-iframe__cookiewall-close", onClick: this.handleCookiewallCloseClick, "aria-label": this.localization.confirmCloseLabel }, index.h("stzh-icon", { key: '6b54285e56fbb822771e7723b7b29ab01dc9f384', class: "stzh-iframe__cookiewall-close-icon", name: "close" }))))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-imagecomparison.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhImagecomparisonCss = () => `.sc-stzh-imagecomparison-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-imagecomparison-h,[stzh-hidden].sc-stzh-imagecomparison-h{display:none}.sc-stzh-imagecomparison-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::before,.sc-stzh-imagecomparison-h *.sc-stzh-imagecomparison::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-imagecomparison-h .has-focus.sc-stzh-imagecomparison{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison{outline-style:none !important}.sc-stzh-imagecomparison-h .stzh-fylingfocus-focused.sc-stzh-imagecomparison::-moz-focus-inner{border:0 !important}.sc-stzh-imagecomparison-h{--exposure:50%;--divider-width:0.125rem}@media print{.sc-stzh-imagecomparison-h{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active){.sc-stzh-imagecomparison-h{--divider-width:0.25rem}}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>*,.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-imagecomparison-h.sc-stzh-imagecomparison-s>[slot=image-after],.sc-stzh-imagecomparison-h .sc-stzh-imagecomparison-s>[slot=image-after]{clip-path:polygon(calc(var(--exposure) + var(--divider-width) / 2) 0, 100% 0, 100% 100%, calc(var(--exposure) + var(--divider-width) / 2) 100%)}.stzh-imagecomparison.sc-stzh-imagecomparison{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.stzh-imagecomparison__control.sc-stzh-imagecomparison{position:absolute;inset:0;opacity:0;cursor:pointer}.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{position:absolute;left:var(--exposure);height:100%;width:var(--divider-width);background-color:var(--stzh-color-white);transform:translateX(-50%);transition:background-color var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{transition:none;background-color:ButtonBorder}}.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:var(--exposure);overflow:hidden;width:calc(2 * var(--stzh-icon-size) + var(--divider-width));height:var(--stzh-icon-size);outline:0.1875rem solid transparent;outline-offset:-0.0625rem;transform:translate(-50%, -50%);color:var(--stzh-color-primary70);background-color:var(--stzh-color-white);transition-property:color, background-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{transition:none;color:ButtonText;background-color:ButtonFace;outline-color:ButtonBorder}}.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{pointer-events:none;opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{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-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);position:absolute;top:0;display:flex;align-items:center;height:1.5rem;padding:0 var(--stzh-space-xsmall);background:var(--stzh-color-black50op);color:var(--stzh-color-white)}@media (forced-colors: active){.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison,.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{background-color:Canvas}}.stzh-imagecomparison__hint-left.sc-stzh-imagecomparison{left:0}.stzh-imagecomparison__hint-right.sc-stzh-imagecomparison{right:0}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-line.sc-stzh-imagecomparison{background-color:Highlight}}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{background-color:var(--stzh-color-secondary30)}@media (forced-colors: active){.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover .stzh-imagecomparison__slider-icon-wrapper.sc-stzh-imagecomparison{color:HighlightText;outline-color:Highlight;background-color:Highlight}}.stzh-imagecomparison__label.sc-stzh-imagecomparison:hover+.stzh-imagecomparison__hint-wrapper.sc-stzh-imagecomparison{opacity:1}`;
@@ -35,9 +35,9 @@ const StzhImageComparison = class {
         const classes = {
             "stzh-imagecomparison": true,
         };
-        return (index.h(index.Host, { key: '1c97a0a627febed3b7f691efed1f5ef6f7a7cbd5', "aria-roledescription": this.localization.label, style: {
+        return (index.h(index.Host, { key: '6ba93f7ab74069f229ac85ab4c35e9c1e9f5884d', "aria-roledescription": this.localization.label, style: {
                 "--exposure": `${this.value.toString()}%`,
-            } }, index.h("div", { key: '0b08a4adc2171d886a9b1fc1bdc2fbdacc4660ac', class: classes }, index.h("div", { key: 'dc4c4262d1621ad5a6cb0216115bbd232c722076', class: "stzh-imagecomparison__element" }, index.h("slot", { key: '4045a2538ec4369e448023dd3574ae8ff8b16a64', name: "image-before" }), index.h("slot", { key: '481854e7ea1d765010bf6a4ae9c5213f3bf91049', name: "image-after" }), index.h("label", { key: '03867be00ccf9b2028fd35c09149e8a94c81861f', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, index.h("div", { key: '6be78bb3998220201575b9de718020347ab801d4', class: "stzh-imagecomparison__slider-icon-wrapper" }, index.h("stzh-icon", { key: '69457905eed68f8fc6ca972c360fa8896551793a', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), index.h("stzh-icon", { key: 'cf5063dc2b25dbfc7e78d93ded69384363c2e9f0', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), index.h("div", { key: '863d82f1f7915843a90d5a5b2e5ed9727e36c6d8', class: "stzh-imagecomparison__slider-line" }), index.h("input", { key: '52e0a1145fe8600a7d7c5715f5e64b817d11fc78', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), index.h("div", { key: 'ebcc398a03c980d58a44f09b460c07f4abb2c0db', class: "stzh-imagecomparison__hint-wrapper" }, index.h("span", { key: 'a75106a531643552183a2f864f87f5907213e4a3', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : index.h("slot", { name: "hint-left" })), index.h("span", { key: '04367102b79c53d1692c9557225979ebe55a02ae', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : index.h("slot", { name: "hint-right" })))))));
+            } }, index.h("div", { key: 'cd73daf474c307a50eab9f09450d7c5911f4ed60', class: classes }, index.h("div", { key: '45a621cd3e43a1df930f968f080adfdf14e84e86', class: "stzh-imagecomparison__element" }, index.h("slot", { key: '30051aea2b2dd070399aa0864627503e83f34a0b', name: "image-before" }), index.h("slot", { key: 'f7edc32eb69a6511070e90b50f6ae70c3852c82f', name: "image-after" }), index.h("label", { key: 'b116d82cfcff52cd01aa19081cdee358b3914188', class: "stzh-imagecomparison__label", "aria-label": this.label || this.localization.label, "aria-describedby": this.a11yDescribedby || null }, index.h("div", { key: 'aa69c25517769a9f0959bfe2c45c58096feec6a4', class: "stzh-imagecomparison__slider-icon-wrapper" }, index.h("stzh-icon", { key: '7e9e98753325e5b25cfd7bc5e68993df0f30a087', class: "stzh-imagecomparison__slider-icon-left", name: "angle-left" }), index.h("stzh-icon", { key: 'f03bf55f825da9baac7b3ac7dc0f1e906a4497c5', class: "stzh-imagecomparison__slider-icon-right", name: "angle-right" })), index.h("div", { key: '4e52be7d36382996cf303573a43721cd2edb5598', class: "stzh-imagecomparison__slider-line" }), index.h("input", { key: 'b783650104e31ff3fb551a294b52ba9c3992c825', type: "range", class: "stzh-imagecomparison__control", min: "0", max: "100", ref: el => (this.inputElement = el), onInput: this.handleInput })), index.h("div", { key: 'ab54b4125c9943410bbe2509cfe5fd02d0bbe316', class: "stzh-imagecomparison__hint-wrapper" }, index.h("span", { key: '53ab09c653ef36a0c264e206caa63a4e02e9e4f2', class: "stzh-imagecomparison__hint-left" }, this.hintLeft ? this.hintLeft : index.h("slot", { name: "hint-left" })), index.h("span", { key: '64f44bb6b0222f28877d393d1032ad312bc49a21', class: "stzh-imagecomparison__hint-right" }, this.hintRight ? this.hintRight : index.h("slot", { name: "hint-right" })))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/{stzh-input-description-IeBc75qD.js → stzh-input-description-CSsYU8AB.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const StzhInputDescription = ({ id, classPrefix, error, description, descriptionLong, descriptionLongTitle, descriptionLongUsed, moreInfoButtonLabel, showError = true, showDescriptionText = true, }) => {
     return (index.h("div", { class: `${classPrefix}__description-wrapper`, id: id }, showError && (index.h("div", { class: `${classPrefix}__error` }, (error === null || error === void 0 ? void 0 : error.length) > 0 ? (index.h("ul", { class: `${classPrefix}__error-list` }, error.map(error => (index.h("li", { class: `${classPrefix}__error-listitem` }, error))))) : (index.h("slot", { name: "error" })))), (descriptionLongUsed || showDescriptionText) && (index.h("div", { class: `${classPrefix}__description` }, descriptionLongUsed && (index.h("div", { class: `${classPrefix}__description-long` }, index.h("stzh-popover", { class: `${classPrefix}__description-long-popover`, variant: "tooltip" }, index.h("button", { class: `${classPrefix}__description-long-button`, "aria-label": moreInfoButtonLabel, type: "button", "s-object-id": moreInfoButtonLabel }, index.h("stzh-icon", { class: `${classPrefix}__description-long-icon`, name: "info-help-filled" })), index.h("div", { slot: "label" }, descriptionLongTitle || description ? (descriptionLongTitle || description) : (index.h("slot", { name: "description-long-title" }))), index.h("stzh-text", { curve: "none", slot: "content" }, descriptionLong ? descriptionLong : index.h("slot", { name: "description-long" }))))), showDescriptionText && (index.h("div", { class: `${classPrefix}__description-text` }, description ? description : index.h("slot", { name: "description" })))))));
 };
 exports.StzhInputDescription = StzhInputDescription;
-//# sourceMappingURL=stzh-input-description-IeBc75qD.js.map
+//# sourceMappingURL=stzh-input-description-CSsYU8AB.js.map
-//# sourceMappingURL=stzh-input-description-IeBc75qD.js.map
+//# sourceMappingURL=stzh-input-description-CSsYU8AB.js.map

package/dist/cjs/{stzh-input-description-IeBc75qD.js.map → stzh-input-description-CSsYU8AB.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"stzh-input-description-~~IeBc75qD~~.js","sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n id: string;\n classPrefix: string;\n error?: string[];\n description?: string;\n descriptionLong?: string;\n descriptionLongTitle?: string;\n descriptionLongUsed?: boolean;\n moreInfoButtonLabel?: string;\n showError?: boolean;\n showDescriptionText?: boolean;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n id,\n classPrefix,\n error,\n description,\n descriptionLong,\n descriptionLongTitle,\n descriptionLongUsed,\n moreInfoButtonLabel,\n showError = true,\n showDescriptionText = true,\n}) => {\n return (\n <div class={`${classPrefix}__description-wrapper`} id={id}>\n {showError && (\n <div class={`${classPrefix}__error`}>\n {error?.length > 0 ? (\n <ul class={`${classPrefix}__error-list`}>\n {error.map(error => (\n <li class={`${classPrefix}__error-listitem`}>{error}</li>\n ))}\n </ul>\n ) : (\n <slot name=\"error\"></slot>\n )}\n </div>\n )}\n\n {(descriptionLongUsed \|\| showDescriptionText) && (\n <div class={`${classPrefix}__description`}>\n {descriptionLongUsed && (\n <div class={`${classPrefix}__description-long`}>\n <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n <button\n class={`${classPrefix}__description-long-button`}\n aria-label={moreInfoButtonLabel}\n type=\"button\"\n s-object-id={moreInfoButtonLabel}\n >\n <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help-filled\"></stzh-icon>\n </button>\n <div slot=\"label\">\n {descriptionLongTitle \|\| description ? (\n descriptionLongTitle \|\| description\n ) : (\n <slot name=\"description-long-title\"></slot>\n )}\n </div>\n <stzh-text curve=\"none\" slot=\"content\">\n {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n </stzh-text>\n </stzh-popover>\n </div>\n )}\n {showDescriptionText && (\n <div class={`${classPrefix}__description-text`}>\n {description ? description : <slot name=\"description\"></slot>}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n"],"names":["h"],"mappings":";;;;AAeO,MAAM,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,GAAG,IAAI,EAChB,mBAAmB,GAAG,IAAI,GAC3B,KAAI;AACH,IAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,uBAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACtD,SAAS,KACRA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,EAChC,EAAA,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAChBA,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACdA,OAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAkB,gBAAA,CAAA,IAAG,KAAK,CAAM,CAC1D,CAAC,CACC,KAELA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,CACP,EAEA,CAAC,mBAAmB,IAAI,mBAAmB,MAC1CA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,eAAe,EAAA,EACtC,mBAAmB,KAClBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAAA,EAC5CA,OAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAA4B,0BAAA,CAAA,EAAE,OAAO,EAAC,SAAS,EAAA,EAChFA,OAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,GAAG,WAAW,CAAA,yBAAA,CAA2B,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhCA,OAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAyB,uBAAA,CAAA,EAAE,IAAI,EAAC,kBAAkB,EAAA,CAAa,CACxF,EACTA,OAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACNA,OAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EACA,mBAAmB,KAClBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CACzD,CACP,CACG,CACP,CACG;AAEV;;;;"}
1	+ {"version":3,"file":"stzh-input-description-CSsYU8AB.js","sources":["src/components/stzh-input/stzh-input-description.tsx"],"sourcesContent":["import { h, FunctionalComponent } from \"@stencil/core\";\n\nexport type StzhInputDescriptionProps = {\n id: string;\n classPrefix: string;\n error?: string[];\n description?: string;\n descriptionLong?: string;\n descriptionLongTitle?: string;\n descriptionLongUsed?: boolean;\n moreInfoButtonLabel?: string;\n showError?: boolean;\n showDescriptionText?: boolean;\n};\n\nexport const StzhInputDescription: FunctionalComponent<StzhInputDescriptionProps> = ({\n id,\n classPrefix,\n error,\n description,\n descriptionLong,\n descriptionLongTitle,\n descriptionLongUsed,\n moreInfoButtonLabel,\n showError = true,\n showDescriptionText = true,\n}) => {\n return (\n <div class={`${classPrefix}__description-wrapper`} id={id}>\n {showError && (\n <div class={`${classPrefix}__error`}>\n {error?.length > 0 ? (\n <ul class={`${classPrefix}__error-list`}>\n {error.map(error => (\n <li class={`${classPrefix}__error-listitem`}>{error}</li>\n ))}\n </ul>\n ) : (\n <slot name=\"error\"></slot>\n )}\n </div>\n )}\n\n {(descriptionLongUsed \|\| showDescriptionText) && (\n <div class={`${classPrefix}__description`}>\n {descriptionLongUsed && (\n <div class={`${classPrefix}__description-long`}>\n <stzh-popover class={`${classPrefix}__description-long-popover`} variant=\"tooltip\">\n <button\n class={`${classPrefix}__description-long-button`}\n aria-label={moreInfoButtonLabel}\n type=\"button\"\n s-object-id={moreInfoButtonLabel}\n >\n <stzh-icon class={`${classPrefix}__description-long-icon`} name=\"info-help-filled\"></stzh-icon>\n </button>\n <div slot=\"label\">\n {descriptionLongTitle \|\| description ? (\n descriptionLongTitle \|\| description\n ) : (\n <slot name=\"description-long-title\"></slot>\n )}\n </div>\n <stzh-text curve=\"none\" slot=\"content\">\n {descriptionLong ? descriptionLong : <slot name=\"description-long\"></slot>}\n </stzh-text>\n </stzh-popover>\n </div>\n )}\n {showDescriptionText && (\n <div class={`${classPrefix}__description-text`}>\n {description ? description : <slot name=\"description\"></slot>}\n </div>\n )}\n </div>\n )}\n </div>\n );\n};\n"],"names":["h"],"mappings":";;;;AAeO,MAAM,oBAAoB,GAAmD,CAAC,EACnF,EAAE,EACF,WAAW,EACX,KAAK,EACL,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,SAAS,GAAG,IAAI,EAChB,mBAAmB,GAAG,IAAI,GAC3B,KAAI;AACH,IAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,uBAAuB,EAAE,EAAE,EAAE,EAAE,EAAA,EACtD,SAAS,KACRA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAA,OAAA,CAAS,EAChC,EAAA,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,MAAM,IAAG,CAAC,IAChBA,OAAA,CAAA,IAAA,EAAA,EAAI,KAAK,EAAE,CAAG,EAAA,WAAW,CAAc,YAAA,CAAA,EACpC,EAAA,KAAK,CAAC,GAAG,CAAC,KAAK,KACdA,OAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,CAAkB,gBAAA,CAAA,IAAG,KAAK,CAAM,CAC1D,CAAC,CACC,KAELA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAQ,CAAA,CAC3B,CACG,CACP,EAEA,CAAC,mBAAmB,IAAI,mBAAmB,MAC1CA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,eAAe,EAAA,EACtC,mBAAmB,KAClBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAAA,EAC5CA,OAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAA4B,0BAAA,CAAA,EAAE,OAAO,EAAC,SAAS,EAAA,EAChFA,OAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAE,GAAG,WAAW,CAAA,yBAAA,CAA2B,EAAA,YAAA,EACpC,mBAAmB,EAC/B,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,mBAAmB,EAAA,EAEhCA,OAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAE,CAAA,EAAG,WAAW,CAAyB,uBAAA,CAAA,EAAE,IAAI,EAAC,kBAAkB,EAAA,CAAa,CACxF,EACTA,OAAK,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EACd,EAAA,oBAAoB,IAAI,WAAW,IAClC,oBAAoB,IAAI,WAAW,KAEnCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,wBAAwB,EAAQ,CAAA,CAC5C,CACG,EACNA,OAAW,CAAA,WAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,SAAS,EAAA,EACnC,eAAe,GAAG,eAAe,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,kBAAkB,EAAQ,CAAA,CAChE,CACC,CACX,CACP,EACA,mBAAmB,KAClBA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,WAAW,oBAAoB,EAC3C,EAAA,WAAW,GAAG,WAAW,GAAGA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CACzD,CACP,CACG,CACP,CACG;AAEV;;;;"}

package/dist/cjs/stzh-input.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
-var stzhInputDescription = require('./stzh-input-description-IeBc75qD.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
+var stzhInputDescription = require('./stzh-input-description-CSsYU8AB.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhInputCss = () => `.sc-stzh-input-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-input-h,[stzh-hidden].sc-stzh-input-h{display:none}.sc-stzh-input-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-input-h *.sc-stzh-input,.sc-stzh-input-h *.sc-stzh-input::before,.sc-stzh-input-h *.sc-stzh-input::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-input-h .has-focus.sc-stzh-input{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input{outline-style:none !important}.sc-stzh-input-h .stzh-fylingfocus-focused.sc-stzh-input::-moz-focus-inner{border:0 !important}.sc-stzh-input-h{--text-align:left;--color:var(--stzh-input-color, var(--stzh-color-secondary60));--border-color:var(--stzh-color-grey70);--border-radius:var(--stzh-form-input-border-radius);--background-color:var(--stzh-color-white);--padding-top:var(--stzh-space-xsmall);--padding-bottom:var(--stzh-space-xsmall);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--height:var(--stzh-form-input-height);--input-width:100%;--label-color:var(--stzh-input-label-color, var(--stzh-color-primary));--placeholder-color:var(--stzh-color-grey70);--button-right-color:var(--stzh-color-grey80);--hover-color:var(--stzh-input-hover-color, var(--stzh-color-secondary60));--hover-border-color:var(
@@ -59,19 +59,19 @@ const StzhInput = class {
         this.size = "default";
         /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
         this.a11yDescribedby = "";
+        /**
+         * Whether the component has meaningful default-slot content.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
         this.hasDefaultSlot = false;
+        /**
+         * Indicates whether default-slot content detection has run at least once.
+         * Used to avoid rendering state-dependent markup before the slot content
+         * has been evaluated.
+         * Becomes obsolete with the implementation of PDESI-1908.
+         */
         this.hasResolvedDefaultSlot = false;
         this.focusedByInput = false;
-        /** Updates default-slot state after initial render and later slot content changes. */
-        this.updateDefaultSlotState = () => {
-            const hasDefaultSlot = this.hasDefaultLabelContent();
-            if (this.hasDefaultSlot !== hasDefaultSlot) {
-                this.hasDefaultSlot = hasDefaultSlot;
-            }
-            if (!this.hasResolvedDefaultSlot) {
-                this.hasResolvedDefaultSlot = true;
-            }
-        };
         this.onClearClick = async (event) => {
             this.value = "";
             this.input.focus();
@@ -151,6 +151,19 @@ const StzhInput = class {
                 originalEvent: event,
             });
         };
+        /**
+         * Re-evaluates default-slot content and updates the related render state.
+         * Becomes obsolete with implementation of PDESI-1908.
+         */
+        this.updateDefaultSlotState = () => {
+            const hasDefaultSlot = utils.hasDefaultSlotContent(this.element, ["stzh-input"]);
+            if (this.hasDefaultSlot !== hasDefaultSlot) {
+                this.hasDefaultSlot = hasDefaultSlot;
+            }
+            if (!this.hasResolvedDefaultSlot) {
+                this.hasResolvedDefaultSlot = true;
+            }
+        };
     }
     resetListener(event) {
         if (event.target.contains(this.element)) {
@@ -189,24 +202,6 @@ const StzhInput = class {
             throw new Error(`Type ${newValue} not supported`);
         }
     }
-    /** Detects default-slot label content, including Stencil's scoped-slot fallback nodes. */
-    hasDefaultLabelContent() {
-        if (utils.hasSlot(this.element)) {
-            return true;
-        }
-        return Array.from(this.element.childNodes).some(node => {
-            var _a, _b;
-            const slotNode = (_a = node["s-nr"]) !== null && _a !== void 0 ? _a : node;
-            if (slotNode.nodeType === Node.TEXT_NODE) {
-                return ((_b = slotNode.textContent) !== null && _b !== void 0 ? _b : "").trim() !== "";
-            }
-            if (slotNode.nodeType === Node.ELEMENT_NODE) {
-                const element = slotNode;
-                return !element.hasAttribute("slot") && !element.classList.contains("stzh-input");
-            }
-            return false;
-        });
-    }
     waitForNextRender() {
         return new Promise(resolve => (this.renderPromiseResolve = resolve));
     }
@@ -263,18 +258,18 @@ const StzhInput = class {
             [`stzh-input--size-${this.size}`]: !!this.size,
             [`stzh-input--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'd195c45d4e0040fa255c91f43adfb94941ec2c63', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, index.h("div", { key: '02d3ea7c524107257e3e488cdf310dc34fa3857a', class: classes }, labelWrapperUsed && (index.h("div", { key: '9b4017101f0818c295d9fd781128e10a82b78be7', class: "stzh-input__label-wrapper" }, index.h("label", { key: 'd94b948c1e96e5bdfa8884bcb0cda7130e6bddb3', class: {
+        return (index.h(index.Host, { key: '7aef21c133dfe7591ab75f8fdfd75411e6960dc0', "is-invalid": this.invalid || errorUsed, tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus, "is-filled": this.filled }, index.h("div", { key: '47a38d7a7d1b1cd41c1717d496cb86829e9e706c', class: classes }, labelWrapperUsed && (index.h("div", { key: '408a97bc8187165a347dd285b51a596734b389ef', class: "stzh-input__label-wrapper" }, index.h("label", { key: '84137dd0e996dbdfd0b9d7e0d9785eb5f73a314f', class: {
                 "stzh-input__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            }, htmlFor: this.inputId }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: 'dd99a584802120e48ece9ed57355dabfba286074', class: "stzh-input__marker" }, index.h("span", { key: 'e52060306a2b697cbb235cdff8f559f0f4786fff', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
+            }, htmlFor: this.inputId }, this.label ? this.label : index.h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (index.h("span", { key: 'a5ca6200ab248c68779821f2f9cd3e2973e77b66', class: "stzh-input__marker" }, index.h("span", { key: '5d8a162d63ae70d1b49080c845337519a57a74fa', class: "stzh-input__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: 'f629992a20c86974922b20dc7f8c8a671981bc17', class: "stzh-input__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), index.h("span", { key: '62030af17d59d43f57156c63173ab9da6c8ee99a', class: "stzh-input__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: 'dab2b867e4c4843496c3d641d05e33e53522172c', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: 'f27b1b23cac724928519b024d50e8760d2c28e83', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (index.h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
+            : this.localization.$globals.optionalFieldText)))), descriptionLongUsed && (index.h(stzhInputDescription.StzhInputDescription, { key: '46722b98f746f0c00c3f08490a10a016c823f9f4', classPrefix: "stzh-input", id: `${this.inputId}-description-long`, description: this.description, descriptionLong: this.descriptionLong, descriptionLongTitle: this.descriptionLongTitle, descriptionLongUsed: descriptionLongUsed, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), index.h("div", { key: '31cc04f66eb79662d7f5c5429d6247a83706b718', class: "stzh-input__field-wrapper" }, this.multiline ? this.renderTextarea() : this.renderInput(), this.clearable || this.type === "search" || this.type === "password" ? ((!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === "search" ? (index.h("stzh-icon", { class: "stzh-input__button-right", name: "search" })) : this.type === "password" ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: this.showPassword ? "view-hidden" : "view", size: this.size, iconOnly: true, onClick: this.onTogglePasswordVisibilityClick, disabled: this.disabled || this.readonly, a11yLabel: this.type === "password"
                 ? this.showPassword
                     ? this.localization.$globals.passwordToggleButtonHideLabel
                     : this.localization.$globals.passwordToggleButtonShowLabel
-                : undefined })) : this.filled ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (index.h("slot", { name: "button-right" }))) : (index.h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '1d377f724be2b431c8177fd66bb2a2b43b7d425d', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
+                : undefined })) : this.filled ? (index.h("stzh-button", { class: "stzh-input__button-right", icon: "close", size: this.size, iconOnly: true, onClick: this.onClearClick, a11yLabel: this.localization.$globals.clearButtonLabel, "aria-controls": this.inputId, a11yTabindex: "-1", "aria-hidden": this.clearable ? "true" : undefined })) : (index.h("slot", { name: "button-right" }))) : (index.h("slot", { name: "button-right" }))), (errorUsed || descriptionUsed) && (index.h(stzhInputDescription.StzhInputDescription, { key: '1262f802e9fa06f66114c9a98794d6df4d390479', classPrefix: "stzh-input", id: `${this.inputId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-invert.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhInvertCss = () => `.sc-stzh-invert-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-invert-h,[stzh-hidden].sc-stzh-invert-h{display:none}.sc-stzh-invert-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-invert-h *.sc-stzh-invert,.sc-stzh-invert-h *.sc-stzh-invert::before,.sc-stzh-invert-h *.sc-stzh-invert::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-invert-h .has-focus.sc-stzh-invert{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert{outline-style:none !important}.sc-stzh-invert-h .stzh-fylingfocus-focused.sc-stzh-invert::-moz-focus-inner{border:0 !important}.sc-stzh-invert-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--stzh-chip-color:var(--stzh-base-invert-color);--stzh-chip-background-color:var(--stzh-color-white40op);--stzh-chip-hover-color:var(--stzh-base-invert-color);--stzh-chip-hover-background-color:var(--stzh-color-white30op);--stzh-chip-disabled-color:var(--stzh-color-white60op);--stzh-chip-disabled-background-color:var(--stzh-color-white40op);--stzh-chip-active-color:var(--stzh-color-primary);--stzh-chip-active-background-color:var(--stzh-color-white80op);--stzh-chip-active-hover-color:var(--stzh-color-primary);--stzh-chip-active-hover-background-color:var(--stzh-color-white80op);--stzh-richtext-blockquote-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-line-color:var(--stzh-base-invert-color);--stzh-richtext-blockquote-footer-color:var(--stzh-base-invert-color)}.sc-stzh-invert-h.sc-stzh-invert-s>*,.sc-stzh-invert-h .sc-stzh-invert-s>*{background-color:var(--stzh-base-invert-background-color)}`;
@@ -12,7 +12,7 @@ const StzhInvert = class {
         const classes = {
             "stzh-invert": true,
         };
-        return (index.h(index.Host, { key: '377f54ecaf08bb107691241c039db1a29cf5f68a' }, index.h("div", { key: '7261bd15fb90b5a7772ffbc01a787573a2a1bba2', class: classes }, index.h("slot", { key: 'fcd77a0636614aaa783716d735f97bdfa1062548' }))));
+        return (index.h(index.Host, { key: '7fa868ecf1eb6b816db0f1702e27775f6ce510d1' }, index.h("div", { key: 'a1d8be2f5e5c69b0f1d16c4eed8fe875475e2305', class: classes }, index.h("slot", { key: '7c0a8b513630e5acbf1afe4e6f7aaaa12d6e1f29' }))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-link.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhLinkCss = () => `.sc-stzh-link-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-link-h,[stzh-hidden].sc-stzh-link-h{display:none}.sc-stzh-link-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-link-h *.sc-stzh-link,.sc-stzh-link-h *.sc-stzh-link::before,.sc-stzh-link-h *.sc-stzh-link::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-link-h .has-focus.sc-stzh-link{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-link-h .stzh-fylingfocus-focused.sc-stzh-link{outline-style:none !important}.sc-stzh-link-h .stzh-fylingfocus-focused.sc-stzh-link::-moz-focus-inner{border:0 !important}.sc-stzh-link-h{--font-size:var(--stzh-font-milli-font-size);--line-height:var(--stzh-font-milli-text-line-height);--letter-spacing:normal}@media screen and (min-width: 900px){.sc-stzh-link-h{--font-size:var(--stzh-font-centi-font-size);--line-height:var(--stzh-font-centi-text-line-height);--letter-spacing:normal}}.sc-stzh-link-h{--color:var(--stzh-link-color);--text-decoration-line:var(--stzh-link-text-decoration-line);--icon-wrapper-height:var(--stzh-link-icon-wrapper-height);--icon-size:var(--stzh-link-icon-size);--height:var(--stzh-link-height, 40px);--hover-color:var(--stzh-link-hover-color);--hover-text-decoration-line:var(--stzh-link-hover-text-decoration-line)}@media screen and (min-width: 900px){.sc-stzh-link-h{--height:var(--stzh-link-height, auto)}}.sc-stzh-link-h{color:var(--color);display:inline-grid;width:auto;min-height:var(--height);pointer-events:var(--stzh-link-pointer-events, auto)}[height=auto].sc-stzh-link-h{--height:var(--stzh-link-auto-height, auto)}[fullwidth].sc-stzh-link-h:not([fullwidth=false]){width:100%;display:grid}[variant=secondary].sc-stzh-link-h{--color:var(--stzh-link-secondary-color);--hover-color:var(--stzh-link-secondary-hover-color)}[variant=back].sc-stzh-link-h{--text-decoration-line:none;--hover-color:var(--color)}[active].sc-stzh-link-h:not([active=false]){--color:var(--hover-color)}[disabled].sc-stzh-link-h:not([disabled=false]){--color:var(--stzh-color-grey60);--hover-color:var(--stzh-color-grey60)}.sc-stzh-link-h:where([size=small]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal}.sc-stzh-link-h:where([size=inherit]){--font-size:inherit;--line-height:inherit;--letter-spacing:inherit}.stzh-link.sc-stzh-link{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);font-family:inherit;position:relative;display:flex;align-items:center;justify-content:stretch;appearance:none;border:none;color:var(--color);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer;width:100%;-webkit-text-decoration-line:none;text-decoration-line:none;background-color:transparent;padding:0;border-radius:var(--stzh-button-border-radius);text-align:left}@media (forced-colors: active){.stzh-link.sc-stzh-link{transition:none}}.stzh-link.sc-stzh-link:hover{color:var(--hover-color)}@media (hover: none){.stzh-link.sc-stzh-link:hover{color:inherit}}.stzh-link.sc-stzh-link:hover .stzh-link__text.sc-stzh-link{-webkit-text-decoration-line:var(--hover-text-decoration-line);text-decoration-line:var(--hover-text-decoration-line)}.stzh-link__vhidden.sc-stzh-link{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-link__inner.sc-stzh-link{display:flex;align-items:center;justify-content:center;flex-grow:1}.stzh-link__icon-wrapper.sc-stzh-link{--stzh-icon-size:var(--icon-size);display:none;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:var(--icon-wrapper-height)}.stzh-link__text.sc-stzh-link{--stzh-base-color:initial;-webkit-text-decoration-line:var(--text-decoration-line);text-decoration-line:var(--text-decoration-line)}.stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-link__badge.sc-stzh-link{position:absolute;z-index:1;top:0;right:0}.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{display:inline-flex}.stzh-link--has-icon-only.sc-stzh-link .stzh-link__text.sc-stzh-link{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-link--badge-position-link.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:static}.stzh-link__badge.sc-stzh-link,.stzh-link--badge-position-link.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xxsmall) * -1);right:calc(var(--stzh-space-large) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:relative}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link+.stzh-link__text.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-small)}.stzh-link--align-left.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:flex-start}.stzh-link--align-right.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:flex-end}.stzh-link--align-center.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:center}.stzh-link--align-space-between.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:space-between}.stzh-link--is-disabled.sc-stzh-link{cursor:not-allowed}@media (forced-colors: active){.stzh-link--no-href.sc-stzh-link{--color:ButtonText;--hover-color:Highlight}}`;
@@ -134,7 +134,7 @@ const StzhLink = class {
             [`stzh-link--${this.href ? "has" : "no"}-href`]: true,
             [`stzh-link--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '2422039dc14374d8d6d2d092caf48c8f17e9b585', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
+        return (index.h(index.Host, { key: '677b7b3acde1084ef602c53ed2ab151d95691e4e', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.link = el), href: this.disabled ? null : this.href, download: this.download, rel: this.rel, target: this.target, class: classes, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.link = el), class: classes, type: this.type, disabled: this.disabled, id: this.linkId, accessKey: this.linkAccesskey, tabindex: this.a11yTabindex, "aria-label": this.a11yLabel || null, "aria-describedby": this.a11yDescribedby || null, "aria-disabled": typeof this.a11yDisabled !== "undefined" ? (this.a11yDisabled ? "true" : "false") : null, "aria-expanded": typeof this.a11yExpanded !== "undefined" ? (this.a11yExpanded ? "true" : "false") : null, "aria-controls": this.a11yControls || null, "aria-current": this.a11yCurrent || null, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur }, this.renderInner(iconUsed)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-linklist.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhLinklistCss = () => `.sc-stzh-linklist-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-linklist-h,[stzh-hidden].sc-stzh-linklist-h{display:none}.sc-stzh-linklist-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-linklist-h *.sc-stzh-linklist,.sc-stzh-linklist-h *.sc-stzh-linklist::before,.sc-stzh-linklist-h *.sc-stzh-linklist::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-linklist-h .has-focus.sc-stzh-linklist{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist{outline-style:none !important}.sc-stzh-linklist-h .stzh-fylingfocus-focused.sc-stzh-linklist::-moz-focus-inner{border:0 !important}[padding-bottom=false].sc-stzh-linklist-h .stzh-linklist.sc-stzh-linklist{padding-bottom:0}.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-linklist.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-linklist.sc-stzh-linklist{grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-top:var(--stzh-space-xlarge)}}.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-linklist__heading.sc-stzh-linklist{padding-bottom:var(--stzh-space-small)}}.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}@media screen and (min-width: 600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 900px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-linklist__heading.sc-stzh-linklist{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter)}@media screen and (min-width: 600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-linklist__wrapper.sc-stzh-linklist{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-linklist__wrapper.sc-stzh-linklist{display:grid;row-gap:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-linklist__wrapper.sc-stzh-linklist{row-gap:var(--stzh-space-xsmall)}}.stzh-linklist__wrapper.sc-stzh-linklist{overflow:visible}`;
@@ -22,7 +22,7 @@ const StzhLinklist = class {
             "stzh-linklist": true,
         };
         const datalistSlotUsed = utils.hasSlot(this.element, "datalist");
-        return (index.h(index.Host, { key: 'edbe519049ece41d4f0d5d6a2333431acdf324af', "padding-bottom": this.paddingBottom }, index.h("div", { key: '993be3724c72b6c8067e20ab2cc49fede408eeb4', class: classes }, index.h("div", { key: '73be1270eda2c91388625ba7969b02b883424eae', class: "stzh-linklist__wrapper" }, this.heading && (index.h("div", { key: 'efc92b68441f0de06c31c1cd7f7c05b377d3bb74', class: "stzh-linklist__heading" }, index.h("stzh-heading", { key: '4d2c758412dd5c4585463ac6ab17552c32fde02b', level: this.headingLevel }, this.heading))), index.h("div", { key: '0e39faa755fd3655dd51e7022c8a8d7261b0213d', class: "stzh-linklist__list" }, datalistSlotUsed ? (index.h("slot", { name: "datalist" })) : (index.h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
+        return (index.h(index.Host, { key: '36aae6903bf4c597a1fbf037c74c4eff12d78252', "padding-bottom": this.paddingBottom }, index.h("div", { key: 'a7de18a71383054e37fba8ca7952034574678433', class: classes }, index.h("div", { key: '92edd73b543ab5d33481de0b5eeaa22ad965c6b8', class: "stzh-linklist__wrapper" }, this.heading && (index.h("div", { key: 'b287545c89b2123fd6d55ad8f4627a444c0592ad', class: "stzh-linklist__heading" }, index.h("stzh-heading", { key: '255a0fe4ea816f31afc0aff6c2de633adadf9991', level: this.headingLevel }, this.heading))), index.h("div", { key: '724d17a14bddf350d33c10ae874c84c898359149', class: "stzh-linklist__list" }, datalistSlotUsed ? (index.h("slot", { name: "datalist" })) : (index.h("stzh-datalist", { verticalGap: "small", items: this.items })))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-list_2.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhListCss = () => `@charset "UTF-8";:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--font-size:var(--stzh-list-font-size, var(--stzh-font-milli-font-size));--line-height:var(
     --stzh-list-line-height,
@@ -21,7 +21,7 @@ const StzhList = class {
             "stzh-list": true,
             [`stzh-list--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: '63b7857182b62e1508a178a9b1053497442c052c' }, index.h("div", { key: 'd5e95e317aafac53eea1b0d9f885a36a8fa8c0e9', class: classes, role: "list" }, index.h("slot", { key: '348519a1bbfda9e6a7413d2641acdf05bbd0d208' }))));
+        return (index.h(index.Host, { key: '419445aa5d3462dc93323edd6329a67cccbcd459' }, index.h("div", { key: '91f4ad109bd004ae7398f2ee0b1ab2006bec0d54', class: classes, role: "list" }, index.h("slot", { key: 'dc4a0339de3b1a2db2605130fcd6c672025d99bf' }))));
     }
     get element() { return index.getElement(this); }
 };
@@ -39,7 +39,7 @@ const StzhListItem = class {
         const classes = {
             "stzh-list-item": true,
         };
-        return (index.h(index.Host, { key: 'd02bdd8ef1fbc47649b3c2de0bee24c9dd84cbe7' }, index.h("div", { key: '30aa183a5e6ec9ac22701bc67723dbedd4cd10b2', class: classes, role: "listitem" }, index.h("div", { key: '724d71b78f5d49720fe31e17bd5d5225867df1ca', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), index.h("div", { key: '1decc4fe2bfd89e1eb6f030f15af4af4dd32ec66', class: "stzh-list-item__text" }, index.h("slot", { key: '2c6a43159a65e52bff21e51e6ab689ef8ea9d153' })))));
+        return (index.h(index.Host, { key: '2c79f84788f5018ff37f253303393bd8bfacbaa8' }, index.h("div", { key: '8a3e2c7c8b320a325edb00a5a3cb9b97328e8af0', class: classes, role: "listitem" }, index.h("div", { key: '532af0aadca647938e43a2d14bf2fc9d00be0061', class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), index.h("div", { key: 'f15313752797391c81e860e189211fe8d48cd088', class: "stzh-list-item__text" }, index.h("slot", { key: 'a7baac8f56323fd34c343939cc1e821cf6a32a67' })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-loader.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhLoaderCss = () => `.sc-stzh-loader-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-loader-h,[stzh-hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-loader-h .has-focus.sc-stzh-loader{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader{outline-style:none !important}.sc-stzh-loader-h .stzh-fylingfocus-focused.sc-stzh-loader::-moz-focus-inner{border:0 !important}@keyframes stzh-loader{0%{transform:scale(0);left:0px;opacity:1}12.5%{transform:scale(1)}25%{left:0px}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;transform:scale(1)}87.5%{left:8.75rem;transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:flex;flex-direction:column;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;transform:scale(0.2);transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem;forced-color-adjust:none;background-color:var(--stzh-color-primary70)}@media (forced-colors: active){.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{background-color:CanvasText}}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
@@ -20,7 +20,7 @@ const StzhLoader = class {
             "stzh-loader--hide-label": this.hideLabel,
             [`stzh-loader--size-${this.size}`]: !!this.size,
         };
-        return (index.h(index.Host, { key: 'ec61d3469c3fd89635e22a1e91a5f27517884e53' }, index.h("div", { key: 'e27a6ed0e283cf156117b954730065a120f8975d', class: classes }, index.h("div", { key: '3dfcc59f481d1e3ad42364e90e2bd8f6f32e1bac', class: "stzh-loader__wrapper" }, index.h("div", { key: '847165ba9d8f9de72c2970363198d02cf2004198', class: "stzh-loader__uil" }, index.h("div", { key: '3fe42b4a3c389d0d9efdf6729de9a775d75e433d', class: "stzh-loader__ib" }, index.h("div", { key: '9f04ad49d4a7a77d66acf5342d965ae7d447ed40', class: "stzh-loader__circle" }, index.h("div", { key: 'f718ec9fc0f79520f871800ab83d72be863b54d6' })), index.h("div", { key: '42d55d1075acfb476decfc872d2bc35cd7564452', class: "stzh-loader__circle" }, index.h("div", { key: 'd0dce04e67de30eee329897fc79a329464189014' })), index.h("div", { key: 'f16c0beb7751999bcbfff9e5d2d8ff64b6719029', class: "stzh-loader__circle" }, index.h("div", { key: '07510d301f7621911b6c3d448e60716f37425e4c' })), index.h("div", { key: '157676219b38ce3dbf0a89d7776078bf32e82340', class: "stzh-loader__circle" }, index.h("div", { key: 'b3bbcaf566ac64923c71efe60706ce340a88afd7' }))))), index.h("div", { key: '3cfb05c9c569e32b20c200f85224581ff7fadf3c', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : index.h("slot", null)))));
+        return (index.h(index.Host, { key: '22a3cc1a1a10add666b440b5a4b43a09686e9f14' }, index.h("div", { key: '2f346af71dd672ab83531b1bdcc8818089a5f78c', class: classes }, index.h("div", { key: '9133483f877c8689941f114c3363225a407948f4', class: "stzh-loader__wrapper" }, index.h("div", { key: '441f5c786505c22d9df7df15de9496aa19eaa4d1', class: "stzh-loader__uil" }, index.h("div", { key: '2f5b00e90b657e287be75a06fa4da18e0f55fa37', class: "stzh-loader__ib" }, index.h("div", { key: '82fd7a0cd371c9631093788ba445c0127eb7b811', class: "stzh-loader__circle" }, index.h("div", { key: '20258d48c86c534d8be16912f3cf750b39ec195b' })), index.h("div", { key: '384dc8220f8e970a112b71f62adcf341af009b71', class: "stzh-loader__circle" }, index.h("div", { key: '636a9c72d1afa96756a092b5115e2a94e88de86e' })), index.h("div", { key: 'da357e7c80a9100a159a4a3a6d10c0dfd725d61f', class: "stzh-loader__circle" }, index.h("div", { key: 'f5d86280f744f9a2c67404307c6f361460d37b61' })), index.h("div", { key: '594acac4d06c1b645e44fa11d217339b4791a5c4', class: "stzh-loader__circle" }, index.h("div", { key: 'cf15773adc15fd0531f4cd9dc08872d7d8b87411' }))))), index.h("div", { key: 'd762938b2e1af3025b51c8cf3ac3ce1577c6da20', class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : index.h("slot", null)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-loadingbar.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhLoadingbarCss = () => `.sc-stzh-loadingbar-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-loadingbar-h,[stzh-hidden].sc-stzh-loadingbar-h{display:none}.sc-stzh-loadingbar-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-loadingbar-h *.sc-stzh-loadingbar,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::before,.sc-stzh-loadingbar-h *.sc-stzh-loadingbar::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-loadingbar-h .has-focus.sc-stzh-loadingbar{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar{outline-style:none !important}.sc-stzh-loadingbar-h .stzh-fylingfocus-focused.sc-stzh-loadingbar::-moz-focus-inner{border:0 !important}.sc-stzh-loadingbar-h{--track-height:0.375rem;--color:var(--stzh-base-color);--bar-color:var(--stzh-color-secondary40);--bar-background-color:var(--stzh-color-black20op)}.stzh-loadingbar.sc-stzh-loadingbar{min-width:10rem}.stzh-loadingbar__bar.sc-stzh-loadingbar{position:relative;display:block;height:var(--track-height);outline:0.125rem solid transparent;outline-offset:-0.125rem;background-color:var(--bar-background-color)}@media (forced-colors: active){.stzh-loadingbar__bar.sc-stzh-loadingbar{--track-height:0.5rem;outline-color:CanvasText}}.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{z-index:1;position:relative;display:block;height:100%;width:0;background-color:var(--bar-color)}@media (forced-colors: active){.stzh-loadingbar__bar-inner.sc-stzh-loadingbar{outline-color:SelectedItem;background-color:SelectedItem}}.stzh-loadingbar__text.sc-stzh-loadingbar{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);display:flex;justify-content:space-between;align-items:center;color:var(--color);margin-bottom:var(--stzh-space-xxsmall)}.stzh-loadingbar__percent.sc-stzh-loadingbar{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);letter-spacing:0.01em;margin-left:var(--stzh-space-medium);font-variant-numeric:tabular-nums}`;
@@ -18,7 +18,7 @@ const StzhLoadingbar = class {
         const classes = {
             "stzh-loadingbar": true,
         };
-        return (index.h(index.Host, { key: '9ed42dd81991c04054b1b30030d49a330d15cb7e' }, index.h("div", { key: 'f0d6ac0e54759f6caa8e4bcf13e2c96337ad3734', class: classes }, index.h("div", { key: 'e43ec0142c9463e9d9000c7734f3157e65c32e19', class: "stzh-loadingbar__text" }, this.label && index.h("div", { key: 'd0b57e8c5ce280d93ffb73fd4dc4f91eb0b7e35b', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && index.h("div", { key: '13fc969c2f7c0e10c4fe09ca188bf954641824d2', class: "stzh-loadingbar__percent" }, this.percent, "%")), index.h("div", { key: '595cf46bb544c9baa09203acbb67cd866354475c', class: "stzh-loadingbar__bar" }, index.h("div", { key: 'd34dd8b42c9db8e7b38a87077bd1cde96f54f100', class: "stzh-loadingbar__bar-inner", style: {
+        return (index.h(index.Host, { key: 'cdcba5f0f868a00cae9b70b69c7d46b52e2019c5' }, index.h("div", { key: '49f158754cded6ce054c8a08956545c040fb3cf2', class: classes }, index.h("div", { key: '748647d1993852da85861a77bb5bade1023e5677', class: "stzh-loadingbar__text" }, this.label && index.h("div", { key: '8975cbf08b932118a3ae557e63ae5caef46259e9', class: "stzh-loadingbar__label" }, this.label), !this.hidePercent && index.h("div", { key: '3b05ebe169339ed08125fe7dfbfbfbce6cad83ff', class: "stzh-loadingbar__percent" }, this.percent, "%")), index.h("div", { key: '168ff04f0b0c23b4a8eaf143eec99bcc28c470cf', class: "stzh-loadingbar__bar" }, index.h("div", { key: '383cc3a39fe8c5b8b5005f803efb2b1270a1189a', class: "stzh-loadingbar__bar-inner", style: {
                 width: `${this.percent}%`,
             } })))));
     }

package/dist/cjs/stzh-menu_2.cjs.entry.js CHANGED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
-var utils = require('./utils-BtvTjHH2.js');
+var index = require('./index-DLshBNi6.js');
+var utils = require('./utils-CjJm84Uq.js');
 require('./string-utils-BhUgGAtN.js');
 const stzhMenuCss = () => `.sc-stzh-menu-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-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::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-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}`;
@@ -11,7 +11,7 @@ const StzhMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ec71f71a180d8d1d17593223e3c3d832e3e70055', role: "menu" }, index.h("div", { key: '4d75ad35b23a94dead39127230e4d5817907a018', class: "stzh-menu" }, index.h("slot", { key: 'b540c23014f559054007918532950f5c2d6f7d1b' }))));
+        return (index.h(index.Host, { key: '97a4d9705a20a902a3868baa6dbcde328a0751a5', role: "menu" }, index.h("div", { key: 'baa9b8fa2bdb5f7ce21925e40862974fba51cb59', class: "stzh-menu" }, index.h("slot", { key: '3064c3ca9fdb7ca4322c52dec8565a89b40faa22' }))));
     }
 };
 StzhMenu.style = stzhMenuCss();
@@ -106,7 +106,7 @@ const StzhMenuItem = class {
             [`stzh-menu-item--size-${this.size}`]: !!this.size,
             [`stzh-menu-item--${this.variant}`]: !!this.variant,
         };
-        return (index.h(index.Host, { key: 'ebbfc5d801e36a9c99bc95dba332ab5703e270d7', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
+        return (index.h(index.Host, { key: '5b75caecdf88ceef333409eb0699b461d37daf2e', role: "menuitem", tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, this.href ? (index.h("a", { ref: el => (this.menuItem = el), href: this.disabled ? null : this.href, target: this.target, class: classes, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed))) : (index.h("button", { ref: el => (this.menuItem = el), class: classes, type: "button", disabled: this.disabled, "aria-label": this.a11yLabel || null, onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick }, this.renderInner(iconUsed)))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-message.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhMessageCss = () => `.sc-stzh-message-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-message-h,[stzh-hidden].sc-stzh-message-h{display:none}.sc-stzh-message-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-message-h *.sc-stzh-message,.sc-stzh-message-h *.sc-stzh-message::before,.sc-stzh-message-h *.sc-stzh-message::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-message-h .has-focus.sc-stzh-message{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message{outline-style:none !important}.sc-stzh-message-h .stzh-fylingfocus-focused.sc-stzh-message::-moz-focus-inner{border:0 !important}.sc-stzh-message-h{--background-color:var(--stzh-color-grey20);--icon-color:var(--stzh-color-info50);--close-color:var(--stzh-color-grey90);--label-color:var(--stzh-color-info70);--description-color:var(--stzh-color-grey90)}[type=success].sc-stzh-message-h{--label-color:var(--stzh-color-success70);--icon-color:var(--stzh-color-success50);--background-color:var(--stzh-color-success20)}[type=warning].sc-stzh-message-h{--label-color:var(--stzh-color-warning90);--icon-color:var(--stzh-color-warning70);--background-color:var(--stzh-color-warning20)}[type=error].sc-stzh-message-h{--label-color:var(--stzh-color-error70);--icon-color:var(--stzh-color-error50);--background-color:var(--stzh-color-error20)}[type=page-message].sc-stzh-message-h{--label-color:var(--stzh-color-info70);--icon-color:var(--stzh-color-info50);--background-color:var(--stzh-color-info20)}.stzh-message.sc-stzh-message{position:relative;display:flex;box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);border-radius:var(--stzh-button-border-radius)}.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message__content.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message__content.sc-stzh-message{display:flex;flex-direction:column;flex-grow:1;padding-left:var(--stzh-space-medium);outline:0.125rem solid transparent;outline-offset:-0.125rem}@media screen and (min-width: 600px){.stzh-message__content.sc-stzh-message{flex-direction:row;align-items:flex-start}}@media screen and (min-width: 900px){.stzh-message__content.sc-stzh-message{padding-left:var(--stzh-space-large)}}@media (forced-colors: active){.stzh-message__content.sc-stzh-message{outline-color:CanvasText}}.stzh-message__icon-wrapper.sc-stzh-message{display:flex;flex-shrink:0}.stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-large);color:var(--icon-color)}@media screen and (min-width: 600px){.stzh-message__text-wrapper.sc-stzh-message{flex-grow:1}}@media screen and (min-width: 1260px){.stzh-message__text-wrapper.sc-stzh-message{align-items:center}}.stzh-message__label.sc-stzh-message{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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{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-message__label.sc-stzh-message{color:var(--label-color)}@media screen and (min-width: 1260px){.stzh-message__label.sc-stzh-message{font-size:var(--stzh-font-deci-font-size) !important}}.stzh-message__label.sc-stzh-message:not(:empty){margin-bottom:var(--stzh-space-xsmall)}.stzh-message__description.sc-stzh-message{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-message__description.sc-stzh-message{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-message__description.sc-stzh-message{color:var(--description-color);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-message__description.sc-stzh-message:not(:empty)+.stzh-message__link.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-message__close[variant=tertiary].sc-stzh-message{--color:var(--close-color);position:absolute;top:0;right:0}.stzh-message.sc-stzh-message:has(.stzh-message__description:empty):has(.stzh-message__link:empty) .stzh-message__label.sc-stzh-message:not(:empty){margin-top:var(--stzh-space-xxsmall);margin-bottom:0}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:1.25rem;padding-right:1.25rem}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-left:calc((100vw - 84.25rem) / 2);padding-right:calc((100vw - 84.25rem) / 2)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-top:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-bottom:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:flex-start;flex-direction:row}@media screen and (max-width: 1259px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__content.sc-stzh-message{align-items:center}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{display:flex;flex-direction:column}@media screen and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{flex-direction:row;gap:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px) and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-small)}}@media screen and (min-width: 1260px) and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-medium)}}@media screen and (min-width: 1260px) and (min-width: 1260px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message{gap:var(--stzh-space-xlarge)}}.stzh-message--type-page-message.sc-stzh-message .stzh-message__icon.sc-stzh-message{--size:var(--stzh-icon-size-small)}.stzh-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{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-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-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{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-message--type-page-message.sc-stzh-message .stzh-message__label.sc-stzh-message{margin:0}@media screen and (min-width: 600px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__close.sc-stzh-message{top:0.625rem;right:0.625rem}}@media screen and (min-width: 900px){.stzh-message--type-page-message.sc-stzh-message .stzh-message__text-wrapper.sc-stzh-message .stzh-message__link.sc-stzh-message{margin-top:0}}`;
@@ -47,10 +47,10 @@ const StzhMessage = class {
             "stzh-message--has-close-hidden": this.hideClose,
             [`stzh-message--type-${this.type}`]: !!this.type,
         };
-        return (index.h(index.Host, { key: 'f9c8973ef46672059f0dbd9834fe675311720fa7', hidden: !this.open }, index.h("div", { key: '3f3c43051e4c182b9c690aa8498fecd83858ddc8', class: classes }, index.h("div", { key: '95c7536c4970b772f3a871afd3f1ef99e11d3a39', class: "stzh-message__content" }, index.h("div", { key: '767219fa034a217680e6c4108eb211467e6c77b7', class: "stzh-message__icon-wrapper" }, index.h("stzh-icon", { key: 'a8f6d151aaa264ae3d7a3ac66c81b5396f420c51', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
+        return (index.h(index.Host, { key: '8f05f3f3bfb25fe32de500180160e2786bc4da07', hidden: !this.open }, index.h("div", { key: 'fa7421676cb427d9de05aaa747a264a0fb7d20fe', class: classes }, index.h("div", { key: 'f94b9e07b529a68b6a3ad3ac4a3e02624e9d4cb7', class: "stzh-message__content" }, index.h("div", { key: '1503d7d90f886ab74afc83ba1b3e53f761b93f32', class: "stzh-message__icon-wrapper" }, index.h("stzh-icon", { key: '51667fa9dd286152736c112973515e26a00cd658', class: "stzh-message__icon", name: ((this.type === "info" || this.type === "page-message") && "info-help-filled") ||
                 (this.type === "success" && "checkmark-circle-filled") ||
                 (this.type === "warning" && "important-warning-filled") ||
-                (this.type === "error" && "warning-filled") })), index.h("div", { key: '6939aaddc4549aa9221e8a7ddf887f3f176d14c1', class: "stzh-message__text-wrapper" }, index.h("div", { key: '6a48a095671aff712fd30284b58b0b11c7b705b9', class: "stzh-message__label" }, this.label ? index.h("strong", null, this.label) : index.h("slot", { name: "label" })), index.h("div", { key: 'a185d89f443a0ad4fc25d28629f28ad3be0d6975', class: "stzh-message__description" }, this.description ? (index.h("stzh-text", { color: "inherit" }, index.h("p", null, this.description))) : (index.h("slot", null))), index.h("div", { key: '208d811f4ca0f47e488d537b9844ea3eda72fbc7', class: "stzh-message__link" }, index.h("slot", { key: 'c7c951f18df76bcb3c99f0e63e206c46f35acad9', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: '7cec92efb1eb1c97990d0e8290be2166e67068d1', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
+                (this.type === "error" && "warning-filled") })), index.h("div", { key: 'de5a8c0bcdb9b7421b12a1c7945a6c72d35bb6e6', class: "stzh-message__text-wrapper" }, index.h("div", { key: '098e368576af028d23964c7b4cb2fbe2516d3b2a', class: "stzh-message__label" }, this.label ? index.h("strong", null, this.label) : index.h("slot", { name: "label" })), index.h("div", { key: '064c04c0108ef43eb075d658bb6f26086b7b547b', class: "stzh-message__description" }, this.description ? (index.h("stzh-text", { color: "inherit" }, index.h("p", null, this.description))) : (index.h("slot", null))), index.h("div", { key: '5e5b6bd0a39aeb372a53c1362b185ad2eea21305', class: "stzh-message__link" }, index.h("slot", { key: '059715c3921f9c1628149b6d79bb85f40efa1979', name: "link" })))), !this.hideClose && (index.h("stzh-button", { key: '39b07bc312f69c9571688262d1075a1d15958dde', class: "stzh-message__close", onClick: this.onCloseButtonClick, a11yLabel: this.localization.close, variant: "tertiary", size: "small", iconOnly: true, icon: "close-big" })))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-microsite-teaserlist.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 var axios = require('./axios-CBMUcZe0.js');
 require('./_commonjsHelpers-B83fTs8d.js');
@@ -77,7 +77,7 @@ const StzhMicrositeTeaserlist = class {
         const classes = {
             "stzh-microsite-teaserlist": true,
         };
-        return (index.h(index.Host, { key: '493881fe60c1bd36f5b8eb17c79c9ed75389e273' }, index.h("div", { key: '65b89c2559acc803e9c22b820342e5a43abd6a8b', class: classes }, this._tagChips.length > 0 && (index.h("stzh-chipselect", { key: '2378969579ea5b40c9703a4ff08e33e7656cbbac', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), index.h("stzh-cardlist", { key: 'd16d302b6df82205c8001da373a01d8a558c33f4', layout: "teasers" }, this._filteredSlicedItems.map(item => (index.h("stzh-card", { href: item.link }, item.image && (index.h("stzh-ratio", { slot: "image" }, index.h("img", { src: item.image }))), item.title && index.h("div", { slot: "heading" }, item.title), item.description && index.h("div", { slot: "content" }, item.description))))), this._showMoreLink && (index.h("div", { key: 'ad8dc397fc793f36e30b69c68eb0322d126c02fb', class: "stzh-microsite-teaserlist__show-more" }, index.h("stzh-button", { key: '5145f059a54719eafe2175529949fd12ef2b7058', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
+        return (index.h(index.Host, { key: '2930671ef918b1fc58f04266e273023a1d352a21' }, index.h("div", { key: 'eb934e120ad0b983fab8103384032ee1b234395a', class: classes }, this._tagChips.length > 0 && (index.h("stzh-chipselect", { key: '39ec31f3b1afca5de78717c34b4d8c00c9a0d410', "hide-optional": true, "label-hidden": true, class: "stzh-microsite-teaserlist__filter", label: this.localization.tagsLabel, data: this._tagChips, onStzhChange: this.handleChange })), index.h("stzh-cardlist", { key: 'a7b87841e34de65e2f59ad6c82bdba6e4184cec2', layout: "teasers" }, this._filteredSlicedItems.map(item => (index.h("stzh-card", { href: item.link }, item.image && (index.h("stzh-ratio", { slot: "image" }, index.h("img", { src: item.image }))), item.title && index.h("div", { slot: "heading" }, item.title), item.description && index.h("div", { slot: "content" }, item.description))))), this._showMoreLink && (index.h("div", { key: 'def3a144c48718a92971f6e3dfb7790e602e3917', class: "stzh-microsite-teaserlist__show-more" }, index.h("stzh-button", { key: '7c06b54361395a84f5aa3b33d4327cd45deb8de4', variant: "secondary", label: this.localization.showMore, onClick: this.handleMoreClick }))))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/stzh-monthyearpicker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-Cj3dPOnE.js');
+var index = require('./index-DLshBNi6.js');
 const stzhMonthyearpickerCss = () => `.sc-stzh-monthyearpicker-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-monthyearpicker-h,[stzh-hidden].sc-stzh-monthyearpicker-h{display:none}.sc-stzh-monthyearpicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::before,.sc-stzh-monthyearpicker-h *.sc-stzh-monthyearpicker::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-monthyearpicker-h .has-focus.sc-stzh-monthyearpicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker{outline-style:none !important}.sc-stzh-monthyearpicker-h .stzh-fylingfocus-focused.sc-stzh-monthyearpicker::-moz-focus-inner{border:0 !important}.sc-stzh-monthyearpicker-h{width:100%;--separator-height:var(--stzh-form-input-height)}[size=small].sc-stzh-monthyearpicker-h{--separator-height:var(--stzh-form-input-small-height)}.stzh-monthyearpicker__wrapper.sc-stzh-monthyearpicker{display:flex;align-items:flex-start}.stzh-monthyearpicker__separator.sc-stzh-monthyearpicker{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);margin-left:var(--stzh-space-medium);margin-right:var(--stzh-space-medium);height:var(--separator-height);display:flex;align-items:center;align-self:flex-end}`;
@@ -203,7 +203,7 @@ const StzhMonthyearpicker = class {
         const classes = {
             "stzh-monthyearpicker": true,
         };
-        return (index.h(index.Host, { key: 'c7abf5e9403d0738f30b41149f651d57d1b88243', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '0939a632664de3d8d671edcddcb713cb9fb25dd8', class: classes }, index.h("input", { key: '8d05c312d7fadabaded8f971ae52d167f2d76eb6', type: "hidden", name: this.name, value: this.value }), index.h("div", { key: '8a96fb51b2d41d35f0c3edd9a55f87c83b973afb', class: "stzh-monthyearpicker__wrapper" }, index.h("stzh-dropdown", { key: 'f035136e5c5085a0df305f1a3ae3210fd74e1dd9', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), index.h("div", { key: '40f4f5ec816f75ac172c079191172106a2929d4e', class: "stzh-monthyearpicker__separator" }, "/"), index.h("stzh-dropdown", { key: '5de66875dbcb3fbbdcfb1ac19d1271d117b41f52', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
+        return (index.h(index.Host, { key: 'a7869ff2eb42950cb26bac600b482f2a0cdd92ef', tabindex: this.disabled ? null : "-1", onFocus: this.onRootFocus }, index.h("div", { key: '3ffa2038554c75f29b83fdedfa81c1ec40ad522c', class: classes }, index.h("input", { key: '045ef3a4c48e9a6c6c002767d84b93bddf3d802a', type: "hidden", name: this.name, value: this.value }), index.h("div", { key: '16c12161e44bb70b4d6c7e2fcc2897dfafb39060', class: "stzh-monthyearpicker__wrapper" }, index.h("stzh-dropdown", { key: '64b952c389eb8f702b52fb65ea1462218cede10f', open: this.monthOpen, name: `${this.name}-month`, class: "stzh-monthyearpicker__months-dropdown", label: this.monthLabel || this.localization.monthLabel, ref: el => (this.monthsDropdown = el), options: this.dropdownMonthOptions, items: [this.value.split("-")[1]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionMonth, descriptionLong: this.descriptionLongMonth, error: this.errorMonth, a11yDescribedby: this.a11yDescribedbyMonth, invalid: this.invalidMonth }), index.h("div", { key: 'eb3cf2c4a3182652a2c92d68e38ed931d1df882a', class: "stzh-monthyearpicker__separator" }, "/"), index.h("stzh-dropdown", { key: '9a7c7db8b02e31005ebc0dc163eb523bbadec5d4', open: this.yearOpen, name: `${this.name}-year`, class: "stzh-monthyearpicker__years-dropdown", label: this.yearLabel || this.localization.yearLabel, options: this.dropdownYearOptions, items: [this.value.split("-")[0]], required: this.required, disabled: this.disabled, size: this.size, hideOptional: this.hideOptional, popoverPlacement: this.popoverPlacement, description: this.descriptionYear, descriptionLong: this.descriptionLongYear, error: this.errorYear, a11yDescribedby: this.a11yDescribedbyYear, invalid: this.invalidYear })))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {