@oiz/stzh-components 4.12.1 → 4.12.2

package/dist/types/components.d.ts

@@ -5272,7 +5272,7 @@ export namespace Components {
         "invalid": boolean;
         /**
           * Label (or use default slot)
-          * @default "Label"
+          * @default ""
          */
         "label": string;
         /**
@@ -14813,7 +14813,7 @@ declare namespace LocalJSX {
         "invalid"?: boolean;
         /**
           * Label (or use default slot)
-          * @default "Label"
+          * @default ""
          */
         "label"?: string;
         /**

package/dist/types/utils/utils.d.ts

@@ -22,3 +22,16 @@ export declare function getStzhEnvironment(): StzhEnvironmentEnum;
 export declare function addWordBreakToLinks(links: HTMLElement[]): void;
 export declare function formatHeadingForHyphenation(heading: any): any;
 export declare function getTheme(): string;
+/**
+ * Checks whether a host element has meaningful default-slot content.
+ *
+ * This detects:
+ * - normal default-slot content
+ * - non-empty text nodes
+ * - Stencil scoped-slot fallback / relocated nodes
+ *
+ * This ignores:
+ * - named-slot content, meaning elements with a `slot` attribute
+ * - elements with one of the provided ignored class names
+ */
+export declare function hasDefaultSlotContent(host: HTMLElement, ignoredClassNames?: string[]): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "4.12.1",
+  "version": "4.12.2",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/utils-BtvTjHH2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-BtvTjHH2.js","sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function setProps(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    element[attribute] = attributes[attribute];\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`,\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false,\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset,\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n\n  switch (true) {\n    // DEV\n    case url.includes(\"localhost\"):\n    case url.includes(\"test.stadt-zuerich.loc\"):\n    case /\\.dev\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.DEV;\n\n    // UAT\n    case url.includes(\"integ.stadt-zuerich.ch\"):\n    case /\\.uat\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.UAT;\n\n    // PROD\n    case url.includes(\"https://www.stadt-zuerich.ch\"):\n    case url.includes(\"designsystem.stadt-zuerich.ch\"):\n    case /\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.PROD;\n\n    // Fallback\n    default:\n      return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    link.childNodes.forEach((node) => {\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.includes(\"_\")) {\n        const span = document.createElement(\"span\");\n        span.innerHTML = node.textContent.replace(/_/g, \"_<wbr>\");\n        link.replaceChild(span, node);\n      }\n    });\n  });\n}\nexport function formatHeadingForHyphenation(heading) {\n  return heading.replace(/(\\p{L})\\/(\\p{L})/gu, \"$1 / $2\");\n}\n\nexport function getTheme() {\n  const htmlElement = document.documentElement;\n  return Array.from(htmlElement.classList).find((className) =>\n    className.startsWith(\"stzh-theme-\"),\n  );\n}\n"],"names":["dashCase"],"mappings":"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"}

package/dist/components/p-BmZW5NzL.js.map

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

package/dist/components/p-CN5apKPb.js.map

@@ -1 +0,0 @@
-{"file":"p-CN5apKPb.js","mappings":"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","names":[],"sources":["src/utils/string-utils.ts","src/utils/utils.ts"],"sourcesContent":["export function createParagraphsFromBrs(content: string) {\n  const replaced = content\n    .replace(/^\\s*(?:<br\\s*\\/?>\\s*)*/i, \"\")\n    .replace(/\\s*(?:<br\\s*\\/?>\\s*)*$/i, \"\")\n    .replace(/(?:<br\\s*\\/?>\\s*?){2,}/gi, \"</p><p>\");\n\n  return `<p>${replaced}</p>`;\n}\n\nexport function camelCase(dashString: string) {\n  return dashString\n    .replace(/-([a-z])/g, function (g) {\n      return g[1].toUpperCase();\n    });\n}\n\nexport function dashCase(camelString: string) {\n  return camelString.replace(/[A-Z]/g, m => \"-\" + m.toLowerCase());\n}\n\nexport function abbreviateText(text, length) {\n  if (text.length <= length) {\n    return text;\n  }\n\n  var lastWhitespaceIndex = text.substring(0, length - 1).lastIndexOf(' ');\n\n  if (lastWhitespaceIndex) {\n    return text.substring(0, lastWhitespaceIndex) + '\\u2026';\n  } else {\n    return text.substring(0, length - 1);\n  }\n}\n","import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function setProps(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    element[attribute] = attributes[attribute];\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`,\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false,\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset,\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n\n  switch (true) {\n    // DEV\n    case url.includes(\"localhost\"):\n    case url.includes(\"test.stadt-zuerich.loc\"):\n    case /\\.dev\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.DEV;\n\n    // UAT\n    case url.includes(\"integ.stadt-zuerich.ch\"):\n    case /\\.uat\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.UAT;\n\n    // PROD\n    case url.includes(\"https://www.stadt-zuerich.ch\"):\n    case url.includes(\"designsystem.stadt-zuerich.ch\"):\n    case /\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.PROD;\n\n    // Fallback\n    default:\n      return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    link.childNodes.forEach((node) => {\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.includes(\"_\")) {\n        const span = document.createElement(\"span\");\n        span.innerHTML = node.textContent.replace(/_/g, \"_<wbr>\");\n        link.replaceChild(span, node);\n      }\n    });\n  });\n}\nexport function formatHeadingForHyphenation(heading) {\n  return heading.replace(/(\\p{L})\\/(\\p{L})/gu, \"$1 / $2\");\n}\n\nexport function getTheme() {\n  const htmlElement = document.documentElement;\n  return Array.from(htmlElement.classList).find((className) =>\n    className.startsWith(\"stzh-theme-\"),\n  );\n}\n"],"version":3}

package/dist/components/p-DStLZwaI.js.map

@@ -1 +0,0 @@
-{"file":"p-DStLZwaI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-checkbox/stzh-checkbox.scss?tag=stzh-checkbox&encapsulation=scoped","src/components/stzh-checkbox/stzh-checkbox.tsx"],"sourcesContent":[":host {\n  --label-color: var(--stzh-checkbox-label-color, #{$baseColor});\n  --label-hover-color: var(\n    --stzh-checkbox-label-hover-color,\n    #{$colorPrimary70}\n  );\n  --label-hover-checked-color: var(\n    --stzh-checkbox-label-hover-checked-color,\n    #{$colorPrimary90}\n  );\n  --check-color: var(--stzh-checkbox-check-color, #{$colorPrimary});\n  --invalid-color: var(--stzh-checkbox-invalid-color, #{$colorError60});\n  --disabled-color: var(--stzh-checkbox-disabled-color, #{$colorGrey50});\n\n  display: inline-block;\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n}\n\n.stzh-checkbox {\n  @include input-description;\n  display: grid;\n\n  &__field-wrapper {\n    @include fontSize(\"milli\");\n    position: relative;\n    display: flex;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  &__input {\n    @include visuallyhiddenInput;\n    border-radius: $formInputBorderRadius;\n  }\n\n  &__mark {\n    border: 2px solid $colorBlack;\n    background-color: $colorWhite;\n    width: 24px;\n    height: 24px;\n    flex-shrink: 0;\n    border-radius: $formInputBorderRadius;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    transition: border-color $baseTransitionAnimationSpeed;\n    position: relative;\n\n    @media (forced-colors: active) {\n      transition: none;\n      border-color: ButtonBorder;\n    }\n  }\n\n  &__check {\n    display: block;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 100%;\n    height: 100%;\n    transform: translate(-50%, -50%) translateZ(0);\n    will-change: opacity;\n    opacity: 0;\n    transition: opacity 0.15s ease;\n    pointer-events: none;\n\n    -webkit-mask-image: svg-load(\"stzh-checkbox/assets/check.svg\");\n    mask-image: svg-load(\"stzh-checkbox/assets/check.svg\");\n    -webkit-mask-repeat: no-repeat;\n    mask-repeat: no-repeat;\n    -webkit-mask-position: center;\n    mask-position: center;\n    -webkit-mask-size: contain;\n    mask-size: contain;\n\n    color: var(--check-color);\n    background-color: currentColor;\n\n    @media (forced-colors: active) {\n      transition: none;\n      forced-color-adjust: none;\n      color: Highlight;\n    }\n  }\n\n  &__label {\n    --stzh-base-color: initial;\n    color: var(--label-color);\n    transition: color $baseTransitionAnimationSpeed;\n    display: inline-flex;\n    align-items: center;\n    gap: space(\"xsmall\");\n    margin-left: space(\"small\");\n    line-height: 24px;\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__label > &__description-wrapper {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: flex-start;\n    margin: 0;\n  }\n\n  &__label &__error,\n  &__label &__description-text {\n    display: none;\n  }\n\n  &__label &__description,\n  &__label &__description-long {\n    display: inline-flex;\n    align-items: flex-start;\n    margin: 0;\n  }\n\n  &__label &__description-long-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    line-height: 1;\n  }\n\n  &__label stzh-popover &__description-long-icon {\n    --size: var(--stzh-icon-size-small);\n    display: block;\n    line-height: 0;\n    color: $colorPrimary70;\n  }\n\n  &__label-slot {\n    display: block;\n  }\n\n  &__label-slot stzh-text {\n    display: block;\n  }\n\n  &__marker {\n    @include fontSize(\"micro\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  /* Hover / Focus / Checked */\n\n  &:hover &__label,\n  &__input:checked ~ &__label {\n    color: var(--label-hover-color);\n  }\n\n  &__input:checked:hover ~ &__label,\n  &__input:checked:hover ~ &__mark &__check {\n    color: var(--label-hover-checked-color);\n  }\n\n  &__input:checked:hover ~ &__mark &__check {\n    @media (forced-colors: active) {\n      color: Highlight;\n    }\n  }\n\n  &:hover &__mark,\n  &__input:checked ~ &__mark {\n    border-color: var(--label-hover-color);\n\n    @media (forced-colors: active) {\n      border-color: Highlight;\n    }\n  }\n\n  &__input:checked:hover ~ &__mark {\n    border-color: var(--label-hover-checked-color);\n\n    @media (forced-colors: active) {\n      border-color: Highlight;\n    }\n  }\n\n  &--is-checked .stzh-checkbox__check {\n    opacity: 1;\n  }\n\n  /* Invalid */\n\n  &--is-invalid &__input ~ &__label,\n  &--is-invalid &__input ~ &__mark &__check {\n    @media (forced-colors: none) {\n      color: var(--invalid-color);\n    }\n  }\n\n  &--is-invalid &__input ~ &__mark {\n    @media (forced-colors: none) {\n      border-color: var(--invalid-color);\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__field-wrapper {\n    cursor: not-allowed;\n  }\n\n  &--is-disabled &__input ~ &__label {\n    color: $colorGrey60;\n\n    @media (forced-colors: active) {\n      color: GrayText;\n    }\n  }\n\n  &--is-disabled &__input ~ &__mark {\n    border-color: var(--disabled-color);\n    background-color: $colorGrey20;\n\n    @media (forced-colors: active) {\n      border-color: GrayText;\n    }\n  }\n\n  &--is-disabled &__input ~ &__mark &__check {\n    color: var(--disabled-color);\n\n    @media (forced-colors: active) {\n      color: GrayText;\n    }\n  }\n}\n","import { Host, Component, Prop, Event, EventEmitter, Element, h, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxBlurEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet checkboxCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-checkbox\",\n  styleUrl: \"stzh-checkbox.scss\",\n  scoped: true,\n})\nexport class StzhCheckbox {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the checkbox is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Name of the input element */\n  @Prop({ reflect: true }) name: string = \"\";\n\n  /** Value of the input element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /** Checked status */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Default checked (used by reset) */\n  @Prop({ mutable: true }) defaultChecked: boolean;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Use the `description-long-title` slot or the `description` property instead.\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhCheckboxChangeEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhCheckboxFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhCheckboxBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Element() element: HTMLStzhRadioElement;\n\n  private input: HTMLInputElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n\n  private handleReset = async () => {\n    this.checked = this.defaultChecked;\n  };\n\n  private onInput = (event: InputEvent) => {\n    this.checked = this.input.checked;\n\n    this.stzhChange.emit({\n      component: \"stzh-checkbox\",\n      originalEvent: event,\n      value: this.value,\n      checked: this.checked,\n    });\n  };\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-checkbox\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-checkbox\",\n      originalEvent: event,\n    });\n  };\n\n  async componentWillLoad() {\n    this.inputId = `stzh-checkbox-${checkboxCounter++}`;\n    this.errorWatcher(this.error);\n\n    this.defaultChecked = typeof this.defaultChecked === \"boolean\" ? this.defaultChecked : this.checked;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"checkbox\");\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, \"description\") || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, \"description-long\") || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, \"error\") || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-checkbox\": true,\n      \"stzh-checkbox--has-description\": descriptionUsed,\n      \"stzh-checkbox--has-description-long\": descriptionLongUsed,\n      \"stzh-checkbox--has-error\": errorUsed,\n      \"stzh-checkbox--is-required\": this.required,\n      \"stzh-checkbox--is-invalid\": this.invalid || errorUsed,\n      \"stzh-checkbox--is-disabled\": this.disabled,\n      \"stzh-checkbox--is-checked\": this.checked,\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed} tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          <label class=\"stzh-checkbox__field-wrapper\">\n            <input\n              class=\"stzh-checkbox__input\"\n              ref={el => (this.input = el as HTMLInputElement)}\n              type=\"checkbox\"\n              id={this.inputId}\n              name={this.name}\n              value={this.value}\n              disabled={this.disabled}\n              aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n              aria-required={this.required ? \"true\" : \"false\"}\n              aria-invalid={this.invalid ? \"true\" : \"false\"}\n              checked={this.checked}\n              defaultChecked={this.defaultChecked}\n              onInput={this.onInput}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            />\n            <div class=\"stzh-checkbox__mark\">\n              <div class=\"stzh-checkbox__check\" aria-hidden=\"true\"></div>\n            </div>\n            <div class=\"stzh-checkbox__label\">\n              {this.label ? (\n                this.label\n              ) : (\n                <span class=\"stzh-checkbox__label-slot\">\n                  <slot></slot>\n                </span>\n              )}\n\n              {!this.hideOptional && (\n                <span class=\"stzh-checkbox__marker\">\n                  <span class=\"stzh-checkbox__marker-symbol\" aria-hidden=\"true\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldMarker\n                      : this.localization.$globals.optionalFieldMarker}\n                  </span>\n                  <span class=\"stzh-checkbox__marker-text\">\n                    {this.required\n                      ? this.localization.$globals.requiredFieldText\n                      : this.localization.$globals.optionalFieldText}\n                  </span>\n                </span>\n              )}\n\n              {descriptionLongUsed && (\n                <StzhInputDescription\n                  classPrefix=\"stzh-checkbox\"\n                  id={`${this.inputId}-description-long`}\n                  descriptionLong={this.descriptionLong}\n                  descriptionLongTitle={this.descriptionLongTitle}\n                  descriptionLongUsed={true}\n                  moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n                  showError={false}\n                  showDescriptionText={false}\n                />\n              )}\n            </div>\n          </label>\n          {(errorUsed || descriptionUsed) && (\n            <StzhInputDescription\n              classPrefix=\"stzh-checkbox\"\n              id={`${this.inputId}-description`}\n              error={this._error}\n              description={this.description}\n              descriptionLongUsed={false}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-G6s0H-yQ.js.map

@@ -1 +0,0 @@
-{"file":"p-G6s0H-yQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-input/stzh-input.scss?tag=stzh-input&encapsulation=scoped","src/components/stzh-input/stzh-input.tsx"],"sourcesContent":["/**\n * @prop --text-align: Text align of field\n * @prop --input-width: Width of of field\n * @prop --padding-top: Padding top of field\n * @prop --padding-bottom: Padding bottom of field\n * @prop --padding-left: Padding left of field\n * @prop --padding-right: Padding right of field\n *\n * @prop --stzh-form-input-height: **Global**: Height of fields & buttons\n * @prop --stzh-form-input-small-height: **Global**: Height of fields & buttons when small variant is used\n * @prop --stzh-form-input-tiny-height: **Global**: Height of fields & buttons when tiny variant is used\n */\n\n:host {\n  --text-align: left;\n  --color: var(--stzh-input-color, #{$formColor});\n  --border-color: #{$formBorderColor};\n  --border-radius: #{$formInputBorderRadius};\n  --background-color: #{$formBackgroundColor};\n  --padding-top: #{space(\"xsmall\")};\n  --padding-bottom: #{space(\"xsmall\")};\n  --padding-left: #{space(\"medium\")};\n  --padding-right: #{space(\"medium\")};\n  --height: #{$formInputHeight};\n  --input-width: 100%;\n  --label-color: var(--stzh-input-label-color, #{$formLabelColor});\n  --placeholder-color: #{$formInputPlaceholderColor};\n  --button-right-color: #{$colorGrey80};\n\n  --hover-color: var(--stzh-input-hover-color, #{$formHoverColor});\n  --hover-border-color: var(\n    --stzh-input-hover-border-color,\n    #{$formHoverBorderColor}\n  );\n  --hover-background-color: #{$formHoverBackgroundColor};\n  --hover-button-right-color: #{$colorPrimary70};\n\n  --focus-color: #{$formFocusColor};\n  --focus-border-color: #{$formFocusBorderColor};\n  --focus-background-color: #{$formFocusBackgroundColor};\n  --focus-button-right-color: #{$colorPrimary70};\n\n  --text-selection-background-color: #{$colorSecondary30};\n\n  width: 100%;\n\n  &[type=\"hidden\"] {\n    position: absolute;\n    top: -9999px;\n    left: -9999px;\n    visibility: hidden;\n  }\n\n  &[size=\"small\"] {\n    --height: #{$formInputHeightSmall};\n  }\n\n  /* Filled */\n\n  &[is-filled]:not([is-filled=\"false\"]) {\n    --button-right-color: #{$colorPrimary70};\n    --hover-button-right-color: #{$colorPrimary70};\n    --focus-button-right-color: #{$formFocusColor};\n  }\n\n  /* Invalid */\n\n  &[is-invalid] {\n    --color: #{$colorError60};\n    --border-color: #{$colorError60};\n    --background-color: #{$colorWhite};\n    --label-color: #{$colorError60};\n    --placeholder-color: #{$colorError60};\n    --button-right-color: #{$colorError60};\n\n    --hover-color: #{$colorError60};\n    --hover-border-color: #{$colorError60};\n    --hover-background-color: #{$colorWhite};\n    --hover-button-right-color: #{$colorError60};\n\n    --focus-color: #{$colorError60};\n    --focus-border-color: #{$colorError60};\n    --focus-background-color: #{$colorWhite};\n    --focus-button-right-color: #{$colorError60};\n  }\n\n  &[readonly]:not([readonly=\"false\"]),\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: #{$formDisabledColor};\n    --border-color: #{$formDisabledBorderColor};\n    --background-color: #{$formDisabledBackgroundColor};\n    --label-color: #{$formDisabledColor};\n    --placeholder-color: #{$formDisabledColor};\n    --description-color: #{$formDisabledColor};\n    --button-right-color: #{$colorGrey70};\n\n    --hover-color: #{$formDisabledColor};\n    --hover-border-color: #{$formDisabledBorderColor};\n    --hover-background-color: #{$formDisabledBackgroundColor};\n    --hover-button-right-color: #{$colorGrey70};\n\n    --focus-color: #{$formDisabledColor};\n    --focus-border-color: #{$formDisabledBorderColor};\n    --focus-background-color: #{$formDisabledBackgroundColor};\n    --focus-button-right-color: #{$colorGrey70};\n  }\n\n  /* Internal (Hover / Focus) */\n\n  &:is(:has(.stzh-input__input:hover)) {\n    --button-right-color: var(--hover-button-right-color);\n  }\n\n  &:is(:has(.stzh-input__input:focus)) {\n    --button-right-color: var(--focus-button-right-color);\n  }\n}\n\n:host ::slotted([slot=\"button-right\"]),\n.stzh-input__button-right {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n\n:host ::slotted(stzh-popover[slot=\"button-right\"]),\n:host ::slotted([slot=\"button-right\"]) stzh-popover {\n  display: block;\n}\n\n:host ::slotted(stzh-button[slot=\"button-right\"]),\n:host\n  ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n:host\n  ::slotted(stzh-popover[slot=\"button-right\"])\n  .stzh-popover__trigger\n  stzh-button,\n:host\n  ::slotted(stzh-popover[slot=\"button-right\"])\n  .stzh-popover__trigger\n  stzh-button[disabled]:not([disabled=\"false\"]),\n:host\n  ::slotted(stzh-tooltip[slot=\"button-right\"])\n  .stzh-tooltip__trigger\n  stzh-button,\n:host\n  ::slotted(stzh-tooltip[slot=\"button-right\"])\n  .stzh-tooltip__trigger\n  stzh-button[disabled]:not([disabled=\"false\"]),\n.stzh-input__button-right,\n.stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n  --x: 0; // Strangely, at least one statement is necessary, so that the media query below is also written\n\n  @media (forced-colors: none) {\n    --color: var(--button-right-color);\n    --border-color: transparent;\n    --background-color: transparent;\n\n    --hover-color: var(--button-right-color);\n    --hover-border-color: transparent;\n    --hover-background-color: transparent;\n  }\n}\n\n// :host ::slotted(stzh-button[slot=\"button-right\"][disabled]:not([disabled=\"false\"])),\n// :host ::slotted([slot=\"button-right\"]) stzh-button[disabled]:not([disabled=\"false\"]),\n// .stzh-input__button-right[disabled]:not([disabled=\"false\"]) {\n//   --hover-color: #{$colorGrey80};\n// }\n\n:host\n  ::slotted(\n    stzh-button[slot=\"button-right\"][size=\"default\"][icon-only]:not(\n        [icon-only=\"false\"]\n      )\n  ),\n:host\n  ::slotted(stzh-popover[slot=\"button-right\"])\n  .stzh-popover__trigger\n  stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n:host\n  ::slotted(stzh-tooltip[slot=\"button-right\"])\n  .stzh-tooltip__trigger\n  stzh-button[icon-only][size=\"default\"]:not([icon-only=\"false\"]),\n.stzh-input__button-right[size=\"default\"][icon-only]:not([icon-only=\"false\"]) {\n  --icon-size: #{iconSize(\"medium\")};\n}\n\n:host([clearable]:not([clearable=\"false\"])[is-filled]:not([is-filled=\"false\"]))\n  .stzh-input__button-right {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n:host([clearable]:not([clearable=\"false\"])[is-filled]:not([is-filled=\"false\"]))\n  .stzh-input__field-wrapper:hover\n  .stzh-input__button-right,\n:host([clearable]:not([clearable=\"false\"])[is-filled]:not([is-filled=\"false\"]))\n  .stzh-input__input:focus\n  + .stzh-input__button-right {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n.stzh-input {\n  @include input-description;\n\n  ::selection {\n    background: var(--text-selection-background-color);\n  }\n\n  &__field-wrapper {\n    position: relative;\n    display: flex;\n    width: var(--input-width);\n  }\n\n  &__input {\n    @include font;\n    @include fontSize(\"milli\");\n    border: 2px solid var(--border-color);\n    transition-property: color, border-color, background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    border-radius: var(--border-radius);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    margin: 0;\n    width: 100%;\n    color: var(--color);\n    background-color: var(--background-color);\n    appearance: none;\n    text-align: var(--text-align);\n\n    @include placeholder {\n      color: var(--placeholder-color);\n    }\n\n    &:hover {\n      color: var(--hover-color);\n      border-color: var(--hover-border-color);\n      background-color: var(--hover-background-color);\n    }\n\n    &:focus {\n      color: var(--focus-color);\n      border-color: var(--focus-border-color);\n      background-color: var(--focus-background-color);\n    }\n\n    // prevent ugly autofill background color in chrome\n    &:-webkit-autofill {\n      background-clip: text;\n    }\n\n    // show ellipsis for placeholders that are too long\n    &:placeholder-shown {\n      text-overflow: ellipsis;\n    }\n\n    // hide search clear icon on chrome\n    &[type=\"search\"]::-webkit-search-decoration,\n    &[type=\"search\"]::-webkit-search-cancel-button,\n    &[type=\"search\"]::-webkit-search-results-button,\n    &[type=\"search\"]::-webkit-search-results-decoration {\n      -webkit-appearance: none;\n    }\n\n    /* Normal inputs */\n\n    &--input {\n      height: var(--height);\n    }\n\n    /* Textarea */\n    &--textarea {\n      min-height: var(--height);\n      resize: vertical;\n    }\n  }\n\n  &__label-wrapper {\n    display: flex;\n    align-items: center;\n    gap: space(\"xsmall\");\n    margin-bottom: space(\"xxxsmall\");\n    width: 100%;\n    min-width: 0;\n    min-height: auto;\n  }\n\n  &__label {\n    @include font(\"heavy\");\n    @include fontSize(\"micro\");\n    @include truncate;\n    display: block;\n    color: var(--label-color);\n    min-width: 0;\n    flex: 0 1 auto;\n    max-width: 100%;\n    margin-bottom: 0;\n    // position: absolute;\n    // top: calc(#{$formInputHeight} / 2);\n    // // padding-left (medium) + border-left\n    // left: calc(#{space('medium')} + 1px);\n    // max-width: calc(100% - #{space('medium')} * 2);\n    // transform: translateY(-50%);\n    // transition: all $baseTransitionAnimationSpeed;\n    // pointer-events: none;\n\n    &.no-label-truncate {\n      @include resetTruncate;\n      white-space: normal;\n      overflow: visible;\n      text-overflow: clip;\n    }\n\n    &:empty {\n      display: none;\n    }\n  }\n\n  // &::before {\n  //   content: '';\n  //   display: none;\n  //   background: $colorWhite;\n  //   position: absolute;\n  //   width: 100%;\n  //   z-index: -1;\n  //   left: 0;\n  //   top: 50%;\n  //   // prevent white line not fully overlaping border of input\n  //   margin-top: -0.5px;\n  //   height: 2px;\n  // }\n  &__label:not(.no-label-truncate) {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__label.no-label-truncate {\n    max-width: none;\n    white-space: normal;\n  }\n\n  &__marker {\n    @include fontSize(\"nano\");\n    margin-left: calc(-0.25em + #{space(\"xsmall\")});\n  }\n\n  /* Clearable / Search input / Password  */\n  &__label-wrapper > &__description-wrapper {\n    flex: 0 0 auto;\n    display: inline-flex;\n    align-items: flex-start;\n    margin: 0;\n  }\n\n  &__label-wrapper &__error,\n  &__label-wrapper &__description-text {\n    display: none;\n  }\n\n  &__label-wrapper &__description {\n    display: inline-flex;\n    align-items: flex-start;\n    margin: 0;\n  }\n\n  &__label-wrapper &__description-long {\n    display: inline-flex;\n    align-items: flex-start;\n  }\n\n  &__label-wrapper &__description-long-popover,\n  &__label-wrapper &__description-long-button {\n    height: 20px;\n    line-height: 1;\n  }\n\n  &__label-wrapper &__description-long-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n  }\n\n  &__label-wrapper stzh-popover &__description-long-icon {\n    --size: var(--stzh-icon-size-small);\n    display: block;\n    line-height: 0;\n    color: $colorPrimary70;\n  }\n\n  &__description-wrapper {\n    flex: 0 0 auto;\n  }\n\n  &--type-password#{&}--is-not-filled &__button-right,\n  &--type-password#{&}--is-readonly &__button-right,\n  &--type-password#{&}--is-disabled &__button-right,\n  &--type-search#{&}--is-not-clearable &__button-right,\n  &--type-search#{&}--is-not-filled &__button-right,\n  &--type-search#{&}--is-readonly &__button-right,\n  &--type-search#{&}--is-disabled &__button-right {\n    pointer-events: none;\n  }\n\n  &--type-search &__button-right {\n    width: var(--height);\n    height: var(--height);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color, border-color;\n\n    @media (forced-colors: active) {\n      transition: none;\n      color: ButtonBorder;\n    }\n  }\n\n  &--type-search:hover &__button-right {\n    @media (forced-colors: active) {\n      color: Highlight;\n    }\n  }\n\n  /* Styles for floating label */\n\n  // &:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-fixed-label &__label,\n  // &--is-filled &__label,\n  // &--is-readonly &__label,\n  // &--is-disabled &__label,\n  // &--is-invalid &__label {\n  //   display: block;\n  //   top: 0;\n  //   // padding-left (input field medium) - padding-left\n  //   left: calc(#{space('medium')} - #{space('xxsmall')});\n  //   height: 20px; // dividable by two (so before element is always positioned correctly)\n  //   line-height: 20px;\n  //   padding: 0 space('xxsmall');\n  //   max-width: calc(100% - #{space('small')} * 2);\n  //   pointer-events: all;\n\n  //   &:not(:empty)::before {\n  //     display: block;\n  //   }\n  // }\n\n  /* Button Right Variant */\n\n  &--has-button-right &__input {\n    // distance to icon + icon button width\n    padding-right: var(--height);\n  }\n\n  // &--has-button-right &__label {\n  //   // 100% - ((padding left of normal variant + border 1px) * 2) - icon button width\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeight});\n  // }\n\n  // &--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--has-button-right#{&}--has-fixed-label &__label,\n  // &--has-button-right#{&}--is-filled &__label,\n  // &--has-button-right#{&}--is-readonly &__label,\n  // &--has-button-right#{&}--is-disabled &__label,\n  // &--has-button-right#{&}--is-invalid &__label {\n  //   // 100% - left distance to text + 1px border + padding label right side - icon button width\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xxsmall')} - #{$formInputHeight});\n  // }\n\n  /* Size variants */\n\n  &--size-small &__input {\n    @include fontSize(\"micro\");\n  }\n\n  // &--size-small &__label {\n  //   top: calc(#{$formInputHeightSmall} / 2);\n  // }\n\n  // &--size-small#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--is-filled &__label,\n  // &--size-small#{&}--is-readonly &__label,\n  // &--size-small#{&}--is-disabled &__label,\n  // &--size-small#{&}--is-invalid &__label {\n  //   top: 0;\n  // }\n\n  // &--size-small#{&}--has-button-right &__label {\n  //   max-width: calc(100% - (#{space('medium')} + 1px) * 2 - #{$formInputHeightSmall});\n  // }\n\n  // &--size-small#{&}--has-button-right#{&}:not(#{&}--is-readonly):not(#{&}--is-disabled) &__input:focus + &__label,\n  // &--size-small#{&}--has-button-right#{&}--has-fixed-label &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-filled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-readonly &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-disabled &__label,\n  // &--size-small#{&}--has-button-right#{&}--is-invalid &__label {\n  //   max-width: calc(100% - #{space('medium')} - #{space('xxsmall')} - 1px + #{space('xsmall')} - #{$formInputHeightSmall});\n  // }\n\n  /* Spin button */\n\n  &:not(#{&}--has-spin) &__input {\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      appearance: none;\n      margin: 0;\n    }\n\n    &[type=\"number\"] {\n      appearance: textfield;\n    }\n  }\n\n  /* Hidden label */\n\n  &--has-label-hidden &__label {\n    @include visuallyhidden;\n  }\n\n  /* Readonly / Disabled */\n\n  &--is-readonly &__input,\n  &--is-disabled &__input,\n  &--is-readonly &__label,\n  &--is-disabled &__label {\n    cursor: not-allowed;\n  }\n  // &--is-readonly &__label,\n  // &--is-disabled &__label {\n  //   &::before {\n  //     background: transparent;\n  //   }\n  // }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from \"@stencil/core\";\nimport { StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent } from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhInputLocalizedText } from \"./stzh-input.localization\";\nimport { StzhInputDescription } from \"./stzh-input-description\";\n\nlet inputCounter = 0;\n\n/**\n * @slot - Slot for label content\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n * @slot button-right - Slot for right button\n */\n@Component({\n  tag: \"stzh-input\",\n  styleUrl: \"stzh-input.scss\",\n  scoped: true,\n})\nexport class StzhInput {\n  /** Translation strings */\n  @Prop() localization: StzhInputLocalizedText;\n\n  /** Whether the input is a textarea or an input field */\n  @Prop() multiline: boolean = false;\n\n  /** Rows attribute if input element is textarea */\n  @Prop() rows: number;\n\n  /** If input field, this defines the type (if `search`, a search icon will be displayed) */\n  @Prop({ reflect: true }) type: \"text\" | \"search\" | \"password\" | \"email\" | \"url\" | \"tel\" | \"number\" | \"hidden\" =\n    \"text\";\n\n  /** If input type is number, this will be the step size  */\n  @Prop() step: number = 1;\n\n  /** If input type is number, this will be the minimum step number  */\n  @Prop() min: number;\n\n  /** If input type is number, this will be the maximum step number  */\n  @Prop() max: number;\n\n  /** If input type is number and this property is true, this will show the spin buttons on hover/focus */\n  @Prop({ reflect: true }) showSpin: boolean = false;\n\n  /** Whether the element is readonly or not */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Whether clearable button is showing when input field has value and is enabled (button-right slot not usable anymore when true) */\n  @Prop({ reflect: true }) clearable: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form to hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** Minimum of characters */\n  @Prop() minlength: number;\n\n  /** Maxlength of characters */\n  @Prop() maxlength: number;\n\n  /** The name of the input element */\n  @Prop({ reflect: true }) name: string;\n\n  /** The value of the input element */\n  @Prop({ mutable: true }) value: string = \"\";\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string = \"\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /**\n   * **Do not use this property. It will be deprecated with the next major release.**\n   * Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Required status */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Specify inputmode.\n   * See [MDN](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/inputmode) for possible values\n   */\n  @Prop() inputmode: string;\n\n  /**\n   * Specify what the user agent has to provide as automated assistance.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for possible values\n   */\n  @Prop() autocomplete: string = \"on\";\n\n  /** Whether autocomplete should be turned off  */\n  @Prop() noAutocomplete: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Whether label should be truncated or not */\n  @Prop() noLabelTruncate: boolean = false;\n\n  /** Whether label should be visually hidden. */\n  @Prop() labelHidden: boolean = false;\n\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /** Whether the input is filled or not */\n  @State() filled: boolean;\n\n  /** Whether to show the password or not */\n  @State() showPassword: boolean;\n\n  @State() hasDefaultSlot: boolean = false;\n  @State() hasResolvedDefaultSlot: boolean = false;\n\n  @Element() element: HTMLStzhInputElement;\n\n  /** Input change event */\n  @Event() stzhChange: EventEmitter<StzhInputChangeEvent>;\n\n  /** Input changed event */\n  @Event() stzhChanged: EventEmitter<StzhInputChangedEvent>;\n\n  /** Input focus event */\n  @Event() stzhFocus: EventEmitter<StzhInputFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhInputBlurEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Watch(\"value\")\n  valueWatcher(newValue: string) {\n    this.filled = newValue !== \"\";\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Watch(\"type\")\n  typeWatcher(newValue: string) {\n    const types = [\"text\", \"search\", \"password\", \"email\", \"url\", \"tel\", \"number\", \"hidden\"];\n\n    if (!this.multiline && !types.includes(newValue)) {\n      throw new Error(`Type ${newValue} not supported`);\n    }\n  }\n\n  private input: HTMLInputElement | HTMLTextAreaElement;\n  private inputId: string;\n  private focusedByInput: boolean = false;\n  private renderPromiseResolve: (value?: unknown) => void;\n\n  /** Detects default-slot label content, including Stencil's scoped-slot fallback nodes. */\n  private hasDefaultLabelContent() {\n    if (hasSlot(this.element)) {\n      return true;\n    }\n\n    return Array.from(this.element.childNodes).some(node => {\n      const slotNode = (node as any)[\"s-nr\"] ?? node;\n\n      if (slotNode.nodeType === Node.TEXT_NODE) {\n        return (slotNode.textContent ?? \"\").trim() !== \"\";\n      }\n\n      if (slotNode.nodeType === Node.ELEMENT_NODE) {\n        const element = slotNode as HTMLElement;\n\n        return !element.hasAttribute(\"slot\") && !element.classList.contains(\"stzh-input\");\n      }\n\n      return false;\n    });\n  }\n\n  /** Updates default-slot state after initial render and later slot content changes. */\n  private updateDefaultSlotState = () => {\n    const hasDefaultSlot = this.hasDefaultLabelContent();\n\n    if (this.hasDefaultSlot !== hasDefaultSlot) {\n      this.hasDefaultSlot = hasDefaultSlot;\n    }\n\n    if (!this.hasResolvedDefaultSlot) {\n      this.hasResolvedDefaultSlot = true;\n    }\n  };\n\n  private waitForNextRender() {\n    return new Promise(resolve => (this.renderPromiseResolve = resolve));\n  }\n\n  private onClearClick = async (event: MouseEvent) => {\n    this.value = \"\";\n    this.input.focus();\n\n    await this.waitForNextRender();\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value,\n    });\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value,\n    });\n  };\n\n  private onTogglePasswordVisibilityClick = async () => {\n    this.showPassword = !this.showPassword;\n  };\n\n  private handleReset = async () => {\n    this.value = this.defaultValue;\n    // we also update value, since render doesn't get executed sometimes\n    this.input.value = this.defaultValue;\n\n    // TODO: check if we need own reset event or trigger the change event\n    // (custom browser behaviour doesn't send change event, when reset is executed)\n    // this.stzhChange.emit({\n    //   component: \"stzh-input\",\n    //   originalEvent: event,\n    //   value: this.value\n    // });\n  };\n\n  private onInput = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChange.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value,\n    });\n  };\n\n  private onChange = (event: InputEvent) => {\n    this.value = this.input.value;\n\n    this.stzhChanged.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n      value: this.value,\n    });\n  };\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.input.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n    });\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    // fixes weird bug where autofill selection doesn't get removed\n    this.input.value = this.input.value;\n\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false,\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-input\",\n      originalEvent: event,\n    });\n  };\n\n  private renderTextarea(): HTMLTextAreaElement {\n    return (\n      <textarea\n        class=\"stzh-input__input stzh-input__input--textarea\"\n        ref={el => (this.input = el as HTMLTextAreaElement)}\n        id={this.inputId}\n        name={this.name}\n        value={this.value}\n        rows={this.rows}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      ></textarea>\n    );\n  }\n\n  private renderInput(): HTMLInputElement {\n    return (\n      <input\n        class=\"stzh-input__input stzh-input__input--input\"\n        ref={el => (this.input = el as HTMLInputElement)}\n        id={this.inputId}\n        type={this.showPassword ? \"text\" : this.type}\n        name={this.name}\n        value={this.value}\n        defaultValue={this.defaultValue}\n        min={this.min}\n        max={this.max}\n        step={this.step}\n        inputmode={this.inputmode}\n        disabled={this.disabled}\n        readonly={this.readonly}\n        minlength={this.minlength}\n        maxlength={this.maxlength}\n        autocomplete={this.noAutocomplete ? \"off\" : this.autocomplete}\n        aria-autocomplete={this.noAutocomplete ? \"none\" : undefined}\n        aria-describedby={`${this.inputId}-description ${this.a11yDescribedby}`}\n        aria-required={this.required ? \"true\" : \"false\"}\n        aria-invalid={this.invalid ? \"true\" : \"false\"}\n        onChange={this.onChange}\n        onInput={this.onInput}\n        onFocus={this.onFocus}\n        onBlur={this.onBlur}\n      />\n    );\n  }\n\n  componentDidRender() {\n    if (this.renderPromiseResolve) {\n      this.renderPromiseResolve();\n    }\n  }\n\n  componentDidLoad() {\n    this.updateDefaultSlotState();\n  }\n\n  async componentWillLoad() {\n    this.inputId = `stzh-input-${inputCounter++}`;\n    this.typeWatcher(this.type);\n    this.valueWatcher(this.value);\n    this.errorWatcher(this.error);\n\n    this.defaultValue = this.defaultValue || this.value;\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"input\");\n    }\n  }\n\n  render() {\n    const buttonRightSlotUsed = hasSlot(this.element, \"button-right\");\n    const descriptionUsed = hasSlot(this.element, \"description\") || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, \"description-long\") || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, \"error\") || this._error?.length > 0;\n\n    const labelUsed = !!this.label || this.hasDefaultSlot;\n    const labelWrapperUsed = !this.hasResolvedDefaultSlot || labelUsed || descriptionLongUsed;\n\n    const classes = {\n      \"stzh-input\": true,\n      \"stzh-input--has-button-right\":\n        buttonRightSlotUsed ||\n        this.type === \"search\" ||\n        (this.clearable && this.filled && !this.readonly && !this.disabled),\n      \"stzh-input--has-description\": descriptionUsed,\n      \"stzh-input--has-description-long\": descriptionLongUsed,\n      \"stzh-input--has-error\": errorUsed,\n      \"stzh-input--has-spin\": this.showSpin,\n      \"stzh-input--is-invalid\": this.invalid || errorUsed,\n      \"stzh-input--is-disabled\": this.disabled,\n      \"stzh-input--is-readonly\": this.readonly,\n      \"stzh-input--is-required\": this.required,\n      \"stzh-input--is-filled\": this.filled,\n      \"stzh-input--is-not-filled\": !this.filled,\n      \"stzh-input--is-clearable\": this.clearable,\n      \"stzh-input--is-not-clearable\": !this.clearable,\n      \"stzh-input--has-label-hidden\": this.labelHidden,\n      [`stzh-input--size-${this.size}`]: !!this.size,\n      [`stzh-input--type-${this.type}`]: !!this.type,\n    };\n\n    return (\n      <Host\n        is-invalid={this.invalid || errorUsed}\n        tabindex={this.disabled ? null : \"-1\"}\n        onFocus={this.onRootFocus}\n        is-filled={this.filled}\n      >\n        <div class={classes}>\n          {labelWrapperUsed && (\n            <div class=\"stzh-input__label-wrapper\">\n              <label\n                class={{\n                  \"stzh-input__label\": true,\n                  \"no-label-truncate\": this.noLabelTruncate,\n                }}\n                htmlFor={this.inputId}\n              >\n                {this.label ? this.label : <slot onSlotchange={this.updateDefaultSlotState}></slot>}\n\n                {labelUsed && !this.hideOptional && (\n                  <span class=\"stzh-input__marker\">\n                    <span class=\"stzh-input__marker-symbol\" aria-hidden=\"true\">\n                      {this.required\n                        ? this.localization.$globals.requiredFieldMarker\n                        : this.localization.$globals.optionalFieldMarker}\n                    </span>\n                    <span class=\"stzh-input__marker-text\">\n                      {this.required\n                        ? this.localization.$globals.requiredFieldText\n                        : this.localization.$globals.optionalFieldText}\n                    </span>\n                  </span>\n                )}\n              </label>\n\n              {descriptionLongUsed && (\n                <StzhInputDescription\n                  classPrefix=\"stzh-input\"\n                  id={`${this.inputId}-description-long`}\n                  description={this.description}\n                  descriptionLong={this.descriptionLong}\n                  descriptionLongTitle={this.descriptionLongTitle}\n                  descriptionLongUsed={descriptionLongUsed}\n                  moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n                  showError={false}\n                  showDescriptionText={false}\n                />\n              )}\n            </div>\n          )}\n          <div class=\"stzh-input__field-wrapper\">\n            {this.multiline ? this.renderTextarea() : this.renderInput()}\n            {this.clearable || this.type === \"search\" || this.type === \"password\" ? (\n              (!this.clearable || this.disabled || this.readonly || !this.filled) && this.type === \"search\" ? (\n                <stzh-icon class=\"stzh-input__button-right\" name=\"search\"></stzh-icon>\n              ) : this.type === \"password\" ? (\n                <stzh-button\n                  class=\"stzh-input__button-right\"\n                  icon={this.showPassword ? \"view-hidden\" : \"view\"}\n                  size={this.size}\n                  iconOnly={true}\n                  onClick={this.onTogglePasswordVisibilityClick}\n                  disabled={this.disabled || this.readonly}\n                  a11yLabel={\n                    this.type === \"password\"\n                      ? this.showPassword\n                        ? this.localization.$globals.passwordToggleButtonHideLabel\n                        : this.localization.$globals.passwordToggleButtonShowLabel\n                      : undefined\n                  }\n                ></stzh-button>\n              ) : this.filled ? (\n                <stzh-button\n                  class=\"stzh-input__button-right\"\n                  icon=\"close\"\n                  size={this.size}\n                  iconOnly={true}\n                  onClick={this.onClearClick}\n                  a11yLabel={this.localization.$globals.clearButtonLabel}\n                  aria-controls={this.inputId}\n                  a11yTabindex=\"-1\"\n                  aria-hidden={this.clearable ? \"true\" : undefined}\n                ></stzh-button>\n              ) : (\n                <slot name=\"button-right\"></slot>\n              )\n            ) : (\n              <slot name=\"button-right\"></slot>\n            )}\n          </div>\n          {(errorUsed || descriptionUsed) && (\n            <StzhInputDescription\n              classPrefix=\"stzh-input\"\n              id={`${this.inputId}-description`}\n              error={this._error}\n              description={this.description}\n              descriptionLongUsed={false}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utils-BnOofzDv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-BnOofzDv.js","sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function setProps(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    element[attribute] = attributes[attribute];\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`,\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false,\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset,\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n\n  switch (true) {\n    // DEV\n    case url.includes(\"localhost\"):\n    case url.includes(\"test.stadt-zuerich.loc\"):\n    case /\\.dev\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.DEV;\n\n    // UAT\n    case url.includes(\"integ.stadt-zuerich.ch\"):\n    case /\\.uat\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.UAT;\n\n    // PROD\n    case url.includes(\"https://www.stadt-zuerich.ch\"):\n    case url.includes(\"designsystem.stadt-zuerich.ch\"):\n    case /\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.PROD;\n\n    // Fallback\n    default:\n      return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    link.childNodes.forEach((node) => {\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.includes(\"_\")) {\n        const span = document.createElement(\"span\");\n        span.innerHTML = node.textContent.replace(/_/g, \"_<wbr>\");\n        link.replaceChild(span, node);\n      }\n    });\n  });\n}\nexport function formatHeadingForHyphenation(heading) {\n  return heading.replace(/(\\p{L})\\/(\\p{L})/gu, \"$1 / $2\");\n}\n\nexport function getTheme() {\n  const htmlElement = document.documentElement;\n  return Array.from(htmlElement.classList).find((className) =>\n    className.startsWith(\"stzh-theme-\"),\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/stzh-components/p--MYN2wgX.js

@@ -1,2 +0,0 @@
-import{d as t}from"./p-BubviQku.js";function e(t,e){if(e){return t.querySelector(`[slot="${e}"]`)!==null}return Array.from(u(t)).some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const e=t;if(!e.hasAttribute("slot")){return true}}return false}))}function n(e,n){Object.keys(n).forEach((r=>{if(e.getAttribute(t(r))===null){e[r]=n[r]}}))}function r(t,e){Object.keys(e).forEach((n=>{t[n]=e[n]}))}function c(t){if(!t||t.nodeType!==1){return false}return t.tagName.toLowerCase().indexOf("stzh-")===0}function s(t){const e=document.querySelector(`meta[name="${t}"],[property="${t}"]`);return e?e.getAttribute("content"):""}function u(t){const e=t.childNodes;if(t["s-sc"]){const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"];if(r){t.push(r)}}return t}return Array.from(e)}function o(t){if(typeof t.checkVisibility!=="undefined"){return t.checkVisibility({checkOpacity:false,checkVisibilityCSS:false})}else{return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}}function i(t){if(!t.getClientRects().length){return{top:0,left:0}}let e=t.getBoundingClientRect();let n=t.ownerDocument.defaultView;return{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}}async function a(){return new Promise((t=>{requestAnimationFrame((()=>{t()}))}))}var f;(function(t){t["UNKNOWN"]="UNKNOWN";t["DEV"]="DEV";t["UAT"]="UAT";t["PROD"]="PROD"})(f||(f={}));function l(){const t=window.location.href;switch(true){case t.includes("localhost"):case t.includes("test.stadt-zuerich.loc"):case/\.dev\.cmp\.szh\.loc/.test(t):return f.DEV;case t.includes("integ.stadt-zuerich.ch"):case/\.uat\.cmp\.szh\.loc/.test(t):return f.UAT;case t.includes("https://www.stadt-zuerich.ch"):case t.includes("designsystem.stadt-zuerich.ch"):case/\.cmp\.szh\.loc/.test(t):return f.PROD;default:return f.UNKNOWN}}function h(t){t.forEach((t=>{t.childNodes.forEach((e=>{var n;if(e.nodeType===Node.TEXT_NODE&&((n=e.textContent)===null||n===void 0?void 0:n.includes("_"))){const n=document.createElement("span");n.innerHTML=e.textContent.replace(/_/g,"_<wbr>");t.replaceChild(n,e)}}))}))}function d(t){return t.replace(/(\p{L})\/(\p{L})/gu,"$1 / $2")}function p(){const t=document.documentElement;return Array.from(t.classList).find((t=>t.startsWith("stzh-theme-")))}export{r as a,l as b,s as c,o as d,h as e,d as f,p as g,e as h,c as i,i as o,a as r,n as s};
-//# sourceMappingURL=p--MYN2wgX.js.map

package/dist/stzh-components/p--MYN2wgX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p--MYN2wgX.js","sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function setProps(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    element[attribute] = attributes[attribute];\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`,\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false,\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset,\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n\n  switch (true) {\n    // DEV\n    case url.includes(\"localhost\"):\n    case url.includes(\"test.stadt-zuerich.loc\"):\n    case /\\.dev\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.DEV;\n\n    // UAT\n    case url.includes(\"integ.stadt-zuerich.ch\"):\n    case /\\.uat\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.UAT;\n\n    // PROD\n    case url.includes(\"https://www.stadt-zuerich.ch\"):\n    case url.includes(\"designsystem.stadt-zuerich.ch\"):\n    case /\\.cmp\\.szh\\.loc/.test(url):\n      return StzhEnvironmentEnum.PROD;\n\n    // Fallback\n    default:\n      return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    link.childNodes.forEach((node) => {\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.includes(\"_\")) {\n        const span = document.createElement(\"span\");\n        span.innerHTML = node.textContent.replace(/_/g, \"_<wbr>\");\n        link.replaceChild(span, node);\n      }\n    });\n  });\n}\nexport function formatHeadingForHyphenation(heading) {\n  return heading.replace(/(\\p{L})\\/(\\p{L})/gu, \"$1 / $2\");\n}\n\nexport function getTheme() {\n  const htmlElement = document.documentElement;\n  return Array.from(htmlElement.classList).find((className) =>\n    className.startsWith(\"stzh-theme-\"),\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/stzh-components/p-18237cd2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as i,F as r,a as o,d as e}from"./p-Qb46gVIp.js";import{a}from"./p-Df1Iqnz9.js";import{h}from"./p--MYN2wgX.js";import{S as d}from"./p-Be8ir2AL.js";import{c}from"./p-BubviQku.js";const n=()=>`.sc-stzh-datepicker-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-datepicker-h,[stzh-hidden].sc-stzh-datepicker-h{display:none}.sc-stzh-datepicker-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-datepicker-h *.sc-stzh-datepicker,.sc-stzh-datepicker-h *.sc-stzh-datepicker::before,.sc-stzh-datepicker-h *.sc-stzh-datepicker::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-datepicker-h .has-focus.sc-stzh-datepicker{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker{outline-style:none !important}.sc-stzh-datepicker-h .stzh-fylingfocus-focused.sc-stzh-datepicker::-moz-focus-inner{border:0 !important}.sc-stzh-datepicker-h{--calendar-width:var(--stzh-calendar-width);width:100%;position:relative}[inline].sc-stzh-datepicker-h:not([inline=false]){width:var(--calendar-width)}.stzh-datepicker__popover.sc-stzh-datepicker{--width:auto}.stzh-datepicker__calendar.sc-stzh-datepicker{margin-left:auto;margin-right:auto}.stzh-datepicker__calendar.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker{display:flex;width:var(--calendar-width);margin-left:auto;margin-right:auto}.stzh-datepicker__actions.is-inline.sc-stzh-datepicker{width:100%;margin-left:0px;margin-right:0px}.stzh-datepicker__actions.sc-stzh-datepicker:not(:empty){padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}.stzh-datepicker--has-action.sc-stzh-datepicker .stzh-datepicker__popover.sc-stzh-datepicker{--content-padding:0 0 var(--stzh-space-small) 0}`;const l=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.calendarMin="";this.calendarMax="";this.calendarIsDateDisabled=()=>false;this.name="";this.value="";this.calendarValue="";this.inputValue="";this.defaultValue="";this.label="";this.labelHidden=false;this.readonly=false;this.disabled=false;this.invalid=false;this.required=false;this.hideOptional=false;this.size="default";this.inline=false;this.internalDateAdapter="iso";this.handleReset=async()=>{this.value=this.defaultValue};this.onRootFocus=()=>{if(this.input){this.input.focus()}};this.onInputChanged=()=>{const t=this.dateAdapter.parse(this.input.value,"dateInput");if(this.input.value===""||t){const s=this._internalDateAdapter.format(t,"dateInput");if(this.value!==s){this.value=s}else{this.valueWatcher(s)}this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t})}};this.onCalendarChange=t=>{if(t.detail.component!=="stzh-calendar"){t.stopPropagation();return}this.value=t.detail.valueAsDate&&this._internalDateAdapter.format(t.detail.valueAsDate,"dateInput");this.stzhChange.emit({component:"stzh-datepicker",value:this.value,valueAsDate:t.detail.valueAsDate});if(this.popoverElement){this.popoverElement.hide()}}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}createDateFormatters(){if(this.localization){this.dateFormatLong=new Intl.DateTimeFormat(this.localization.$locale,{day:"numeric",month:"long",year:"numeric"})}}valueWatcher(t){if(!this._internalDateAdapter){return}const s=this._internalDateAdapter.parse(t,"dateInput");this.calendarValue=a(s);this.inputValue=this.dateAdapter.format(s,"dateInput");this.updateButtonAccessibleLabel()}dateAdapterWatcher(t){if(!t){this.dateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formats,this.localization.$globals)}}internalDateAdapterWatcher(t){if(t==="iso"||!t){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsIso,this.localization.$globals)}else if(t==="legacy"){this._internalDateAdapter=window.stzhComponents.utils.createFormatParseAdapter(this.localization.$formatsLegacy,this.localization.$globals)}else{this._internalDateAdapter=t}}async setDate(t){this.value=this._internalDateAdapter.format(t,"dateInput")}async getPopover(){return this.popoverElement}updateButtonAccessibleLabel(){if(!this.localization){return}try{const t=this._internalDateAdapter.parse(this.value,"dateInput");this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}, ${this.localization.selectedDateMessage} ${this.dateFormatLong.format(t)}`}catch(t){this.buttonLabel=`${this.label}, ${this.localization.buttonLabel}`}}connectedCallback(){this.createDateFormatters()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"datepicker")}this.dateAdapterWatcher(this.dateAdapter);this.internalDateAdapterWatcher(this.internalDateAdapter);this.valueWatcher(this.value);this.defaultValue=this.defaultValue||this.value}render(){const t=h(this.element,"action");const s={"stzh-datepicker":true,"stzh-datepicker--inline":this.inline,"stzh-datepicker--has-action":t};return i(o,{key:"f9ab0e2fb4575eb8542d1ec382f35481cf134fb6",tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"b2c28f9dd72b3744607a266df158da76e9530262",class:s},i("input",{key:"4650d89af6b5c00f52c54a79f5e142ca81ec85a1",type:"hidden",name:this.name,value:this.value,defaultValue:this.defaultValue}),this.inline&&i(r,{key:"79d0a144fecd99d047b825c70b8f7bc714d5f119"},i("stzh-calendar",{key:"f68c46fa1c548914947871b7c4b734712080f686",value:this.calendarValue,class:"stzh-datepicker__calendar is-inline",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"9fbf7a789b1a913b49410b541c43d7f1632e06a4",class:"stzh-datepicker__actions"},i("slot",{key:"db2778590807eb867606d911e68ba8028c3bd7b2",name:"action"}))),!this.inline&&i("stzh-input",{key:"0873aa372a6f12d138e8eb27faf1625185e807b2",value:this.inputValue,label:this.label,labelHidden:this.labelHidden,ref:t=>this.input=t,noAutocomplete:true,onStzhChanged:this.onInputChanged,readonly:this.readonly,disabled:this.disabled,description:this.description,descriptionLong:this.descriptionLong,error:this.error,invalid:this.invalid,required:this.required,hideOptional:this.hideOptional,size:this.size},i("stzh-popover",{key:"7078a7358bdd7d0ffac426a4403e746c09443af7",ref:t=>this.popoverElement=t,class:"stzh-datepicker__popover",slot:"button-right",placement:"bottom-end",strategy:"fixed",label:this.label},i("stzh-button",{key:"3e918f15c8de06dbedf49d017cad568bdeb4c85c","icon-only":true,icon:"calendar",size:this.size,disabled:this.disabled,a11yLabel:this.buttonLabel}),i("div",{key:"ffdd219a08612fa9455b620fa9a2bc3b3c2a72ca",slot:"content"},i("stzh-calendar",{key:"cba8098fb2ad2bd4d71692923d66315210822176",value:this.calendarValue,class:"stzh-datepicker__calendar is-popover",isDateDisabled:this.calendarIsDateDisabled,min:this.calendarMin,max:this.calendarMax,onStzhChange:this.onCalendarChange}),i("div",{key:"74bf18b052db32ded17eb2a5df1ab689d71a53a0",class:"stzh-datepicker__actions"},i("slot",{key:"55a234b0b97e8c031619ca422f67413fd56aba3f",name:"action"})))))))}get element(){return e(this)}static get watchers(){return{localization:["createDateFormatters"],value:["valueWatcher"],dateAdapter:["dateAdapterWatcher"],internalDateAdapter:["internalDateAdapterWatcher"]}}};l.style=n();const z=()=>`.sc-stzh-radio-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-radio-h,[stzh-hidden].sc-stzh-radio-h{display:none}.sc-stzh-radio-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radio-h *.sc-stzh-radio,.sc-stzh-radio-h *.sc-stzh-radio::before,.sc-stzh-radio-h *.sc-stzh-radio::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-radio-h .has-focus.sc-stzh-radio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio{outline-style:none !important}.sc-stzh-radio-h .stzh-fylingfocus-focused.sc-stzh-radio::-moz-focus-inner{border:0 !important}.sc-stzh-radio-h{--label-color:var(--stzh-radio-label-color, var(--stzh-base-color));--label-hover-color:var(--stzh-radio-label-hover-color, var(--stzh-color-primary70));--label-hover-checked-color:var(\n    --stzh-radio-label-hover-checked-color,\n    var(--stzh-color-primary90)\n  );--check-color:var(--stzh-radio-check-color, var(--stzh-color-primary70));--invalid-color:var(--stzh-radio-invalid-color, var(--stzh-color-error60));--disabled-color:var(--stzh-radio-disabled-color, var(--stzh-color-grey50));display:inline-block}[disabled].sc-stzh-radio-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radio__marker-symbol.sc-stzh-radio{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radio__marker-text.sc-stzh-radio{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-radio__description-wrapper.sc-stzh-radio{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radio__error.sc-stzh-radio,.stzh-radio__description.sc-stzh-radio{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radio__error.sc-stzh-radio{color:var(--stzh-color-error60)}.stzh-radio__error-list.sc-stzh-radio{list-style:none;margin:0;padding:0}.stzh-radio__description.sc-stzh-radio{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-radio__description-long.sc-stzh-radio{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radio__description-long.sc-stzh-radio{margin-top:0}}.stzh-radio__description-long-popover.sc-stzh-radio{--width:auto;--max-width:27.3125rem}.stzh-radio__description-long-button.sc-stzh-radio{display:flex;justify-content:center;align-items:center;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-radio.sc-stzh-radio stzh-icon.stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-xsmall)}.stzh-radio--has-error.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio--has-description.sc-stzh-radio .stzh-radio__description.sc-stzh-radio{margin-top:var(--stzh-space-xxxsmall)}.stzh-radio.sc-stzh-radio{display:grid}.stzh-radio__field-wrapper.sc-stzh-radio{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);position:relative;display:flex;-webkit-user-select:none;user-select:none;cursor:pointer}.stzh-radio__input.sc-stzh-radio{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;appearance:none;border-radius:var(--stzh-form-input-border-radius)}.stzh-radio__mark.sc-stzh-radio{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed)}.stzh-radio__mark.sc-stzh-radio::before{content:""}@media (forced-colors: active){.stzh-radio__mark.sc-stzh-radio{transition:none;border-color:ButtonBorder}}.stzh-radio__check.sc-stzh-radio{background-color:currentColor;color:var(--check-color, var(--stzh-color-primary70));width:1rem;height:1rem;border-radius:50%;opacity:0;transition-property:color;transition-duration:var(--stzh-base-transition-animation-speed)}@media (forced-colors: active){.stzh-radio__check.sc-stzh-radio{transition:none;forced-color-adjust:none;color:Highlight}}.stzh-radio__label.sc-stzh-radio{--stzh-base-color:initial;display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-radio__label.sc-stzh-radio:empty{display:none}.stzh-radio__label-text.sc-stzh-radio{min-width:0}.stzh-radio__label.sc-stzh-radio>.stzh-radio__description-wrapper.sc-stzh-radio{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-radio__label.sc-stzh-radio .stzh-radio__error.sc-stzh-radio,.stzh-radio__label.sc-stzh-radio .stzh-radio__description-text.sc-stzh-radio{display:none}.stzh-radio__label.sc-stzh-radio .stzh-radio__description.sc-stzh-radio,.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long.sc-stzh-radio{display:inline-flex;align-items:flex-start;margin:0}.stzh-radio__label.sc-stzh-radio .stzh-radio__description-long-button.sc-stzh-radio{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radio__label.sc-stzh-radio stzh-popover.sc-stzh-radio .stzh-radio__description-long-icon.sc-stzh-radio{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radio__label-slot.sc-stzh-radio{display:block}.stzh-radio__label-slot.sc-stzh-radio stzh-text.sc-stzh-radio{display:block}.stzh-radio__marker.sc-stzh-radio{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-radio.sc-stzh-radio:hover .stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__label.sc-stzh-radio{color:var(--label-hover-color)}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__label.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:Highlight}}.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-color)}@media (forced-colors: active){.stzh-radio.sc-stzh-radio:hover .stzh-radio__mark.sc-stzh-radio,.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-radio__input.sc-stzh-radio:checked:hover~.stzh-radio__mark.sc-stzh-radio{border-color:Highlight}}.stzh-radio__input.sc-stzh-radio:checked~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{opacity:1}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio,.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--invalid-color)}}@media (forced-colors: none){.stzh-radio--is-invalid.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--invalid-color)}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__field-wrapper.sc-stzh-radio{cursor:not-allowed}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:var(--stzh-color-grey60)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__label.sc-stzh-radio{color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:var(--disabled-color);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio{border-color:GrayText}}.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:var(--disabled-color)}@media (forced-colors: active){.stzh-radio--is-disabled.sc-stzh-radio .stzh-radio__input.sc-stzh-radio~.stzh-radio__mark.sc-stzh-radio .stzh-radio__check.sc-stzh-radio{color:GrayText}}`;let p=0;const f=class{constructor(i){t(this,i);this.stzhChange=s(this,"stzhChange");this.stzhFocus=s(this,"stzhFocus");this.stzhBlur=s(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.hideOptional=false;this.checked=false;this.label="";this.a11yDescribedby="";this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-radio",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-radio",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-radio",originalEvent:t})}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}async componentWillLoad(){this.inputId=`stzh-radio-${p++}`;this.errorWatcher(this.error);this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radio")}}render(){var t;const s=h(this.element,"description")||!!this.description;const r=h(this.element,"description-long")||!!this.descriptionLong;const e=h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const a={"stzh-radio":true,"stzh-radio--has-description":s,"stzh-radio--has-description-long":r,"stzh-radio--has-error":e,"stzh-radio--is-required":this.required,"stzh-radio--is-invalid":this.invalid||e,"stzh-radio--is-disabled":this.disabled};return i(o,{key:"f5b4a6a3fc1b36166f2f1244e88a133ef2555dde","is-invalid":this.invalid||e,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},i("div",{key:"df81304c66119b4ea99f911b21272c1afbf5f99d",class:a},i("label",{key:"24096e4ee57817ba5e4590bca41a0757b9e9962c",class:"stzh-radio__field-wrapper"},i("input",{key:"32422449fb206c15a837dea57d6a647bdc52ff92",class:"stzh-radio__input",ref:t=>this.input=t,type:"radio",id:this.inputId,name:this.name,value:String(this.value),disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),i("div",{key:"a00abc3aa709f39fd490155f816bd8f8ce6c43df",class:"stzh-radio__mark"},i("div",{key:"78ed354e2f19bffbeb93244797a5de8f0c7ebaa9",class:"stzh-radio__check"})),i("div",{key:"26b9d086e49288e7e604f6d0a0fb84f839b1053d",class:"stzh-radio__label"},this.label?this.label:i("span",{class:"stzh-radio__label-slot"},i("slot",null)),!this.hideOptional&&i("span",{key:"7e9c841e5c87e6d30b42f69f53eb0964e434dea2",class:"stzh-radio__marker"},i("span",{key:"243e5ed2b1c03d084c02263aa74c03736af60a6c",class:"stzh-radio__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"520155a717966a7353632bcc7b0ee649e9f618a8",class:"stzh-radio__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)),r&&i(d,{key:"b1bf15462d161875a5a1e18c95f09a03561b86f5",classPrefix:"stzh-radio",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:true,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(e||s)&&i(d,{key:"4caf7c1aa4eeea61c391f4554a26a0fdfdc8669e",classPrefix:"stzh-radio",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{error:["errorWatcher"]}}};f.style=z();const u=()=>`.sc-stzh-radiogroup-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-radiogroup-h,[stzh-hidden].sc-stzh-radiogroup-h{display:none}.sc-stzh-radiogroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-radiogroup-h *.sc-stzh-radiogroup,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::before,.sc-stzh-radiogroup-h *.sc-stzh-radiogroup::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-radiogroup-h .has-focus.sc-stzh-radiogroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup{outline-style:none !important}.sc-stzh-radiogroup-h .stzh-fylingfocus-focused.sc-stzh-radiogroup::-moz-focus-inner{border:0 !important}.sc-stzh-radiogroup-h{--legend-color:var(--stzh-radio-group-legend-color, var(--stzh-heading-color))}[disabled].sc-stzh-radiogroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-radiogroup__marker-symbol.sc-stzh-radiogroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-radiogroup__marker-text.sc-stzh-radiogroup{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-radiogroup__description-wrapper.sc-stzh-radiogroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__description.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-radiogroup__error.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup__error-list.sc-stzh-radiogroup{list-style:none;margin:0;padding:0}.stzh-radiogroup__description.sc-stzh-radiogroup{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-radiogroup__description-long.sc-stzh-radiogroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-radiogroup__description-long.sc-stzh-radiogroup{margin-top:0}}.stzh-radiogroup__description-long-popover.sc-stzh-radiogroup{--width:auto;--max-width:27.3125rem}.stzh-radiogroup__description-long-button.sc-stzh-radiogroup{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-radiogroup.sc-stzh-radiogroup stzh-icon.stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-xsmall)}.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup--has-description.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-radiogroup.sc-stzh-radiogroup{margin:0;padding:0;border:none}.stzh-radiogroup__fields.sc-stzh-radiogroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-radiogroup__legend.sc-stzh-radiogroup{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);color:var(--legend-color);padding:0;margin-bottom:var(--stzh-space-xsmall);display:flex;align-items:center;gap:var(--stzh-space-xsmall);min-width:0;max-width:100%}.stzh-radiogroup__legend-text.sc-stzh-radiogroup{min-width:0}.stzh-radiogroup__legend.sc-stzh-radiogroup>.stzh-radiogroup__description-wrapper.sc-stzh-radiogroup{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__error.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-text.sc-stzh-radiogroup{display:none}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description.sc-stzh-radiogroup,.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long.sc-stzh-radiogroup{display:inline-flex;align-items:flex-start;margin:0}.stzh-radiogroup__legend.sc-stzh-radiogroup .stzh-radiogroup__description-long-button.sc-stzh-radiogroup{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-radiogroup__legend.sc-stzh-radiogroup stzh-popover.sc-stzh-radiogroup .stzh-radiogroup__description-long-icon.sc-stzh-radiogroup{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-radiogroup__marker.sc-stzh-radiogroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);margin-left:calc(-0.25em + var(--stzh-space-xsmall))}.stzh-radiogroup--hide-legend.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{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-radiogroup--is-invalid.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup,.stzh-radiogroup--has-error.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-error60)}.stzh-radiogroup--is-disabled.sc-stzh-radiogroup .stzh-radiogroup__legend.sc-stzh-radiogroup{color:var(--stzh-color-grey60)}.stzh-radiogroup--direction-horizontal.sc-stzh-radiogroup .stzh-radiogroup__fields.sc-stzh-radiogroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);column-gap:var(--stzh-space-xxlarge)}`;const g="stzh-radio, stzh-button[type=radio], stzh-card";let _=0;const b=class{constructor(s){t(this,s);this.disabled=false;this.hideLegend=false;this.invalid=false;this.required=false;this.hideOptional=false;this.direction="vertical";this.checkedRadio=null;this.preventUpdateProperties=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=this.defaultValue};this.init=()=>{this.radios=Array.from(this.element.querySelectorAll(g));this.updateRadiosProperty("hide-optional",true);this.updateRadiosProperty("a11y-describedby",`${this.radiogroupId}-description`);this.updateRadiosProperty("invalid",this.invalid||this.errorUsed);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchRequired(this.required)}}watchName(t){this.updateRadiosProperty("name",t)}watchDisabled(t){this.updateRadiosProperty("disabled",t)}watchRequired(t){this.updateRadiosProperty("required",t)}watchValue(t){this.updateCheckedRadioByValue(t)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}onChange(t){this.value=t.detail.value}updateRadiosProperty(t,s){this.radios.forEach((i=>{if(t==="disabled"){if(!i.disabled){i.disabled=s}}else if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){i[c(t)]=s}}))}get errorUsed(){var t;return h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0}updateCheckedRadioByValue(t){var s;this.checkedRadio=(s=this.radios.find((s=>s.value===t)))!==null&&s!==void 0?s:null;this.radios.forEach((t=>{t.checked=this.checkedRadio===t}))}componentDidLoad(){this.defaultValue=this.defaultValue?this.defaultValue:this.value}async componentWillLoad(){this.radiogroupId=`stzh-radiogroup-${_++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"radiogroup")}}componentShouldUpdate(t,s,i){return i!=="checkedRadio"}componentDidRender(){this.init()}connectedCallback(){if(!this.value){this.radios=Array.from(this.element.querySelectorAll(g));const t=this.radios.find((t=>t.checked));if(t){this.value=t.value}}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=h(this.element,"description")||!!this.description;const s=h(this.element,"description-long")||!!this.descriptionLong;const r=!this.hideLegend&&(!!this.legend||s);const e={"stzh-radiogroup":true,"stzh-radiogroup--has-description":t,"stzh-radiogroup--has-description-long":s,"stzh-radiogroup--has-error":this.errorUsed,"stzh-radiogroup--is-required":this.required,"stzh-radiogroup--is-disabled":this.disabled,"stzh-radiogroup--is-invalid":this.invalid||this.errorUsed,"stzh-radiogroup--hide-legend":this.hideLegend,[`stzh-radiogroup--direction-${this.direction}`]:!!this.direction};return i(o,{key:"280a36cfb4cf0c31dd92f6057590c7075c10aba2","is-invalid":this.invalid||this.errorUsed},i("fieldset",{key:"38b1fc7d757dce1367968b902d1125c7e506cbf9",class:e},r&&i("legend",{key:"b6d9f3d4d0852db83357cba1924fd5bbefb76959",class:"stzh-radiogroup__legend"},this.legend&&i("span",{key:"5e14d12adde659c6eb014c93ac79c36a713e6874",class:"stzh-radiogroup__legend-text"},this.legend,!this.hideOptional&&i("span",{key:"b54931449de5974570096486e408d0d4fa796043",class:"stzh-radiogroup__marker"},i("span",{key:"3e902f07b0b3b89f044c144cacd0cdb27f17c158",class:"stzh-radiogroup__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),i("span",{key:"84c032fb02ae1cdcc65a919e054b481d58eddb5e",class:"stzh-radiogroup__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText))),s&&i(d,{key:"ecaa100aeb87566ae49ea3afcc8f653310c7d5e4",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:s,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false})),i("div",{key:"ee47918db265afeb79c444efd5791030e5de0abb",class:"stzh-radiogroup__fields"},i("slot",{key:"c4f5673cd44c161b3cdff750e06bbe28eac27d1b"})),(this.errorUsed||t)&&i(d,{key:"ac8b20be56dacdc5a3d20b705bd71b93bf9aea60",classPrefix:"stzh-radiogroup",id:`${this.radiogroupId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return e(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],required:["watchRequired"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};b.style=u();export{l as stzh_datepicker,f as stzh_radio,b as stzh_radiogroup};
-//# sourceMappingURL=p-18237cd2.entry.js.map

package/dist/stzh-components/p-18237cd2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Fragment","Host","getElement","printISODate","hasSlot","StzhInputDescription","camelCase","stzhDatepickerCss","StzhDatepicker","constructor","hostRef","this","stzhChange","calendarMin","calendarMax","calendarIsDateDisabled","name","value","calendarValue","inputValue","defaultValue","label","labelHidden","readonly","disabled","invalid","required","hideOptional","size","inline","internalDateAdapter","handleReset","async","onRootFocus","input","focus","onInputChanged","parsedDate","dateAdapter","parse","formattedDate","_internalDateAdapter","format","valueWatcher","emit","component","valueAsDate","onCalendarChange","event","detail","stopPropagation","popoverElement","hide","resetListener","target","contains","element","requestAnimationFrame","createDateFormatters","localization","dateFormatLong","Intl","DateTimeFormat","$locale","day","month","year","newValue","date","updateButtonAccessibleLabel","dateAdapterWatcher","window","stzhComponents","utils","createFormatParseAdapter","$formats","$globals","internalDateAdapterWatcher","$formatsIso","$formatsLegacy","setDate","getPopover","buttonLabel","selectedDateMessage","err","connectedCallback","componentWillLoad","fetchTranslations","render","actionUsed","classes","key","tabindex","onFocus","class","type","isDateDisabled","min","max","onStzhChange","ref","el","noAutocomplete","onStzhChanged","description","descriptionLong","error","slot","placement","strategy","icon","a11yLabel","watchers","style","stzhRadioCss","radioCounter","StzhRadio","stzhFocus","stzhBlur","checked","a11yDescribedby","focusedByInput","defaultChecked","onInput","originalEvent","focusEvent","FocusEvent","view","bubbles","cancelable","dispatchEvent","onBlur","blurEvent","errorWatcher","_error","JSON","e","inputId","_a","descriptionUsed","descriptionLongUsed","errorUsed","length","id","String","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","classPrefix","descriptionLongTitle","moreInfoButtonLabel","showError","showDescriptionText","stzhRadiogroupCss","SELECTOR_RADIO","radiogroupCounter","StzhRadiogroup","hideLegend","direction","checkedRadio","preventUpdateProperties","_preventUpdateProperties","init","radios","Array","from","querySelectorAll","updateRadiosProperty","radiogroupId","watchValue","watchName","watchDisabled","watchRequired","updateCheckedRadioByValue","preventUpdatePropertiesWatcher","onChange","prop","forEach","radio","indexOf","find","componentDidLoad","componentShouldUpdate","_newValue","_oldValue","componentDidRender","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","legendUsed","legend"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/stzh-components/p-61aa75b0.entry.js

@@ -1,2 +0,0 @@
-import{r as c,c as e,h as s,a as h,d as t}from"./p-Qb46gVIp.js";import{h as o}from"./p--MYN2wgX.js";import{S as i}from"./p-Be8ir2AL.js";import"./p-BubviQku.js";const r=()=>`.sc-stzh-checkbox-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-checkbox-h,[stzh-hidden].sc-stzh-checkbox-h{display:none}.sc-stzh-checkbox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkbox-h *.sc-stzh-checkbox,.sc-stzh-checkbox-h *.sc-stzh-checkbox::before,.sc-stzh-checkbox-h *.sc-stzh-checkbox::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-checkbox-h .has-focus.sc-stzh-checkbox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox{outline-style:none !important}.sc-stzh-checkbox-h .stzh-fylingfocus-focused.sc-stzh-checkbox::-moz-focus-inner{border:0 !important}.sc-stzh-checkbox-h{--label-color:var(--stzh-checkbox-label-color, var(--stzh-base-color));--label-hover-color:var(\n    --stzh-checkbox-label-hover-color,\n    var(--stzh-color-primary70)\n  );--label-hover-checked-color:var(\n    --stzh-checkbox-label-hover-checked-color,\n    var(--stzh-color-primary90)\n  );--check-color:var(--stzh-checkbox-check-color, var(--stzh-color-primary));--invalid-color:var(--stzh-checkbox-invalid-color, var(--stzh-color-error60));--disabled-color:var(--stzh-checkbox-disabled-color, var(--stzh-color-grey50));display:inline-block}[disabled].sc-stzh-checkbox-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkbox__marker-symbol.sc-stzh-checkbox{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkbox__marker-text.sc-stzh-checkbox{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-checkbox__description-wrapper.sc-stzh-checkbox{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__description.sc-stzh-checkbox{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkbox__error.sc-stzh-checkbox{color:var(--stzh-color-error60)}.stzh-checkbox__error-list.sc-stzh-checkbox{list-style:none;margin:0;padding:0}.stzh-checkbox__description.sc-stzh-checkbox{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-checkbox__description-long.sc-stzh-checkbox{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkbox__description-long.sc-stzh-checkbox{margin-top:0}}.stzh-checkbox__description-long-popover.sc-stzh-checkbox{--width:auto;--max-width:27.3125rem}.stzh-checkbox__description-long-button.sc-stzh-checkbox{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-checkbox.sc-stzh-checkbox stzh-icon.stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-xsmall)}.stzh-checkbox--has-error.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox--has-description.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkbox.sc-stzh-checkbox{display:grid}.stzh-checkbox__field-wrapper.sc-stzh-checkbox{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-checkbox__input.sc-stzh-checkbox{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-checkbox__mark.sc-stzh-checkbox{border:0.125rem solid var(--stzh-color-black);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--stzh-form-input-border-radius);display:inline-flex;justify-content:center;align-items:center;transition:border-color var(--stzh-base-transition-animation-speed);position:relative}@media (forced-colors: active){.stzh-checkbox__mark.sc-stzh-checkbox{transition:none;border-color:ButtonBorder}}.stzh-checkbox__check.sc-stzh-checkbox{display:block;position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%) translateZ(0);will-change:opacity;opacity:0;transition:opacity 0.15s ease;pointer-events:none;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E %3Cpath d='M10 15.172l9.192-9.193 1.415 1.414L10 18 3.636 11.636l1.414-1.414z'/%3E %3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain;color:var(--check-color);background-color:currentColor}@media (forced-colors: active){.stzh-checkbox__check.sc-stzh-checkbox{transition:none;forced-color-adjust:none;color:Highlight}}.stzh-checkbox__label.sc-stzh-checkbox{--stzh-base-color:initial;color:var(--label-color);transition:color var(--stzh-base-transition-animation-speed);display:inline-flex;align-items:center;gap:var(--stzh-space-xsmall);margin-left:var(--stzh-space-small);line-height:1.5rem}.stzh-checkbox__label.sc-stzh-checkbox:empty{display:none}.stzh-checkbox__label.sc-stzh-checkbox>.stzh-checkbox__description-wrapper.sc-stzh-checkbox{flex:0 0 auto;display:inline-flex;align-items:flex-start;margin:0}.stzh-checkbox__label.sc-stzh-checkbox .stzh-checkbox__error.sc-stzh-checkbox,.stzh-checkbox__label.sc-stzh-checkbox .stzh-checkbox__description-text.sc-stzh-checkbox{display:none}.stzh-checkbox__label.sc-stzh-checkbox .stzh-checkbox__description.sc-stzh-checkbox,.stzh-checkbox__label.sc-stzh-checkbox .stzh-checkbox__description-long.sc-stzh-checkbox{display:inline-flex;align-items:flex-start;margin:0}.stzh-checkbox__label.sc-stzh-checkbox .stzh-checkbox__description-long-button.sc-stzh-checkbox{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.stzh-checkbox__label.sc-stzh-checkbox stzh-popover.sc-stzh-checkbox .stzh-checkbox__description-long-icon.sc-stzh-checkbox{--size:var(--stzh-icon-size-small);display:block;line-height:0;color:var(--stzh-color-primary70)}.stzh-checkbox__label-slot.sc-stzh-checkbox{display:block}.stzh-checkbox__label-slot.sc-stzh-checkbox stzh-text.sc-stzh-checkbox{display:block}.stzh-checkbox__marker.sc-stzh-checkbox{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-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--label-hover-color)}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:Highlight}}.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-color)}@media (forced-colors: active){.stzh-checkbox.sc-stzh-checkbox:hover .stzh-checkbox__mark.sc-stzh-checkbox,.stzh-checkbox__input.sc-stzh-checkbox:checked~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:Highlight}}.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--label-hover-checked-color)}@media (forced-colors: active){.stzh-checkbox__input.sc-stzh-checkbox:checked:hover~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:Highlight}}.stzh-checkbox--is-checked.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{opacity:1}@media (forced-colors: none){.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox,.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--invalid-color)}}@media (forced-colors: none){.stzh-checkbox--is-invalid.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--invalid-color)}}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__field-wrapper.sc-stzh-checkbox{cursor:not-allowed}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox{color:var(--stzh-color-grey60)}@media (forced-colors: active){.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__label.sc-stzh-checkbox{color:GrayText}}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:var(--disabled-color);background-color:var(--stzh-color-grey20)}@media (forced-colors: active){.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox{border-color:GrayText}}.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:var(--disabled-color)}@media (forced-colors: active){.stzh-checkbox--is-disabled.sc-stzh-checkbox .stzh-checkbox__input.sc-stzh-checkbox~.stzh-checkbox__mark.sc-stzh-checkbox .stzh-checkbox__check.sc-stzh-checkbox{color:GrayText}}`;let a=0;const l=class{constructor(s){c(this,s);this.stzhChange=e(this,"stzhChange");this.stzhFocus=e(this,"stzhFocus");this.stzhBlur=e(this,"stzhBlur");this.disabled=false;this.name="";this.value="";this.invalid=false;this.required=false;this.checked=false;this.label="";this.hideOptional=false;this.a11yDescribedby="";this.focusedByInput=false;this.handleReset=async()=>{this.checked=this.defaultChecked};this.onInput=c=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-checkbox",originalEvent:c,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.input.focus()}this.focusedByInput=false};this.onFocus=c=>{this.focusedByInput=true;const e=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhFocus.emit({component:"stzh-checkbox",originalEvent:c})};this.onBlur=c=>{const e=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(e);this.stzhBlur.emit({component:"stzh-checkbox",originalEvent:c})}}resetListener(c){if(c.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}errorWatcher(c){if(typeof c==="string"){try{this._error=JSON.parse(c)}catch(e){if(c){this._error=[c]}else{this._error=[]}}}else if(c){this._error=c}else{this._error=[]}}async componentWillLoad(){this.inputId=`stzh-checkbox-${a++}`;this.errorWatcher(this.error);this.defaultChecked=typeof this.defaultChecked==="boolean"?this.defaultChecked:this.checked;if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"checkbox")}}render(){var c;const e=o(this.element,"description")||!!this.description;const t=o(this.element,"description-long")||!!this.descriptionLong;const r=o(this.element,"error")||((c=this._error)===null||c===void 0?void 0:c.length)>0;const a={"stzh-checkbox":true,"stzh-checkbox--has-description":e,"stzh-checkbox--has-description-long":t,"stzh-checkbox--has-error":r,"stzh-checkbox--is-required":this.required,"stzh-checkbox--is-invalid":this.invalid||r,"stzh-checkbox--is-disabled":this.disabled,"stzh-checkbox--is-checked":this.checked};return s(h,{key:"ee66a3c7da1690b5154ece2c6878a903d4e75853","is-invalid":this.invalid||r,tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},s("div",{key:"6d9e3bf14181bc000e06b587d6e113860598c39f",class:a},s("label",{key:"f50c981284786831418c85f6475f977a9e8e6207",class:"stzh-checkbox__field-wrapper"},s("input",{key:"e1561366f70753b11e05e2efacc0dcbff347e813",class:"stzh-checkbox__input",ref:c=>this.input=c,type:"checkbox",id:this.inputId,name:this.name,value:this.value,disabled:this.disabled,"aria-describedby":`${this.inputId}-description ${this.a11yDescribedby}`,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false",checked:this.checked,defaultChecked:this.defaultChecked,onInput:this.onInput,onFocus:this.onFocus,onBlur:this.onBlur}),s("div",{key:"b4918a2cbc6a25bb16274abe5ae6eef0f9e33547",class:"stzh-checkbox__mark"},s("div",{key:"79373968d04de3ad500d0930a0ffb4ef18dfd37c",class:"stzh-checkbox__check","aria-hidden":"true"})),s("div",{key:"3529c5534028f5cee9cb92909e7cbf676cb26168",class:"stzh-checkbox__label"},this.label?this.label:s("span",{class:"stzh-checkbox__label-slot"},s("slot",null)),!this.hideOptional&&s("span",{key:"e17de9e0483206d674bb6dd866f021d80c523447",class:"stzh-checkbox__marker"},s("span",{key:"98c33a8020b792b813ecd920dae89afd1cabd636",class:"stzh-checkbox__marker-symbol","aria-hidden":"true"},this.required?this.localization.$globals.requiredFieldMarker:this.localization.$globals.optionalFieldMarker),s("span",{key:"9c7eb6c0626012609829409767280726a7690966",class:"stzh-checkbox__marker-text"},this.required?this.localization.$globals.requiredFieldText:this.localization.$globals.optionalFieldText)),t&&s(i,{key:"3e2d4ced637886535accad1eefa81e5d6991e80f",classPrefix:"stzh-checkbox",id:`${this.inputId}-description-long`,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:true,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel,showError:false,showDescriptionText:false}))),(r||e)&&s(i,{key:"61f5a0b9933453e57783d79d483e2e70c94a9ee5",classPrefix:"stzh-checkbox",id:`${this.inputId}-description`,error:this._error,description:this.description,descriptionLongUsed:false})))}get element(){return t(this)}static get watchers(){return{error:["errorWatcher"]}}};l.style=r();export{l as stzh_checkbox};
-//# sourceMappingURL=p-61aa75b0.entry.js.map

package/dist/stzh-components/p-61aa75b0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","hasSlot","StzhInputDescription","stzhCheckboxCss","checkboxCounter","StzhCheckbox","constructor","hostRef","this","stzhChange","stzhFocus","stzhBlur","disabled","name","value","invalid","required","checked","label","hideOptional","a11yDescribedby","focusedByInput","handleReset","async","defaultChecked","onInput","event","input","emit","component","originalEvent","onRootFocus","focus","onFocus","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","onBlur","blurEvent","resetListener","target","contains","requestAnimationFrame","errorWatcher","newValue","_error","JSON","parse","e","componentWillLoad","inputId","error","localization","stzhComponents","utils","fetchTranslations","render","_a","descriptionUsed","description","descriptionLongUsed","descriptionLong","errorUsed","length","classes","key","tabindex","class","ref","el","type","id","$globals","requiredFieldMarker","optionalFieldMarker","requiredFieldText","optionalFieldText","classPrefix","descriptionLongTitle","moreInfoButtonLabel","showError","showDescriptionText","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}