@oiz/stzh-components 4.13.0-beta3 → 4.13.0

package/dist/components/stzh-textandimage.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { h as hasSlot, s as setPropsIfNull } from './p-Dk-EHN3E.js';
 
 const stzhTextandimageCss = () => `: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{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(

package/dist/components/stzh-timeline-item.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-BOO84wnP.js';
 import { h as hasSlot } from './p-Dk-EHN3E.js';
-import { d as defineCustomElement$3 } from './p-BC5CKnR0.js';
-import { d as defineCustomElement$2 } from './p-C5BMqKn_.js';
+import { d as defineCustomElement$3 } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$2 } from './p-CuGNlsAf.js';
 
 const stzhTimelineItemCss = () => `: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{--content-padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--content-padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--content-padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--content-padding-bottom:var(--stzh-space-xxlarge)}}:host{--trigger-size:1.125rem;--icon-size:var(--stzh-icon-size);--heading-margin-bottom:var(--stzh-space-medium);--content-padding-top:var(--stzh-timeline-content-padding-top);--content-padding-right:0px;--border-width:0.125rem;--button-font-size:var(
     --stzh-timeline-nested-button-font-size,

package/dist/components/stzh-timeline.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 
 const stzhTimelineCss = () => `: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{--nested-margin-left:var(--stzh-timeline-nested-margin-left, 0px);--nested-margin-bottom:var(--stzh-timeline-nested-margin-bottom, 0px);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}:host ::slotted(*:not(:last-child)){position:relative}:host ::slotted(*:not(:last-child))::after{content:"";display:block;position:absolute;top:0;left:1.25rem;width:0.125rem;height:100%;background-color:var(--stzh-color-grey50)}@media (forced-colors: active){:host ::slotted(*:not(:last-child))::after{background-color:CanvasText}}.stzh-timeline{--stzh-timeline-nested-margin-left:calc(
     var(--stzh-timeline-bullet-size) / -1

package/dist/components/stzh-timepicker.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
-import { d as defineCustomElement$5 } from './p-BUMZ_F_w.js';
-import { d as defineCustomElement$4 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$3 } from './p-DSIwFDJz.js';
-import { d as defineCustomElement$2 } from './p-CgQ_cBIG.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
+import { d as defineCustomElement$5 } from './p-fBN1fT9G.js';
+import { d as defineCustomElement$4 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$3 } from './p-BJZwsXr4.js';
+import { d as defineCustomElement$2 } from './p-BaQRAFeH.js';
 
 const stzhTimepickerCss = () => `.sc-stzh-timepicker-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-timepicker-h,[stzh-hidden].sc-stzh-timepicker-h{display:none}.sc-stzh-timepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-timepicker-h *.sc-stzh-timepicker,.sc-stzh-timepicker-h *.sc-stzh-timepicker::before,.sc-stzh-timepicker-h *.sc-stzh-timepicker::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-timepicker-h .has-focus.sc-stzh-timepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker{outline-style:none !important}.sc-stzh-timepicker-h .stzh-fylingfocus-focused.sc-stzh-timepicker::-moz-focus-inner{border:0 !important}.sc-stzh-timepicker-h{width:100%}.stzh-timepicker__dropdown.sc-stzh-timepicker{--icon-angle-size:var(--stzh-icon-size-small);--active-icon-angle-transform:rotate(0deg) translateY(-50%)}`;
 

package/dist/components/stzh-toast.js

@@ -1,4 +1,4 @@
-import { S as StzhToast$1, d as defineCustomElement$1 } from './p-DP0n1_w_.js';
+import { S as StzhToast$1, d as defineCustomElement$1 } from './p-xZPbfH7_.js';
 
 const StzhToast = StzhToast$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-toastbar.js

@@ -1,4 +1,4 @@
-import { S as StzhToastbar$1, d as defineCustomElement$1 } from './p-CBCQoVcu.js';
+import { S as StzhToastbar$1, d as defineCustomElement$1 } from './p-sEXM48gh.js';
 
 const StzhToastbar = StzhToastbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-toggle.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { a as hasDefaultSlotContent, h as hasSlot } from './p-Dk-EHN3E.js';
-import { S as StzhInputDescription } from './p-u_QxrpaB.js';
-import { d as defineCustomElement$4 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$3 } from './p-DSIwFDJz.js';
-import { d as defineCustomElement$2 } from './p-CgQ_cBIG.js';
+import { S as StzhInputDescription } from './p-t-mFwf-h.js';
+import { d as defineCustomElement$4 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$3 } from './p-BJZwsXr4.js';
+import { d as defineCustomElement$2 } from './p-BaQRAFeH.js';
 
 const stzhToggleCss = () => `.sc-stzh-toggle-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-toggle-h,[stzh-hidden].sc-stzh-toggle-h{display:none}.sc-stzh-toggle-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-toggle-h *.sc-stzh-toggle,.sc-stzh-toggle-h *.sc-stzh-toggle::before,.sc-stzh-toggle-h *.sc-stzh-toggle::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-toggle-h .has-focus.sc-stzh-toggle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle{outline-style:none !important}.sc-stzh-toggle-h .stzh-fylingfocus-focused.sc-stzh-toggle::-moz-focus-inner{border:0 !important}.sc-stzh-toggle-h{--check-size:1.5rem;--track-width:2.75rem;display:inline-block}[disabled].sc-stzh-toggle-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-toggle__marker-symbol.sc-stzh-toggle{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-toggle__marker-text.sc-stzh-toggle{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-toggle__description-wrapper.sc-stzh-toggle{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__description.sc-stzh-toggle{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-toggle__error.sc-stzh-toggle{color:var(--stzh-color-error60)}.stzh-toggle__error-list.sc-stzh-toggle{list-style:none;margin:0;padding:0}.stzh-toggle__description.sc-stzh-toggle{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__description-long.sc-stzh-toggle{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-toggle__description-long.sc-stzh-toggle{margin-top:0}}.stzh-toggle__description-long-popover.sc-stzh-toggle{--width:auto;--max-width:27.3125rem}.stzh-toggle__description-long-button.sc-stzh-toggle{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-toggle.sc-stzh-toggle stzh-icon.stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-xsmall)}.stzh-toggle--has-error.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle--has-description.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle{margin-top:var(--stzh-space-xxxsmall)}.stzh-toggle__field-wrapper.sc-stzh-toggle{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-toggle__input.sc-stzh-toggle{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-toggle__mark.sc-stzh-toggle{position:relative;background-color:var(--stzh-color-black10op);width:var(--track-width);height:1rem;flex-shrink:0;border-radius:0.75rem;display:inline-flex;justify-content:center;align-items:center;transition:background-color var(--stzh-base-transition-animation-speed);margin-top:0.25rem}@media (forced-colors: active){.stzh-toggle__mark.sc-stzh-toggle{outline:0.125rem solid ButtonBorder;outline-offset:-0.125rem}}.stzh-toggle__check.sc-stzh-toggle{position:absolute;border:0.125rem solid var(--stzh-base-color);width:var(--check-size);height:var(--check-size);border-radius:50%;background-color:var(--stzh-color-white);top:50%;left:0;transform:translateY(-50%);transition-property:border-color, background-color, transform;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-toggle__check.sc-stzh-toggle{transition-property:transform;border-color:ButtonBorder}}@media (prefers-reduced-motion: reduce){.stzh-toggle__check.sc-stzh-toggle{transition:none}}.stzh-toggle__label.sc-stzh-toggle{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--stzh-base-color);transition:color var(--stzh-base-transition-animation-speed)}.stzh-toggle__label.sc-stzh-toggle:empty{display:none}.stzh-toggle__label-text.sc-stzh-toggle{min-width:0}.stzh-toggle__label.sc-stzh-toggle>.stzh-toggle__description-wrapper.sc-stzh-toggle{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0;transform:translateY(0.0625rem)}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__error.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-text.sc-stzh-toggle{display:none}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description.sc-stzh-toggle,.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long.sc-stzh-toggle{display:inline-flex;align-items:flex-start;margin:0}.stzh-toggle__label.sc-stzh-toggle .stzh-toggle__description-long-button.sc-stzh-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-toggle__label.sc-stzh-toggle stzh-popover.sc-stzh-toggle .stzh-toggle__description-long-icon.sc-stzh-toggle{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-toggle__marker.sc-stzh-toggle{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-old-primary48)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary);background-color:var(--stzh-color-primary);transform:translateY(-50%) translateX(calc(var(--track-width) - var(--check-size)))}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:ButtonBorder;background-color:SelectedItem}}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__label.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary-hover)}.stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-primary)}.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}@media (forced-colors: active){.stzh-toggle.sc-stzh-toggle:hover .stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:focus:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle{outline-color:Highlight}}.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active){.stzh-toggle__input.sc-stzh-toggle:checked:hover~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle,.stzh-toggle__input.sc-stzh-toggle:checked:focus~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:Highlight;background-color:Highlight}}.stzh-toggle--has-label-right.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-left:var(--stzh-space-xsmall)}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{flex-direction:row-reverse}.stzh-toggle--has-label-left.sc-stzh-toggle .stzh-toggle__label.sc-stzh-toggle{margin-right:var(--stzh-space-xsmall)}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-error60)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-black10op)}}@media (forced-colors: none){.stzh-toggle--is-invalid.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{background-color:var(--stzh-color-error60)}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__field-wrapper.sc-stzh-toggle{cursor:not-allowed}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:var(--stzh-color-grey70)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__label.sc-stzh-toggle{color:GrayText}}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle{outline-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey13)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:var(--stzh-color-grey10)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle{background-color:SelectedItem}}.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:var(--stzh-color-old-grey25);background-color:var(--stzh-color-old-grey25)}@media (forced-colors: active){.stzh-toggle--is-disabled.sc-stzh-toggle .stzh-toggle__input.sc-stzh-toggle:checked~.stzh-toggle__mark.sc-stzh-toggle .stzh-toggle__check.sc-stzh-toggle{border-color:GrayText;background-color:SelectedItem}}`;
 

package/dist/components/stzh-tooltip.js

@@ -1,4 +1,4 @@
-import { S as StzhTooltip$1, d as defineCustomElement$1 } from './p-C7BHBfNV.js';
+import { S as StzhTooltip$1, d as defineCustomElement$1 } from './p-g99SJmS9.js';
 
 const StzhTooltip = StzhTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-twocolumns.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, h, f as forceUpdate, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { s as setPropsIfNull, h as hasSlot } from './p-Dk-EHN3E.js';
 
 const stzhTwocolumnsCss = () => `: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{--row-gap:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}:host{--grid-template-areas:var(

package/dist/components/stzh-upload.js

@@ -1,18 +1,18 @@
-import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-Ct0XU0Xj.js';
+import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host, t as transformTag } from './p-C1U0z0e7.js';
 import { a as hasDefaultSlotContent, h as hasSlot, l as getStzhEnvironment, i as isStzhElement } from './p-Dk-EHN3E.js';
-import { S as StzhInputDescription } from './p-u_QxrpaB.js';
+import { S as StzhInputDescription } from './p-t-mFwf-h.js';
 import { g as getDefaultExportFromCjs } from './p-E-ZsRS8r.js';
-import { d as defineCustomElement$c } from './p-BC5CKnR0.js';
-import { d as defineCustomElement$b } from './p-kc3jagy9.js';
-import { d as defineCustomElement$a } from './p-Dw-ubnsp.js';
-import { d as defineCustomElement$9 } from './p-AlFAPUcz.js';
-import { d as defineCustomElement$8 } from './p-C5BMqKn_.js';
-import { d as defineCustomElement$7 } from './p-BJJt9Z22.js';
-import { d as defineCustomElement$6 } from './p-BQZtw7Z7.js';
-import { d as defineCustomElement$5 } from './p-DSIwFDJz.js';
-import { d as defineCustomElement$4 } from './p-CgQ_cBIG.js';
-import { d as defineCustomElement$3 } from './p-DP0n1_w_.js';
-import { d as defineCustomElement$2 } from './p-CBCQoVcu.js';
+import { d as defineCustomElement$c } from './p-ndh9Y2u_.js';
+import { d as defineCustomElement$b } from './p-D0sPQTAC.js';
+import { d as defineCustomElement$a } from './p-DIwMTsdI.js';
+import { d as defineCustomElement$9 } from './p-CvaREbqQ.js';
+import { d as defineCustomElement$8 } from './p-CuGNlsAf.js';
+import { d as defineCustomElement$7 } from './p-BvV59h_6.js';
+import { d as defineCustomElement$6 } from './p-BLo-sQFo.js';
+import { d as defineCustomElement$5 } from './p-BJZwsXr4.js';
+import { d as defineCustomElement$4 } from './p-BaQRAFeH.js';
+import { d as defineCustomElement$3 } from './p-xZPbfH7_.js';
+import { d as defineCustomElement$2 } from './p-sEXM48gh.js';
 
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
@@ -13464,7 +13464,7 @@ const ATTR_META_ID = "data-dz-meta-id";
 const ATTR_ERROR_MESSAGE_ID = "data-dz-error-message-id";
 const ATTR_PROGRESS_TEXT = "data-dz-progress-text";
 const ATTR_REMOVE = "data-dz-remove";
-const ACCEPTED_FILES_DEFAULT = ".jpg,.png,.pdf";
+const ACCEPTED_FILES_DEFAULT = ".jpg,.jpeg,.png,.pdf";
 let uploadCounter = 0;
 let previewCounter = 0;
 const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H {
@@ -13541,11 +13541,8 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         this.downloadDisabled = false;
         /** Whether download functionality should only be shown to completed files. */
         this.downloadDisabledWhileProcessing = false;
-        /**
-         * The file types accepted to be uploaded. For security reasons, there's the default value ".jpg,.png,.pdf".
-         *
-         */
-        this.acceptedFiles = ".jpg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
+        /** The file types accepted to be uploaded. */
+        this.acceptedFiles = ".jpg,.jpeg,.png,.pdf"; // must match ACCEPTED_FILES_DEFAULT (autodocs can't handle variables)
         /**
          * If false, files will be added to the queue but the queue will not be
          * processed automatically.
@@ -14428,7 +14425,7 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
 
         <div class="stzh-upload__details">
           <div class="stzh-upload__info-wrapper">
-    
+
             <div class="stzh-upload__info-wrapper-processing">
               <div class="stzh-upload__title-meta-row">
                 <div class="stzh-upload__icon">
@@ -14706,14 +14703,14 @@ const StzhUpload$1 = /*@__PURE__*/ proxyCustomElement(class StzhUpload extends H
         if (!filesizeText) {
             instructionText = instructionText.replace(/\s*\(\s*\)\s*/, "");
         }
-        return (h(Host, { key: 'acf772e9249fa32f633366293e15df90fcd96a63', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: '91c9545868fcdd836a2baac682ea5c13d3fa284f' }), h("div", { key: '02f99944e7931713b690b6ed1bedd6295366d70a', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: 'ca1c278309556bd26955e8ea10684cf8de0e2e57', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'f54f408d089510a90f65be01fbfeb0bbe6c01a05', class: "stzh-upload__label-wrapper" }, h("label", { key: '242ebcbf8cdba59d53c018a2674f6ddcdc0b6288', id: `${this.uploadId}-label`, class: {
+        return (h(Host, { key: '8ff96516c9de940666b185422e118b0d089652e6', tabindex: this.disabled ? null : "-1", "is-invalid": this.invalid || errorUsed, "aria-required": this.required ? "true" : "false", "aria-invalid": this.invalid || errorUsed ? "true" : "false", "aria-describedby": this.invalid || errorUsed ? this.error : undefined, role: "group", "aria-labelledby": labelWrapperUsed && (this.label || hasSlot(this.uploadEl)) ? `${this.uploadId}-label` : undefined }, h("stzh-toastbar", { key: 'cf2b6052a3f012a57324bbe765593719da2a96d7' }), h("div", { key: 'c8748c527293670f9cc31c9784fbfc4c96a34103', class: classes, ref: el => (this.dropzoneElement = el) }, h("div", { key: '10d1ffebf694df4c21d32cd904f606de38eac5ab', ref: el => (this.hiddenInputContainerElement = el) }), labelWrapperUsed && (h("div", { key: 'fa82c44925fad3bf298ce11e45f6d0c4d0bddc17', class: "stzh-upload__label-wrapper" }, h("label", { key: 'b2eaaf461a147fb4da3aad0797f24566befe72a9', id: `${this.uploadId}-label`, class: {
                 "stzh-upload__label": true,
                 "no-label-truncate": this.noLabelTruncate,
-            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '8c0da37a0c75e958f8af8b65eb61c15003878601', class: "stzh-upload__marker" }, h("span", { key: 'a3c6e2a1a74b55fb58412f46c4652218abd70679', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
+            } }, this.label ? this.label : h("slot", { onSlotchange: this.updateDefaultSlotState }), labelUsed && !this.hideOptional && (h("span", { key: '61e3174e2974c1b7a1975d22dd2f5d3220e716c1', class: "stzh-upload__marker" }, h("span", { key: 'e715c7fdc1131e1e4999f1c5b9c458335fa56081', class: "stzh-upload__marker-symbol", "aria-hidden": "true" }, this.required
             ? this.localization.$globals.requiredFieldMarker
-            : this.localization.$globals.optionalFieldMarker), h("span", { key: 'd47ed0fabf74a75c9f4d7eda3ba071a6a2069cbb', class: "stzh-upload__marker-text" }, this.required
+            : this.localization.$globals.optionalFieldMarker), h("span", { key: '589d7bebe51db17314c7a47be3fe9404cf2780a0', class: "stzh-upload__marker-text" }, this.required
             ? this.localization.$globals.requiredFieldText
-            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '57f5324686fd452442ae013b3411d809db03400f', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: '34fd7cb1d722e6f10aadcf493736be64377b3a42', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: '37920b5454bcb3619ee8e21836f9d0e232cf3b65', class: "stzh-upload__heading-wrapper" }, h("div", { key: '55b94772290115c88514a18a9348d4603d940e36', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'd1699ba7c69dac2fa1639490bfe27d3d03d7c88e', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: 'f374f6fe0e1ae705f5b45de0215d4a4e5d119b50', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '19dd071a8cc48e2bbc62a0763c0c29613f333000', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '5d217f97b8e1b2dedb5c690dd9854a730b846a96', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '49db414cffed59ea5b2bdb7f8bbf278aa2f4240a', slot: "icon", name: "camera" })))))), h("div", { key: '8af4a072988f51033370eb6f1257262cbd4eab1f', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '9212922200dcf0857d2c515dce1c80a8a2a6a2d6' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '873b067b09fda9bac0c2666b7bf65291c41a1b6c', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: 'a9ba83efb780d3d57964aad1b6ef857870da0c1c', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '4ebac8224fee8a0a8fb53a69baa7d8182e42bbc6', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '6c7d3cca3a8d69fee15b69aa72986f37ef24f6df', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: 'b3c9bbeed7543359703470516896a6061e31f967', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: 'b458bc04a2c4636453286a59820edcc3e0232c50', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '186cf7a88a6d3717e14b138fe92b5f24c5be86ab', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '214951ad746d3659f91b40e105139608d695e7c7' }, h("p", { key: 'cb79376d6d08e81e6b7b1792eb0f1a9b1e73f0a1' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'dbe02d46f9aeb9e6d22cc5620dcbe033208dffe9' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: '18dfe7f274badbf723ebeff56220c7441bb209d0', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '709e55952e770e4aae59f962c19d2f11cffef48b', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: 'd8e81f80d05a3c8a987001040716dc579029162b' }, h("p", { key: '4b116272ceee764332a457774f2c7860e1940de9' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: 'd2dcde846e0dff631537efb0eccd2617c3d05597', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: 'bc1f37e6d43afe68c24f22dadadd4646130f2819', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '800465be03f9b755d3463ff81a1379a6746651fd' }, h("div", { key: 'c28c72857dbda8d261dd89b5e94b1947fe4372f0', class: "stzh-upload-photographing__info" }, h("div", { key: '1315a168a23b8c0c97c1a6c74ed6cf67a3ad240b', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '7b8c58bdae5137d08da8916c5487fa72dc024b0e', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '9b10e9d636615cb083e132d285c5d5b6781aaab1' }, this.localization.photographingText1)), h("div", { key: 'b751769ab338835c84e71609155f57746f8e514b', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '4437ac6fdb5edb2bb369b752f49c1f1a26eb7d62', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '9bf6733a573b96bdfb5f9d514a836876e6de8954', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: 'afae53b6ae6e8691cb73b7f6d27223df8f38e491', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '4d92e90cf8dd9a860aedb0acdcc9a5d91056a69a' }, this.localization.photographingText2)), h("div", { key: 'a41f4c025de45d51e87f15842d94a1b34810543f', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: '8d2b4f6c62d3fda8735b7b1f43bea8f3be58bea9', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
+            : this.localization.$globals.optionalFieldText)))), (this.descriptionLong || hasSlot(this.uploadEl, "description-long")) && (h(StzhInputDescription, { key: '3ae1887f49ecc58ecf907976c3f698b4796bbb95', classPrefix: "stzh-upload", id: `${this.uploadId}-description-long`, descriptionLong: this.descriptionLong, descriptionLongUsed: true, moreInfoButtonLabel: this.localization.$globals.moreInfoButtonLabel, showError: false, showDescriptionText: false })))), h("div", { key: 'b1f20eb12e286cff489f61da765f77d986068dab', class: "stzh-upload__clickarea", ref: el => (this.clickareaElement = el) }, h("div", { key: 'c4a284e2fa1a758f8586015607918cabec2c2b1e', class: "stzh-upload__heading-wrapper" }, h("div", { key: '3d3d57c2356b145b71e913f6cc20679d7a8e69b6', class: "stzh-upload__heading-inner-wrapper" }, h("div", { key: 'fb71a639cc6fd86be544c72492c2e3ef98f4e9cb', class: "stzh-upload__buttons-wrapper" }, h("stzh-button", { key: '5a1386106d58d3c2fe6b4b6625701e1c13959656', id: `${this.uploadId}-button`, class: "stzh-upload__button", variant: "secondary", size: "tiny", ref: el => (this.chooseFileButtonEl = el), label: this.button ? this.button : this.localization.button, a11yDescribedby: this.a11yDescribedby, a11yControls: `${this.uploadId}-previews`, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: 'e2183e7ddf91906877330674966c3eea96559cf5', slot: "icon", name: "upload" })), this.isPhotographingAvailable && (h("stzh-button", { key: '4865e13fe16acbc31bb6c679ec01d0982574219a', onClick: this.onButtonScanClick, class: "stzh-upload__button-scan", variant: "secondary", size: "tiny", label: this.buttonScan ? this.buttonScan : this.localization.buttonScan, a11yDescribedby: this.a11yDescribedby, "aria-invalid": this.invalid || errorUsed ? "true" : "false", disabled: this.disabled }, h("stzh-icon", { key: '48b705b4ee7adf5c190ad9bcb34248227a0eb7b9', slot: "icon", name: "camera" })))))), h("div", { key: '6d54e2ccd042b975a74c2b9ae412499f887ba8b3', class: "stzh-upload__instructions", id: `${this.uploadId}-instruction` }, h("p", { key: '53982a532873735a9170bf0303cadcb388f07d73' }, instructionText))), (this.description || errorUsed) && (h(StzhInputDescription, { key: '87cc07cebbf19f748d9a2f3e82d20148da604cc7', classPrefix: "stzh-upload", id: `${this.uploadId}-description`, error: this._error, description: this.description, descriptionLongUsed: false })), h("div", { key: '664675321d3c0152e1a8f2616326804e309b38f5', id: `${this.uploadId}-previews`, class: "stzh-upload__previews-wrapper" }, h("div", { key: '15070e32b62de678d91687f192df5a88458e2a00', class: "stzh-upload__previews-inner-wrapper" }, h("div", { key: '71fe597bd33ae646171d75eb563b5b102543f696', class: "stzh-upload__errors", ref: el => (this.errorsElement = el) }), h("div", { key: '087270500c7b8d27a2fa9d5187219b62d7896325', class: "stzh-upload__previews dropzone-previews", ref: el => (this.previewsElement = el) })))), this.duplicateDetected && (h("div", { key: '2a687477a9adb00a18066fba8d0d795c45954a5b', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '06503d4c6075d333db7252b004094e1bf27a6113', type: "error", label: this.localization.duplicateFileUploadHeading, onStzhClose: () => (this.duplicateDetected = false) }, h("stzh-text", { key: '5f15672244b2eed2eba026373ce11e941c3bad3a' }, h("p", { key: '879ecf7d6da66294c386f66744c0137e40396afc' }, "\u00AB", this.duplicateFileName, "\u00BB (", this.duplicateFileSize, ")"), h("p", { key: 'ebf29e169d8fdfa2772268fedf2c1a11ef833e43' }, this.localization.duplicateFileUploadParagraph))))), this.totalTooBig && (h("div", { key: 'f64a71a1ea50d729a9eec6df2d367e47d689ce7d', class: "stzh-upload__previews-message-wrapper" }, h("stzh-message", { key: '86b533c7014e3a783781407ad43c897a550bab5f', type: "warning", label: this.totalTooBigMessageHeading, onStzhClose: () => (this.totalTooBig = false) }, h("stzh-text", { key: '171fc3fc41a55fd5353b03835b3bde783b3995b7' }, h("p", { key: 'c5ba53189ea29b90d5b2a04b90021785bdd8211f' }, this.totalTooBigMessageBody, " ", this.totalTooBigMessageBody2))))), h("stzh-dialog", { key: '64fd61d5d2917d282fbf4807c9440bac61889196', ref: el => (this.photographingOverlayElement = el), onStzhClose: this.closePhotographingWebsocketConnection, class: this.isPhotographingAvailable && "stzh-dialog--fit-content", heading: this.localization.photographingTitle1 }, h("stzh-button", { key: '2c5e89a6beca7e777914f5b0f67a31df389444f2', class: "stzh-upload-photographing__back-button", icon: "arrow-left", size: "tiny", variant: "tertiary-plain", "no-padding-left": "true", "no-padding-right": "true", onClick: this.closePhotographingOverlay }, this.localization.back), this.isPhotographingAvailable && (h(Fragment, { key: '1f0634640f03ea5715380486f5290ef8de6da167' }, h("div", { key: '413feffa9195c7e8883835244fc48d3474da47c0', class: "stzh-upload-photographing__info" }, h("div", { key: 'f4a6b1c85e544f66621ab02ad51793800eaf7ea0', class: "stzh-upload-photographing__text-qrcode" }, h("div", { key: '58bd9e4f3309eca9a776f522a0915dd1367961ae', class: "stzh-upload-photographing-qrlink-container" }, h("stzh-text", { key: '17321db9702a4f495473fca3947ea1f831ddb4bd' }, this.localization.photographingText1)), h("div", { key: '59ad54f7789dd0e5b0a3301e9704ed1db5c2fc75', class: "stzh-upload-photographing-qrcode-container" }, h("canvas", { key: '19d5d84a5de99d99e24c70c428613e764aeb45d0', class: "stzh-upload-photographing-qrcode", ref: el => (this.photographingQrcodeElement = el) })))), h("div", { key: '8144d958b2644a528bd92b954a158a13f1b375bf', class: "stzh-upload-photographing__info" }, h("stzh-heading", { key: '85758ec792d5c0bb877200f1f7746d2570465315', level: "3" }, this.localization.photographingTitle2), h("stzh-text", { key: '8f5d85d2f7e552f5cb18fc9a4e2263f7c4c325cc' }, this.localization.photographingText2)), h("div", { key: '34ea6aa7d5c4516938ea8a479285b0d35a827773', class: "stzh-upload-photographing__continue" }, !!this.photographingUrlDetails && (h("stzh-link", { key: 'c974a41a65bcecee9526f11b860f34d90f9450f3', class: "stzh-upload-photographing-link", href: this.photographingUrlDetails.url + "&label=" + this.cleanLabel(this.label), target: "_blank" }, this.localization.photographingContinue))))))));
     }
     get uploadEl() { return this; }
     static get watchers() { return {