@siemens/ix 2.6.0 → 2.6.1

package/dist/siemens-ix/p-451551d1.js

@@ -0,0 +1,2 @@
+import{h as n}from"./p-5806df2b.js";import{a as e}from"./p-5fe87e71.js";import{s as t}from"./p-f97a15c4.js";import{a}from"./p-360b158e.js";import{a as i}from"./p-71206084.js";function s(e){return n("textarea",Object.assign({readOnly:e.readonly,disabled:e.disabled,maxLength:e.maxLength,minLength:e.minLength,cols:e.textareaCols,rows:e.textareaRows,ref:e.textAreaRef,class:{"is-invalid":e.isInvalid},required:e.required,value:e.value,placeholder:e.placeholder,onInput:n=>{const t=n.target;e.updateFormInternalValue(t.value);e.valueChange(t.value)},onBlur:()=>e.onBlur(),style:{resize:e.resizeBehavior,height:e.textareaHeight,width:e.textareaWidth}},e.ariaAttributes))}function o(e){return n("input",Object.assign({id:e.id,autoComplete:"off",readOnly:e.readonly,disabled:e.disabled,min:e.min,max:e.max,maxLength:e.maxLength?Number(e.maxLength):undefined,minLength:e.maxLength?Number(e.minLength):undefined,ref:e.inputRef,pattern:e.pattern,type:e.type,class:{"is-invalid":e.isInvalid},required:e.required,value:e.value,placeholder:e.placeholder,onKeyPress:n=>e.onKeyPress(n),onInput:n=>{const t=n.target;e.updateFormInternalValue(t.value);e.valueChange(t.value)},onBlur:()=>e.onBlur()},e.ariaAttributes))}const r=(e,t)=>n("div",{class:"end-container",ref:e.slotEndRef},n("slot",{name:"end",onSlotchange:e.onSlotChange}),t);const l=e=>n("div",{class:"start-container",ref:e.slotStartRef},n("slot",{name:"start",onSlotchange:e.onSlotChange}));function u(n){const e=5;i({targets:n,duration:200,easing:"easeInOutSine",loop:2,translateX:[{value:e*-1},{value:e},{value:e/-2},{value:e/2},{value:0}]})}function c(n,e){n.isInvalid=e.isInvalid||e.isInvalidByRequired;n.isValid=e.isValid;n.isInfo=e.isInfo;n.isWarning=e.isWarning}function f(n,e){if(n.allowedCharactersPattern){const t=new RegExp(n.allowedCharactersPattern);if(!t.test(e.key)){e.preventDefault();u(n.inputRef.current)}}}async function d(n,e){const a=e.validity;const i=n.validityStateChange.emit(a);if(i.defaultPrevented){return}if(!n.value){return}const s=await t(n);if(s){return}const{valid:o}=a;n.hostElement.classList.toggle("ix-invalid",!o)}function m(n,e){n.ixBlur.emit();if(!e){throw new Error("Input element is not available")}d(n,e)}function p(n,e,t){var i;if(!n){return}const s=16;const o=a(e+s/2);if(t.slotEnd){n.style.paddingRight=`calc(${o} + ${(i=t.additionalPaddingRight)!==null&&i!==void 0?i:"0rem"})`}else{n.style.paddingLeft=o}}function v(n,e,t){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const e=n.getBoundingClientRect();if(e){p(t,e.width,{slotEnd:false})}}if(e){const n=e.getBoundingClientRect();if(n){p(t,n.width,{slotEnd:true})}}}))}))}function h(n){const t={"aria-invalid":`${e(n.isInvalid)}`,"aria-required":`${e(n.required)}`};if(n.isInvalid&&n.invalidText){t["aria-errormessage"]=n.invalidText}return t}export{o as I,r as S,s as T,v as a,l as b,f as c,d,h as g,c as m,m as o};
+//# sourceMappingURL=p-451551d1.js.map

package/dist/siemens-ix/p-451551d1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextareaElement","props","h","Object","assign","readOnly","readonly","disabled","maxLength","minLength","cols","textareaCols","rows","textareaRows","ref","textAreaRef","class","isInvalid","required","value","placeholder","onInput","inputEvent","target","updateFormInternalValue","valueChange","onBlur","style","resize","resizeBehavior","height","textareaHeight","width","textareaWidth","ariaAttributes","InputElement","id","autoComplete","min","max","Number","undefined","inputRef","pattern","type","onKeyPress","event","SlotEnd","children","slotEndRef","name","onSlotchange","onSlotChange","SlotStart","slotStartRef","shakeInput","input","xMax","anime","targets","duration","easing","loop","translateX","mapValidationResult","result","isInvalidByRequired","isValid","isInfo","isWarning","checkAllowedKeys","comp","allowedCharactersPattern","regex","RegExp","test","key","preventDefault","current","async","checkInternalValidity","validityState","validity","eventResult","validityStateChange","emit","defaultPrevented","skipValidation","shouldSuppressInternalValidation","valid","hostElement","classList","toggle","onInputBlur","ixBlur","Error","applyPaddingEnd","inputElement","options","remInPixels","padding","convertToRemString","slotEnd","paddingRight","_a","additionalPaddingRight","paddingLeft","adjustPaddingForStartAndEnd","startElement","endElement","requestAnimationFrame","startBoundingRect","getBoundingClientRect","endBoundingRect","getAriaAttributesForInput","component","inputAria","a11yBoolean","invalidText"],"sources":["src/components/input/input.fc.tsx","src/components/input/input.animation.ts","src/components/input/input.util.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, FunctionalComponent } from '@stencil/core';\nimport { MakeRef } from '../utils/make-ref';\nimport { A11yAttributes } from '../utils/a11y';\n\nexport function TextareaElement(props: {\n  resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';\n  textareaHeight?: string;\n  textareaWidth?: string;\n  textareaRows?: number;\n  textareaCols?: number;\n  disabled: boolean;\n  readonly: boolean;\n  maxLength?: number;\n  minLength?: number;\n  isInvalid: boolean;\n  required: boolean;\n  value: string;\n  placeholder?: string;\n  textAreaRef: (el: HTMLTextAreaElement | undefined) => void;\n  valueChange: (value: string) => void;\n  updateFormInternalValue: (value: string) => void;\n  onBlur: () => void;\n  ariaAttributes?: A11yAttributes;\n}) {\n  return (\n    <textarea\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      maxLength={props.maxLength}\n      minLength={props.minLength}\n      cols={props.textareaCols}\n      rows={props.textareaRows}\n      ref={props.textAreaRef}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      style={{\n        resize: props.resizeBehavior,\n        height: props.textareaHeight,\n        width: props.textareaWidth,\n      }}\n      {...props.ariaAttributes}\n    ></textarea>\n  );\n}\n\nexport function InputElement(props: {\n  id: string;\n  disabled: boolean;\n  readonly: boolean;\n  maxLength?: string | number;\n  minLength?: string | number;\n  max?: string | number;\n  min?: string | number;\n  pattern?: string;\n  type: string;\n  isInvalid: boolean;\n  required: boolean;\n  value: string | number;\n  placeholder?: string;\n  inputRef: (el: HTMLInputElement | undefined) => void;\n  onKeyPress: (event: KeyboardEvent) => void;\n  valueChange: (value: string) => void;\n  updateFormInternalValue: (value: string) => void;\n  onBlur: () => void;\n  ariaAttributes?: A11yAttributes;\n}) {\n  return (\n    <input\n      id={props.id}\n      autoComplete=\"off\"\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      min={props.min}\n      max={props.max}\n      maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n      minLength={props.maxLength ? Number(props.minLength) : undefined}\n      ref={props.inputRef}\n      pattern={props.pattern}\n      type={props.type}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onKeyPress={(event) => props.onKeyPress(event)}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      {...props.ariaAttributes}\n    ></input>\n  );\n}\n\nexport const SlotEnd: FunctionalComponent<{\n  slotEndRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props, children) => {\n  return (\n    <div class=\"end-container\" ref={props.slotEndRef}>\n      <slot name=\"end\" onSlotchange={props.onSlotChange}></slot>\n      {children}\n    </div>\n  );\n};\n\nexport const SlotStart: FunctionalComponent<{\n  slotStartRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props) => {\n  return (\n    <div class=\"start-container\" ref={props.slotStartRef}>\n      <slot name=\"start\" onSlotchange={props.onSlotChange}></slot>\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport anime from 'animejs';\n\nexport function shakeInput(input: HTMLInputElement) {\n  const xMax = 5;\n  anime({\n    targets: input,\n    duration: 200,\n    easing: 'easeInOutSine',\n    loop: 2,\n    translateX: [\n      {\n        value: xMax * -1,\n      },\n      {\n        value: xMax,\n      },\n      {\n        value: xMax / -2,\n      },\n      {\n        value: xMax / 2,\n      },\n      {\n        value: 0,\n      },\n    ],\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { A11yAttributes, a11yBoolean } from '../utils/a11y';\nimport {\n  IxFormComponent,\n  IxInputFieldComponent,\n  ValidationResults,\n  shouldSuppressInternalValidation,\n} from '../utils/input';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { generateUUID } from '../utils/uuid';\nimport { shakeInput } from './input.animation';\n\nexport function createIdIfNotExists(\n  element: IxFormComponent,\n  idPrefix: string = 'input'\n) {\n  return element.hasAttribute('id')\n    ? element.getAttribute('id')\n    : `${idPrefix}-${generateUUID()}`;\n}\n\nexport function mapValidationResult<T>(\n  ref: IxInputFieldComponent<T>,\n  result: ValidationResults\n) {\n  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;\n  ref.isValid = result.isValid;\n  ref.isInfo = result.isInfo;\n  ref.isWarning = result.isWarning;\n}\n\nexport function checkAllowedKeys<T>(\n  comp: IxInputFieldComponent<T>,\n  event: KeyboardEvent\n) {\n  if (comp.allowedCharactersPattern) {\n    const regex = new RegExp(comp.allowedCharactersPattern);\n    if (!regex.test(event.key)) {\n      event.preventDefault();\n      shakeInput(comp.inputRef.current);\n    }\n  }\n}\n\nexport async function checkInternalValidity<T>(\n  comp: IxFormComponent<T>,\n  input: HTMLInputElement | HTMLTextAreaElement\n) {\n  const validityState = input.validity;\n\n  const eventResult = comp.validityStateChange.emit(validityState);\n\n  if (eventResult.defaultPrevented) {\n    return;\n  }\n\n  if (!comp.value) {\n    return;\n  }\n\n  const skipValidation = await shouldSuppressInternalValidation(comp);\n  if (skipValidation) {\n    return;\n  }\n\n  const { valid } = validityState;\n  comp.hostElement.classList.toggle('ix-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n  comp: IxInputFieldComponent<T>,\n  input?: HTMLInputElement | HTMLTextAreaElement | null\n) {\n  comp.ixBlur.emit();\n\n  if (!input) {\n    throw new Error('Input element is not available');\n  }\n  checkInternalValidity(comp, input);\n}\n\nexport function applyPaddingEnd(\n  inputElement: HTMLElement | null,\n  width: number,\n  options: {\n    slotEnd: boolean;\n    additionalPaddingRight?: string;\n  }\n) {\n  if (!inputElement) {\n    return;\n  }\n\n  const remInPixels = 16;\n  const padding = convertToRemString(width + remInPixels / 2);\n\n  if (options.slotEnd) {\n    inputElement.style.paddingRight = `calc(${padding} + ${\n      options.additionalPaddingRight ?? '0rem'\n    })`;\n  } else {\n    inputElement.style.paddingLeft = padding;\n  }\n}\n\nexport function adjustPaddingForStartAndEnd(\n  startElement: HTMLElement | null,\n  endElement: HTMLElement | null,\n  inputElement: HTMLElement | null\n) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      if (startElement) {\n        const startBoundingRect = startElement.getBoundingClientRect();\n        if (startBoundingRect) {\n          applyPaddingEnd(inputElement, startBoundingRect.width, {\n            slotEnd: false,\n          });\n        }\n      }\n\n      if (endElement) {\n        const endBoundingRect = endElement.getBoundingClientRect();\n        if (endBoundingRect) {\n          applyPaddingEnd(inputElement, endBoundingRect.width, {\n            slotEnd: true,\n          });\n        }\n      }\n    });\n  });\n}\n\nexport function getAriaAttributesForInput(\n  component: IxInputFieldComponent\n): A11yAttributes {\n  const inputAria: A11yAttributes = {\n    'aria-invalid': `${a11yBoolean(component.isInvalid)}`,\n    'aria-required': `${a11yBoolean(component.required)}`,\n  };\n\n  if (component.isInvalid && component.invalidText) {\n    inputAria['aria-errormessage'] = component.invalidText;\n  }\n  return inputAria;\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-53fd545a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as r,g as a}from"./p-5806df2b.js";import{i}from"./p-fe158b99.js";import{D as n}from"./p-f5e574da.js";import{d}from"./p-7aa26727.js";import{a as l,S as s,b as c}from"./p-451551d1.js";import{H as b,c as h}from"./p-f97a15c4.js";import{m as p}from"./p-ce563a48.js";import"./p-5fe87e71.js";import"./p-360b158e.js";import"./p-71206084.js";const u="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}";const m=u;var v=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};const f=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",6);this.validityStateChange=o(this,"validityStateChange",7);this.ixFocus=o(this,"ixFocus",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.slotStartRef=p();this.slotEndRef=p();this.datepickerRef=p();this.inputElementRef=p();this.dropdownElementRef=p();this.name=undefined;this.placeholder=undefined;this.value="";this.locale=undefined;this.format="yyyy/LL/dd";this.required=undefined;this.helperText=undefined;this.label=undefined;this.invalidText=undefined;this.readonly=false;this.disabled=false;this.infoText=undefined;this.warningText=undefined;this.validText=undefined;this.showTextAsTooltip=undefined;this.i18nErrorDateUnparsable="Date is not valid";this.show=false;this.from=null;this.isInputInvalid=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.focus=false}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}connectedCallback(){this.classObserver=h(this.hostElement,(()=>this.checkClassList()))}componentWillLoad(){this.onInput(this.value);if(this.isInputInvalid){this.from=null}else{this.watchValue()}this.checkClassList();this.updateFormInternalValue(this.value)}componentDidRender(){this.updatePaddings()}updatePaddings(){l(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){if(this.classObserver){this.classObserver.destroy()}}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(e){this.value=e;if(!e){this.valueChange.emit(e);return}if(!this.format){return}const o=n.fromFormat(e,this.format);if(o.isValid){this.isInputInvalid=false;this.updateFormInternalValue(e);this.closeDropdown()}else{this.isInputInvalid=true;this.invalidReason=o.invalidReason}this.valueChange.emit(e)}onCalenderClick(e){if(!this.show){e.stopPropagation();e.preventDefault();this.openDropdown()}if(this.inputElementRef.current){this.inputElementRef.current.focus()}}async openDropdown(){const e=await this.dropdownElementRef.waitForCurrent();const o=e.getAttribute("data-ix-dropdown");d.dismissAll();if(!o){return}const t=d.getDropdownById(o);if(!t){return}d.present(t)}async closeDropdown(){const e=await this.dropdownElementRef.waitForCurrent();const o=e.getAttribute("data-ix-dropdown");if(!o){return}const t=d.getDropdownById(o);if(!t){return}d.dismiss(t)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return t("div",{class:"input-wrapper"},t(c,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),t("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,onInput:e=>{const o=e.target;this.onInput(o.value)},onClick:e=>{if(this.show){e.stopPropagation();e.preventDefault()}},onFocus:async()=>{this.openDropdown();this.ixFocus.emit()},onBlur:()=>this.ixBlur.emit()}),t(s,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},t("ix-icon-button",{"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},ghost:true,icon:i,onClick:e=>this.onCalenderClick(e)})))}hookValidationLifecycle({isInfo:e,isInvalid:o,isInvalidByRequired:t,isValid:r,isWarning:a}){this.isInvalid=o||t||this.isInputInvalid;this.isInfo=e;this.isValid=r;this.isWarning=a}async onInputValidationChange(){const e=await this.getValidityState();this.validityStateChange.emit({patternMismatch:e.patternMismatch,invalidReason:this.invalidReason})}getValidityState(){return Promise.resolve({badInput:false,customError:false,patternMismatch:this.isInputInvalid,rangeOverflow:false,rangeUnderflow:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valid:!this.isInputInvalid,valueMissing:!!this.required&&!this.value})}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}render(){var e;const o=this.isInputInvalid?this.i18nErrorDateUnparsable:this.invalidText;return t(r,{key:"d05f1297b5282bca5b43401e5527a0ddee4a8a58",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"2b910308be3df70b11eb8cbfb355b8c9c3accc0b",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:o,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),t("ix-dropdown",{key:"2665ff4fd4c5f257dd92b00a7b5dddd3fb1881b6","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",suppressOverflowBehavior:true,show:this.show,onShowChanged:e=>{this.show=e.detail}},t("ix-date-picker",{key:"211396b59afb9fd5037f4efee6b8e626a5dd3403",ref:this.datepickerRef,format:this.format,locale:this.locale,range:false,from:(e=this.from)!==null&&e!==void 0?e:"",onDateChange:e=>{const{from:o}=e.detail;this.onInput(o)}})))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{value:["watchValue"],isInputInvalid:["onInputValidationChange"]}}};v([b()],f.prototype,"hookValidationLifecycle",null);f.style=m;export{f as ix_date_input};
+//# sourceMappingURL=p-53fd545a.entry.js.map

package/dist/siemens-ix/p-53fd545a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateInputCss","IxDateInputStyle0","DateInput","this","slotStartRef","makeRef","slotEndRef","datepickerRef","inputElementRef","dropdownElementRef","updateFormInternalValue","value","formInternals","setFormValue","connectedCallback","classObserver","createClassMutationObserver","hostElement","checkClassList","componentWillLoad","onInput","isInputInvalid","from","watchValue","componentDidRender","updatePaddings","adjustPaddingForStartAndEnd","current","disconnectedCallback","destroy","hasValidValue","Promise","resolve","getAssociatedFormElement","form","valueChange","emit","format","date","DateTime","fromFormat","isValid","closeDropdown","invalidReason","onCalenderClick","event","show","stopPropagation","preventDefault","openDropdown","focus","dropdownElement","waitForCurrent","id","getAttribute","dropdownController","dismissAll","dropdown","getDropdownById","present","dismiss","isInvalid","classList","contains","renderInput","h","class","SlotStart","onSlotChange","autoComplete","disabled","readOnly","readonly","required","ref","type","target","onClick","onFocus","async","ixFocus","onBlur","ixBlur","SlotEnd","ghost","icon","iconCalendar","hookValidationLifecycle","isInfo","isInvalidByRequired","isWarning","onInputValidationChange","state","getValidityState","validityStateChange","patternMismatch","badInput","customError","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valid","valueMissing","getNativeInputElement","focusInput","render","invalidText","i18nErrorDateUnparsable","Host","key","label","helperText","infoText","warningText","validText","showTextAsTooltip","controlRef","trigger","closeBehavior","suppressOverflowBehavior","onShowChanged","detail","locale","range","_a","onDateChange","__decorate","HookValidationLifecycle"],"sources":["src/components/date-input/date-input.scss?tag=ix-date-input&encapsulation=shadow","src/components/date-input/date-input.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'components/form/input';\n@import './../input/input.mixins.scss';\n\n@include input-field;\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n\n  input {\n    width: 100%;\n    height: 100%;\n  }\n\n  .calendar-hidden {\n    display: none;\n  }\n}\n\n:host(.readonly) {\n  input {\n    pointer-events: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconCalendar } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { dropdownController } from '../dropdown/dropdown-controller';\nimport { SlotEnd, SlotStart } from '../input/input.fc';\nimport { adjustPaddingForStartAndEnd } from '../input/input.util';\nimport {\n  ClassMutationObserver,\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n  createClassMutationObserver,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\n\nexport type DateInputValidityState = {\n  patternMismatch: boolean;\n  invalidReason?: string;\n};\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-date-input',\n  styleUrl: 'date-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DateInput implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxDateInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * value of the input element\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   *\n   * @since 2.6.0\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() format: string = 'yyyy/LL/dd';\n\n  /**\n   * required attribute\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * helper text below the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * label of the input field\n   */\n  @Prop() label?: string;\n\n  /**\n   * error text below the input field\n   */\n  @Prop({ reflect: true }) invalidText?: string;\n\n  /**\n   * readonly attribute\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * disabled attribute\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * info text below the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * warning text below the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * valid text below the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * show text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * i18n string for the error message when the date is not parsable\n   */\n  @Prop({ attribute: 'i18n-error-date-unparsable' }) i18nErrorDateUnparsable =\n    'Date is not valid';\n\n  /**\n   * Input change event.\n   */\n  @Event({ cancelable: false }) valueChange!: EventEmitter<string>;\n\n  /**\n   * Validation state change event.\n   */\n  @Event() validityStateChange!: EventEmitter<DateInputValidityState>;\n\n  /** @internal */\n  @Event() ixFocus!: EventEmitter<void>;\n\n  /** @internal */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() show = false;\n  @State() from: string | null = null;\n  @State() isInputInvalid = false;\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() focus = false;\n\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n\n  private readonly datepickerRef = makeRef<HTMLIxDatePickerElement>();\n\n  private readonly inputElementRef = makeRef<HTMLInputElement>();\n  private readonly dropdownElementRef = makeRef<HTMLIxDropdownElement>();\n  private classObserver?: ClassMutationObserver;\n  private invalidReason?: string;\n\n  updateFormInternalValue(value: string): void {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  connectedCallback(): void {\n    this.classObserver = createClassMutationObserver(this.hostElement, () =>\n      this.checkClassList()\n    );\n  }\n\n  componentWillLoad(): void {\n    this.onInput(this.value);\n    if (this.isInputInvalid) {\n      this.from = null;\n    } else {\n      this.watchValue();\n    }\n\n    this.checkClassList();\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender(): void {\n    this.updatePaddings();\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputElementRef.current\n    );\n  }\n\n  disconnectedCallback(): void {\n    if (this.classObserver) {\n      this.classObserver.destroy();\n    }\n  }\n\n  @Watch('value')\n  watchValue() {\n    this.from = this.value;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  async onInput(value: string) {\n    this.value = value;\n    if (!value) {\n      this.valueChange.emit(value);\n      return;\n    }\n\n    if (!this.format) {\n      return;\n    }\n\n    const date = DateTime.fromFormat(value, this.format);\n    if (date.isValid) {\n      this.isInputInvalid = false;\n\n      this.updateFormInternalValue(value);\n      this.closeDropdown();\n    } else {\n      this.isInputInvalid = true;\n      this.invalidReason = date.invalidReason;\n    }\n\n    this.valueChange.emit(value);\n  }\n\n  onCalenderClick(event: Event) {\n    if (!this.show) {\n      event.stopPropagation();\n      event.preventDefault();\n      this.openDropdown();\n    }\n\n    if (this.inputElementRef.current) {\n      this.inputElementRef.current.focus();\n    }\n  }\n\n  async openDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    dropdownController.dismissAll();\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.present(dropdown);\n  }\n\n  async closeDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.dismiss(dropdown);\n  }\n\n  private checkClassList() {\n    this.isInvalid = this.hostElement.classList.contains('ix-invalid');\n  }\n\n  private renderInput() {\n    return (\n      <div class=\"input-wrapper\">\n        <SlotStart\n          slotStartRef={this.slotStartRef}\n          onSlotChange={() => this.updatePaddings()}\n        ></SlotStart>\n        <input\n          autoComplete=\"off\"\n          class={{\n            'is-invalid': this.isInputInvalid,\n          }}\n          disabled={this.disabled}\n          readOnly={this.readonly}\n          readonly={this.readonly}\n          required={this.required}\n          ref={this.inputElementRef}\n          type=\"text\"\n          value={this.value}\n          onInput={(event) => {\n            const target = event.target as HTMLInputElement;\n            this.onInput(target.value);\n          }}\n          onClick={(event) => {\n            if (this.show) {\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onFocus={async () => {\n            this.openDropdown();\n            this.ixFocus.emit();\n          }}\n          onBlur={() => this.ixBlur.emit()}\n        ></input>\n        <SlotEnd\n          slotEndRef={this.slotEndRef}\n          onSlotChange={() => this.updatePaddings()}\n        >\n          <ix-icon-button\n            data-testid=\"open-calendar\"\n            class={{ 'calendar-hidden': this.disabled || this.readonly }}\n            ghost\n            icon={iconCalendar}\n            onClick={(event) => this.onCalenderClick(event)}\n          ></ix-icon-button>\n        </SlotEnd>\n      </div>\n    );\n  }\n\n  @HookValidationLifecycle()\n  hookValidationLifecycle({\n    isInfo,\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  @Watch('isInputInvalid')\n  async onInputValidationChange() {\n    const state = await this.getValidityState();\n    this.validityStateChange.emit({\n      patternMismatch: state.patternMismatch,\n      invalidReason: this.invalidReason,\n    });\n  }\n\n  /** @internal */\n  @Method()\n  getValidityState(): Promise<ValidityState> {\n    return Promise.resolve({\n      badInput: false,\n      customError: false,\n      patternMismatch: this.isInputInvalid,\n      rangeOverflow: false,\n      rangeUnderflow: false,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valid: !this.isInputInvalid,\n      valueMissing: !!this.required && !this.value,\n    });\n  }\n\n  /**\n   * Get the native input element\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputElementRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  render() {\n    const invalidText = this.isInputInvalid\n      ? this.i18nErrorDateUnparsable\n      : this.invalidText;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          isInvalid={this.isInvalid}\n          invalidText={invalidText}\n          infoText={this.infoText}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          warningText={this.warningText}\n          isValid={this.isValid}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          required={this.required}\n          controlRef={this.inputElementRef}\n        >\n          {this.renderInput()}\n        </ix-field-wrapper>\n        <ix-dropdown\n          data-testid=\"date-dropdown\"\n          trigger={this.inputElementRef.waitForCurrent()}\n          ref={this.dropdownElementRef}\n          closeBehavior=\"outside\"\n          suppressOverflowBehavior={true}\n          show={this.show}\n          onShowChanged={(event) => {\n            this.show = event.detail;\n          }}\n        >\n          <ix-date-picker\n            ref={this.datepickerRef}\n            format={this.format}\n            locale={this.locale}\n            range={false}\n            from={this.from ?? ''}\n            onDateChange={(event) => {\n              const { from } = event.detail;\n              this.onInput(from);\n            }}\n          ></ix-date-picker>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-5fbdff13.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as r,g as i}from"./p-5806df2b.js";const s=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";const d=s;const n=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.label=undefined;this.icon=undefined;this.hover=false;this.disabled=false;this.checked=false;this.isSubMenu=false;this.suppressChecked=false}async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return this.label===undefined&&this.hostElement.innerText===""&&this.icon!==undefined}render(){return t(r,{key:"a3bb371da7e04f07da99bcd2e675152cba162c9c",class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu},role:"listitem"},t("button",{key:"fe8d07d5524ca68d92599f1f67bebf4728e9d55c",type:"button",tabIndex:0,class:{"dropdown-item":true,"no-checked-field":this.suppressChecked},onClick:()=>this.emitItemClick()},!this.suppressChecked?t("div",{class:"dropdown-item-checked"},this.checked?t("ix-icon",{class:"checkmark",name:"single-check",size:"16"}):null):null,this.icon?t("ix-icon",{class:"dropdown-item-icon",name:this.icon}):null,t("div",{key:"30d9ed8400a979bd463182b1914fb6a13554fcd3",class:"dropdown-item-text"},this.label,t("slot",{key:"d69eeb6bdb5633331415cebf3e3170809c2cc291"})),this.isSubMenu?t("ix-icon",{name:"chevron-right-small",class:"submenu-icon"}):null))}get hostElement(){return i(this)}};n.style=d;export{n as ix_dropdown_item};
+//# sourceMappingURL=p-5fbdff13.entry.js.map

package/dist/siemens-ix/p-5fbdff13.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownItemCss","IxDropdownItemStyle0","DropdownItem","emitItemClick","this","itemClick","emit","hostElement","getDropdownItemElement","isIconOnly","label","undefined","innerText","icon","render","h","Host","key","class","hover","disabled","submenu","isSubMenu","role","type","tabIndex","suppressChecked","onClick","checked","name","size"],"sources":["src/components/dropdown-item/dropdown-item.scss?tag=ix-dropdown-item&encapsulation=shadow","src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n@import 'mixins/shadow-dom/hover';\n\n$itemPadding: 0.5rem;\n$itemPaddingRight: 1.5rem;\n$focusBorder: 0.0625rem;\n\n@mixin applyItemWidth($padding, $paddingRight) {\n  width: calc(100% - #{$padding} - #{$paddingRight});\n\n  padding: 0 $padding;\n  padding-right: $paddingRight;\n}\n\n:host {\n  --ix-dropdown-item-checked-color: var(--theme-color-primary);\n  @include ix-component;\n  display: flex;\n  flex-direction: row;\n\n  position: relative;\n  height: 2.5rem;\n  width: auto;\n  overflow: hidden;\n  cursor: pointer;\n\n  .dropdown-item {\n    all: unset;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n    height: calc(100% - 2px);\n    @include applyItemWidth($itemPadding, $itemPaddingRight);\n    border: $focusBorder solid transparent;\n    white-space: nowrap;\n  }\n\n  .dropdown-item.no-checked-field {\n    @include applyItemWidth(1rem, $itemPaddingRight);\n  }\n\n  .dropdown-item:focus-visible {\n    border-color: var(--theme-color-focus-bdr);\n  }\n\n  .dropdown-item-checked {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    height: 100%;\n    width: 1rem;\n    min-width: 1rem;\n    margin-right: 0.5rem;\n\n    color: var(--ix-dropdown-item-checked-color);\n  }\n\n  .dropdown-item-icon {\n    margin-right: 0.5rem;\n    color: var(--theme-color-std-text);\n  }\n\n  .dropdown-item-text {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .submenu-icon {\n    margin-left: auto;\n  }\n}\n\n:host(.icon-only) {\n  .dropdown-item-icon {\n    margin-right: 0px;\n  }\n\n  .dropdown-item-checked {\n    display: none;\n  }\n\n  .dropdown-item {\n    @include applyItemWidth(0.5rem, 0.5rem);\n  }\n}\n\n:host(.submenu) {\n  .dropdown-item {\n    @include applyItemWidth($itemPadding, 0.5rem);\n  }\n}\n\n@include ghost-hover-pressed;\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-color-weak-text) !important;\n\n  .dropdown-item-icon {\n    color: var(--theme-color-weak-text) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\n\n@Component({\n  tag: 'ix-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  shadow: true,\n})\nexport class DropdownItem implements DropdownItemWrapper {\n  @Element() hostElement!: HTMLIxDropdownItemElement;\n\n  /**\n   * Label of dropdown item\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon of dropdown item\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Display hover state\n   */\n  @Prop() hover = false;\n\n  /**\n   * Disable item and remove event listeners\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n   */\n  @Prop() checked = false;\n\n  /** @internal */\n  @Prop() isSubMenu = false;\n\n  /** @internal */\n  @Prop() suppressChecked = false;\n\n  /** @internal */\n  @Event() itemClick!: EventEmitter<HTMLIxDropdownItemElement>;\n\n  /**\n   * Internal usage only\n   */\n  @Method()\n  async emitItemClick() {\n    this.itemClick.emit(this.hostElement);\n  }\n\n  /** @internal */\n  @Method()\n  async getDropdownItemElement() {\n    return this.hostElement;\n  }\n\n  private isIconOnly() {\n    return (\n      this.label === undefined &&\n      this.hostElement.innerText === '' &&\n      this.icon !== undefined\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          hover: this.hover,\n          'icon-only': this.isIconOnly(),\n          disabled: this.disabled,\n          submenu: this.isSubMenu,\n        }}\n        role=\"listitem\"\n      >\n        <button\n          type=\"button\"\n          tabIndex={0}\n          class={{\n            'dropdown-item': true,\n            'no-checked-field': this.suppressChecked,\n          }}\n          onClick={() => this.emitItemClick()}\n        >\n          {!this.suppressChecked ? (\n            <div class=\"dropdown-item-checked\">\n              {this.checked ? (\n                <ix-icon\n                  class=\"checkmark\"\n                  name={'single-check'}\n                  size=\"16\"\n                ></ix-icon>\n              ) : null}\n            </div>\n          ) : null}\n          {this.icon ? (\n            <ix-icon class=\"dropdown-item-icon\" name={this.icon}></ix-icon>\n          ) : null}\n          <div class=\"dropdown-item-text\">\n            {this.label}\n            <slot></slot>\n          </div>\n          {this.isSubMenu ? (\n            <ix-icon\n              name={'chevron-right-small'}\n              class={'submenu-icon'}\n            ></ix-icon>\n          ) : null}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,qhFACxB,MAAAC,EAAeD,E,MCyBFE,EAAY,M,kHAgBP,M,cAKG,M,aAKD,M,eAGE,M,qBAGM,K,CAS1B,mBAAMC,GACJC,KAAKC,UAAUC,KAAKF,KAAKG,Y,CAK3B,4BAAMC,GACJ,OAAOJ,KAAKG,W,CAGN,UAAAE,GACN,OACEL,KAAKM,QAAUC,WACfP,KAAKG,YAAYK,YAAc,IAC/BR,KAAKS,OAASF,S,CAIlB,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,MAAOf,KAAKe,MACZ,YAAaf,KAAKK,aAClBW,SAAUhB,KAAKgB,SACfC,QAASjB,KAAKkB,WAEhBC,KAAK,YAELR,EAAA,UAAAE,IAAA,2CACEO,KAAK,SACLC,SAAU,EACVP,MAAO,CACL,gBAAiB,KACjB,mBAAoBd,KAAKsB,iBAE3BC,QAAS,IAAMvB,KAAKD,kBAElBC,KAAKsB,gBACLX,EAAA,OAAKG,MAAM,yBACRd,KAAKwB,QACJb,EAAA,WACEG,MAAM,YACNW,KAAM,eACNC,KAAK,OAEL,MAEJ,KACH1B,KAAKS,KACJE,EAAA,WAASG,MAAM,qBAAqBW,KAAMzB,KAAKS,OAC7C,KACJE,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBACRd,KAAKM,MACNK,EAAA,QAAAE,IAAA,8CAEDb,KAAKkB,UACJP,EAAA,WACEc,KAAM,sBACNX,MAAO,iBAEP,M"}

package/dist/siemens-ix/{p-1f6df0c6.js → p-738c2d1f.js}

@@ -1,2 +1,2 @@
-function t(){var t=[];if(typeof window!=="undefined"){var n=window;if(!n.customElements||n.Element&&(!n.Element.prototype.closest||!n.Element.prototype.matches||!n.Element.prototype.remove||!n.Element.prototype.getRootNode)){t.push(import("./p-5d43cae8.js"))}var e=function(){try{var t=new URL("b","http://a");t.pathname="c%20d";return t.href==="http://a/c%20d"&&t.searchParams}catch(t){return false}};if("function"!==typeof Object.assign||!Object.entries||!Array.prototype.find||!Array.prototype.includes||!String.prototype.startsWith||!String.prototype.endsWith||n.NodeList&&!n.NodeList.prototype.forEach||!n.fetch||!e()||typeof WeakMap=="undefined"){t.push(import("./p-a2200306.js").then((function(t){return t.c})))}}return Promise.all(t)}const n="ix-icons";let e;let s;let o=false;let c=false;const l=(t,n="")=>{{return()=>{}}};const i=(t,n)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r={};const u="http://www.w3.org/2000/svg";const a="http://www.w3.org/1999/xhtml";const d=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function h(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,n,...e)=>{let s=null;let o=false;let c=false;const l=[];const i=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){i(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!p(s)){s=String(s)}if(o&&c){l[l.length-1].t+=s}else{l.push(o?m(null,s):s)}c=o}}};i(e);if(n){{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}const f=m(t,null);f.o=n;if(l.length>0){f.l=l}return f};const m=(t,n)=>{const e={i:0,u:t,t:n,p:null,l:null};{e.o=null}return e};const w={};const $=t=>t&&t.u===w;const b=(t,n)=>{if(t!=null&&!p(t)){if(n&1){return String(t)}return t}return t};const g=(t,n,e)=>{const s=pt.ce(n,e);t.dispatchEvent(s);return s};const v=new WeakMap;const S=(t,n,e)=>{let s=ut.get(t);if(yt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}ut.set(t,s)};const j=(t,n,e,s)=>{var o;let c=C(n);const l=ut.get(c);t=t.nodeType===11?t:dt;if(l){if(typeof l==="string"){t=t.head||t;let n=v.get(t);let e;if(!n){v.set(t,n=new Set)}if(!n.has(c)){{{e=dt.createElement("style");e.innerHTML=l}const n=(o=pt.h)!==null&&o!==void 0?o:h(dt);if(n!=null){e.setAttribute("nonce",n)}t.insertBefore(e,t.querySelector("link"))}if(n){n.add(c)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return c};const O=t=>{const n=t.m;const e=t.$hostElement$;const s=n.i;const o=l("attachStyles",n.$);const c=j(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=c;e.classList.add(c+"-h")}o()};const C=(t,n)=>"sc-"+t.$;const k=(t,n,e,s,o,c)=>{if(e!==s){let l=lt(t,n);n.toLowerCase();if(n==="class"){const n=t.classList;const o=x(e);const c=x(s);n.remove(...o.filter((t=>t&&!c.includes(t))));n.add(...c.filter((t=>t&&!o.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else{const i=p(s);if((l||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(n==="list"){l=false}else if(e==null||t[n]!=o){t[n]=o}}else{t[n]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){{t.removeAttribute(n)}}}else if((!l||c&4||o)&&!i){s=s===true?"":s;{t.setAttribute(n,s)}}}}};const M=/\s/;const x=t=>!t?[]:t.split(M);const P=(t,n,e,s)=>{const o=n.p.nodeType===11&&n.p.host?n.p.host:n.p;const c=t&&t.o||r;const l=n.o||r;{for(s in c){if(!(s in l)){k(o,s,c[s],undefined,e,n.i)}}}for(s in l){k(o,s,c[s],l[s],e,n.i)}};const U=(t,n,s,c)=>{const l=n.l[s];let i=0;let f;let r;{if(!o){o=l.u==="svg"}f=l.p=dt.createElementNS(o?u:a,l.u);if(o&&l.u==="foreignObject"){o=false}{P(null,l,o)}if(d(e)&&f["s-si"]!==e){f.classList.add(f["s-si"]=e)}if(l.l){for(i=0;i<l.l.length;++i){r=U(t,l,i);if(r){f.appendChild(r)}}}{if(l.u==="svg"){o=false}else if(f.tagName==="foreignObject"){o=true}}}return f};const _=(t,n,e,o,c,l)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;c<=l;++c){if(o[c]){f=U(null,e,c);if(f){o[c].p=f;i.insertBefore(f,n)}}}};const A=(t,n,e,s,o)=>{for(;n<=e;++n){if(s=t[n]){o=s.p;o.remove()}}};const E=(t,n,e,s)=>{let o=0;let c=0;let l=n.length-1;let i=n[0];let f=n[l];let r=s.length-1;let u=s[0];let a=s[r];let d;while(o<=l&&c<=r){if(i==null){i=n[++o]}else if(f==null){f=n[--l]}else if(u==null){u=s[++c]}else if(a==null){a=s[--r]}else if(L(i,u)){N(i,u);i=n[++o];u=s[++c]}else if(L(f,a)){N(f,a);f=n[--l];a=s[--r]}else if(L(i,a)){N(i,a);t.insertBefore(i.p,f.p.nextSibling);i=n[++o];a=s[--r]}else if(L(f,u)){N(f,u);t.insertBefore(f.p,i.p);f=n[--l];u=s[++c]}else{{d=U(n&&n[c],e,c);u=s[++c]}if(d){{i.p.parentNode.insertBefore(d,i.p)}}}}if(o>l){_(t,s[r+1]==null?null:s[r+1].p,e,s,c,r)}else if(c>r){A(n,o,l)}};const L=(t,n)=>{if(t.u===n.u){return true}return false};const N=(t,n)=>{const e=n.p=t.p;const s=t.l;const c=n.l;const l=n.u;{{o=l==="svg"?true:l==="foreignObject"?false:o}{{P(t,n,o)}}if(s!==null&&c!==null){E(e,s,n,c)}else if(c!==null){_(e,null,n,c,0,c.length-1)}else if(s!==null){A(s,0,s.length-1)}if(o&&l==="svg"){o=false}}};const R=(t,n)=>{const o=t.$hostElement$;const c=t.v||m(null,null);const l=$(n)?n:y(null,null,n);s=o.tagName;l.u=null;l.i|=4;t.v=l;l.p=c.p=o.shadowRoot||o;{e=o["s-sc"]}N(c,l)};const T=(t,n)=>{if(n&&!t.S&&n["s-p"]){n["s-p"].push(new Promise((n=>t.S=n)))}};const W=(t,n)=>{{t.i|=16}if(t.i&4){t.i|=512;return}T(t,t.j);const e=()=>H(t,n);return St(e)};const H=(t,n)=>{const e=l("scheduleUpdate",t.m.$);const s=t.O;let o;e();return F(o,(()=>I(t,s,n)))};const I=async(t,n,e)=>{const s=t.$hostElement$;const o=l("update",t.m.$);const c=s["s-rc"];if(e){O(t)}const i=l("render",t.m.$);{q(t,n)}if(c){c.map((t=>t()));s["s-rc"]=undefined}i();o();{const n=s["s-p"];const e=()=>z(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.i|=4;n.length=0}}};const q=(t,n,e)=>{try{n=n.render();{t.i&=~16}{t.i|=2}{{{R(t,n)}}}}catch(n){it(n,t.$hostElement$)}return null};const z=t=>{const n=t.m.$;const e=t.$hostElement$;const s=l("postUpdate",n);const o=t.j;if(!(t.i&64)){t.i|=64;{V(e)}s();{t.C(e);if(!o){B()}}}else{s()}{if(t.S){t.S();t.S=undefined}if(t.i&512){vt((()=>W(t,false)))}t.i&=~(4|512)}};const B=t=>{{V(dt.documentElement)}vt((()=>g(at,"appload",{detail:{namespace:n}})))};const D=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){it(t)}}return undefined};const F=(t,n)=>t&&t.then?t.then(n):n();const V=t=>t.classList.add("hydrated");const G=(t,n)=>st(t).k.get(n);const J=(t,n,e,s)=>{const o=st(t);const c=o.$hostElement$;const l=o.k.get(n);const i=o.i;const f=o.O;e=b(e,s.M[n][0]);const r=Number.isNaN(l)&&Number.isNaN(e);const u=e!==l&&!r;if((!(i&8)||l===undefined)&&u){o.k.set(n,e);if(f){if(s.P&&i&128){const t=s.P[n];if(t){t.map((t=>{try{f[t](e,l,n)}catch(t){it(t,c)}}))}}if((i&(2|16))===2){W(o,false)}}}};const K=(t,n,e)=>{if(n.M){if(t.watchers){n.P=t.watchers}const s=Object.entries(n.M);const o=t.prototype;s.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(o,t,{get(){return G(this,t)},set(e){J(this,t,e,n)},configurable:true,enumerable:true})}}));if(e&1){const n=new Map;o.attributeChangedCallback=function(t,e,s){pt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(o.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,n])=>n[0]&15)).map((([t,e])=>{const s=e[1]||t;n.set(s,t);return s}))}}return t};const Q=async(t,n,e,s,o)=>{if((n.i&32)===0){{n.i|=32;o=rt(e);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{e.P=o.watchers}K(o,e,2);o.isProxied=true}const t=l("createInstance",e.$);{n.i|=8}try{new o(n)}catch(t){it(t)}{n.i&=~8}{n.i|=128}t();X(n.O)}if(o.style){let t=o.style;const n=C(e);if(!ut.has(n)){const s=l("registerStyles",e.$);S(n,t,!!(e.i&1));s()}}}const c=n.j;const f=()=>W(n,true);if(c&&c["s-rc"]){c["s-rc"].push(f)}else{f()}};const X=t=>{{D(t,"connectedCallback")}};const Y=t=>{if((pt.i&1)===0){const n=st(t);const e=n.m;const s=l("connectedCallback",e.$);if(!(n.i&1)){n.i|=1;{let e=t;while(e=e.parentNode||e.host){if(e["s-p"]){T(n,n.j=e);break}}}if(e.M){Object.entries(e.M).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{Q(t,n,e)}}else{X(n.O)}s()}};const Z=t=>{if((pt.i&1)===0){st(t)}};const tt=(t,n={})=>{var e;const s=l();const o=[];const c=n.exclude||[];const i=at.customElements;const r=dt.head;const u=r.querySelector("meta[charset]");const a=dt.createElement("style");const d=[];let p;let y=true;Object.assign(pt,n);pt.U=new URL(n.resourcesUrl||"./",dt.baseURI).href;t.map((t=>{t[1].map((n=>{const e={i:n[0],$:n[1],M:n[2],_:n[3]};{e.M=n[2]}{e.P={}}const s=e.$;const l=class extends HTMLElement{constructor(t){super(t);t=this;ct(t,e);if(e.i&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(y){d.push(this)}else{pt.jmp((()=>Y(this)))}}disconnectedCallback(){pt.jmp((()=>Z(this)))}componentOnReady(){return st(this).A}};e.L=t[0];if(!c.includes(s)&&!i.get(s)){o.push(s);i.define(s,K(l,e,1))}}))}));{a.innerHTML=o+f;a.setAttribute("data-styles","");const t=(e=pt.h)!==null&&e!==void 0?e:h(dt);if(t!=null){a.setAttribute("nonce",t)}r.insertBefore(a,u?u.nextSibling:r.firstChild)}y=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{pt.jmp((()=>p=setTimeout(B,30)))}}s()};const nt=t=>pt.h=t;const et=new WeakMap;const st=t=>et.get(t);const ot=(t,n)=>et.set(n.O=t,n);const ct=(t,n)=>{const e={i:0,$hostElement$:t,m:n,k:new Map};{e.A=new Promise((t=>e.C=t));t["s-p"]=[];t["s-rc"]=[]}return et.set(t,e)};const lt=(t,n)=>n in t;const it=(t,n)=>(0,console.error)(t,n);const ft=new Map;const rt=(t,n,e)=>{const s=t.$.replace(/-/g,"_");const o=t.L;const c=ft.get(o);if(c){return c[s]}if(!e||!BUILD.hotModuleReplacement){const t=t=>{ft.set(o,t);return t[s]};switch(o){case"ix-icon":return import("./p-fe87443e.js").then(t,it)}}return import(`./${o}.entry.js${""}`).then((t=>{{ft.set(o,t)}return t[s]}),it)};const ut=new Map;const at=typeof window!=="undefined"?window:{};const dt=at.document||{head:{}};const pt={i:0,U:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const ht=t=>Promise.resolve(t);const yt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const mt=[];const wt=[];const $t=(t,n)=>e=>{t.push(e);if(!c){c=true;if(n&&pt.i&4){vt(gt)}else{pt.raf(gt)}}};const bt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){it(t)}}t.length=0};const gt=()=>{bt(mt);{bt(wt);if(c=mt.length>0){pt.raf(gt)}}};const vt=t=>ht().then(t);const St=$t(wt,true);const jt=()=>ht();const Ot=(t,n)=>{if(typeof window==="undefined")return Promise.resolve();return jt().then((()=>tt([["ix-icon",[[1,"ix-icon",{size:[1],color:[1],name:[1],svgContent:[32]}]]]],n)))};const Ct=Object.freeze({__proto__:null,applyPolyfills:t,setNonce:nt,defineCustomElements:Ot});export{w as H,y as h,Ct as i,ot as r};
-//# sourceMappingURL=p-1f6df0c6.js.map
+function t(){var t=[];if(typeof window!=="undefined"){var n=window;if(!n.customElements||n.Element&&(!n.Element.prototype.closest||!n.Element.prototype.matches||!n.Element.prototype.remove||!n.Element.prototype.getRootNode)){t.push(import("./p-5d43cae8.js"))}var e=function(){try{var t=new URL("b","http://a");t.pathname="c%20d";return t.href==="http://a/c%20d"&&t.searchParams}catch(t){return false}};if("function"!==typeof Object.assign||!Object.entries||!Array.prototype.find||!Array.prototype.includes||!String.prototype.startsWith||!String.prototype.endsWith||n.NodeList&&!n.NodeList.prototype.forEach||!n.fetch||!e()||typeof WeakMap=="undefined"){t.push(import("./p-44fa005c.js").then((function(t){return t.c})))}}return Promise.all(t)}const n="ix-icons";let e;let s;let o=false;let c=false;const l=(t,n="")=>{{return()=>{}}};const i=(t,n)=>{{return()=>{}}};const f="{visibility:hidden}.hydrated{visibility:inherit}";const r={};const u="http://www.w3.org/2000/svg";const a="http://www.w3.org/1999/xhtml";const d=t=>t!=null;const p=t=>{t=typeof t;return t==="object"||t==="function"};function h(t){var n,e,s;return(s=(e=(n=t.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||e===void 0?void 0:e.getAttribute("content"))!==null&&s!==void 0?s:undefined}const y=(t,n,...e)=>{let s=null;let o=false;let c=false;const l=[];const i=n=>{for(let e=0;e<n.length;e++){s=n[e];if(Array.isArray(s)){i(s)}else if(s!=null&&typeof s!=="boolean"){if(o=typeof t!=="function"&&!p(s)){s=String(s)}if(o&&c){l[l.length-1].t+=s}else{l.push(o?m(null,s):s)}c=o}}};i(e);if(n){{const t=n.className||n.class;if(t){n.class=typeof t!=="object"?t:Object.keys(t).filter((n=>t[n])).join(" ")}}}const f=m(t,null);f.o=n;if(l.length>0){f.l=l}return f};const m=(t,n)=>{const e={i:0,u:t,t:n,p:null,l:null};{e.o=null}return e};const w={};const $=t=>t&&t.u===w;const b=(t,n)=>{if(t!=null&&!p(t)){if(n&1){return String(t)}return t}return t};const g=(t,n,e)=>{const s=pt.ce(n,e);t.dispatchEvent(s);return s};const v=new WeakMap;const S=(t,n,e)=>{let s=ut.get(t);if(yt&&e){s=s||new CSSStyleSheet;if(typeof s==="string"){s=n}else{s.replaceSync(n)}}else{s=n}ut.set(t,s)};const j=(t,n,e,s)=>{var o;let c=C(n);const l=ut.get(c);t=t.nodeType===11?t:dt;if(l){if(typeof l==="string"){t=t.head||t;let n=v.get(t);let e;if(!n){v.set(t,n=new Set)}if(!n.has(c)){{{e=dt.createElement("style");e.innerHTML=l}const n=(o=pt.h)!==null&&o!==void 0?o:h(dt);if(n!=null){e.setAttribute("nonce",n)}t.insertBefore(e,t.querySelector("link"))}if(n){n.add(c)}}}else if(!t.adoptedStyleSheets.includes(l)){t.adoptedStyleSheets=[...t.adoptedStyleSheets,l]}}return c};const O=t=>{const n=t.m;const e=t.$hostElement$;const s=n.i;const o=l("attachStyles",n.$);const c=j(e.shadowRoot?e.shadowRoot:e.getRootNode(),n);if(s&10){e["s-sc"]=c;e.classList.add(c+"-h")}o()};const C=(t,n)=>"sc-"+t.$;const k=(t,n,e,s,o,c)=>{if(e!==s){let l=lt(t,n);n.toLowerCase();if(n==="class"){const n=t.classList;const o=x(e);const c=x(s);n.remove(...o.filter((t=>t&&!c.includes(t))));n.add(...c.filter((t=>t&&!o.includes(t))))}else if(n==="style"){{for(const n in e){if(!s||s[n]==null){if(n.includes("-")){t.style.removeProperty(n)}else{t.style[n]=""}}}}for(const n in s){if(!e||s[n]!==e[n]){if(n.includes("-")){t.style.setProperty(n,s[n])}else{t.style[n]=s[n]}}}}else{const i=p(s);if((l||i&&s!==null)&&!o){try{if(!t.tagName.includes("-")){const o=s==null?"":s;if(n==="list"){l=false}else if(e==null||t[n]!=o){t[n]=o}}else{t[n]=s}}catch(t){}}if(s==null||s===false){if(s!==false||t.getAttribute(n)===""){{t.removeAttribute(n)}}}else if((!l||c&4||o)&&!i){s=s===true?"":s;{t.setAttribute(n,s)}}}}};const M=/\s/;const x=t=>!t?[]:t.split(M);const P=(t,n,e,s)=>{const o=n.p.nodeType===11&&n.p.host?n.p.host:n.p;const c=t&&t.o||r;const l=n.o||r;{for(s in c){if(!(s in l)){k(o,s,c[s],undefined,e,n.i)}}}for(s in l){k(o,s,c[s],l[s],e,n.i)}};const U=(t,n,s,c)=>{const l=n.l[s];let i=0;let f;let r;{if(!o){o=l.u==="svg"}f=l.p=dt.createElementNS(o?u:a,l.u);if(o&&l.u==="foreignObject"){o=false}{P(null,l,o)}if(d(e)&&f["s-si"]!==e){f.classList.add(f["s-si"]=e)}if(l.l){for(i=0;i<l.l.length;++i){r=U(t,l,i);if(r){f.appendChild(r)}}}{if(l.u==="svg"){o=false}else if(f.tagName==="foreignObject"){o=true}}}return f};const _=(t,n,e,o,c,l)=>{let i=t;let f;if(i.shadowRoot&&i.tagName===s){i=i.shadowRoot}for(;c<=l;++c){if(o[c]){f=U(null,e,c);if(f){o[c].p=f;i.insertBefore(f,n)}}}};const A=(t,n,e,s,o)=>{for(;n<=e;++n){if(s=t[n]){o=s.p;o.remove()}}};const E=(t,n,e,s)=>{let o=0;let c=0;let l=n.length-1;let i=n[0];let f=n[l];let r=s.length-1;let u=s[0];let a=s[r];let d;while(o<=l&&c<=r){if(i==null){i=n[++o]}else if(f==null){f=n[--l]}else if(u==null){u=s[++c]}else if(a==null){a=s[--r]}else if(L(i,u)){N(i,u);i=n[++o];u=s[++c]}else if(L(f,a)){N(f,a);f=n[--l];a=s[--r]}else if(L(i,a)){N(i,a);t.insertBefore(i.p,f.p.nextSibling);i=n[++o];a=s[--r]}else if(L(f,u)){N(f,u);t.insertBefore(f.p,i.p);f=n[--l];u=s[++c]}else{{d=U(n&&n[c],e,c);u=s[++c]}if(d){{i.p.parentNode.insertBefore(d,i.p)}}}}if(o>l){_(t,s[r+1]==null?null:s[r+1].p,e,s,c,r)}else if(c>r){A(n,o,l)}};const L=(t,n)=>{if(t.u===n.u){return true}return false};const N=(t,n)=>{const e=n.p=t.p;const s=t.l;const c=n.l;const l=n.u;{{o=l==="svg"?true:l==="foreignObject"?false:o}{{P(t,n,o)}}if(s!==null&&c!==null){E(e,s,n,c)}else if(c!==null){_(e,null,n,c,0,c.length-1)}else if(s!==null){A(s,0,s.length-1)}if(o&&l==="svg"){o=false}}};const R=(t,n)=>{const o=t.$hostElement$;const c=t.v||m(null,null);const l=$(n)?n:y(null,null,n);s=o.tagName;l.u=null;l.i|=4;t.v=l;l.p=c.p=o.shadowRoot||o;{e=o["s-sc"]}N(c,l)};const T=(t,n)=>{if(n&&!t.S&&n["s-p"]){n["s-p"].push(new Promise((n=>t.S=n)))}};const W=(t,n)=>{{t.i|=16}if(t.i&4){t.i|=512;return}T(t,t.j);const e=()=>H(t,n);return St(e)};const H=(t,n)=>{const e=l("scheduleUpdate",t.m.$);const s=t.O;let o;e();return F(o,(()=>I(t,s,n)))};const I=async(t,n,e)=>{const s=t.$hostElement$;const o=l("update",t.m.$);const c=s["s-rc"];if(e){O(t)}const i=l("render",t.m.$);{q(t,n)}if(c){c.map((t=>t()));s["s-rc"]=undefined}i();o();{const n=s["s-p"];const e=()=>z(t);if(n.length===0){e()}else{Promise.all(n).then(e);t.i|=4;n.length=0}}};const q=(t,n,e)=>{try{n=n.render();{t.i&=~16}{t.i|=2}{{{R(t,n)}}}}catch(n){it(n,t.$hostElement$)}return null};const z=t=>{const n=t.m.$;const e=t.$hostElement$;const s=l("postUpdate",n);const o=t.j;if(!(t.i&64)){t.i|=64;{V(e)}s();{t.C(e);if(!o){B()}}}else{s()}{if(t.S){t.S();t.S=undefined}if(t.i&512){vt((()=>W(t,false)))}t.i&=~(4|512)}};const B=t=>{{V(dt.documentElement)}vt((()=>g(at,"appload",{detail:{namespace:n}})))};const D=(t,n,e)=>{if(t&&t[n]){try{return t[n](e)}catch(t){it(t)}}return undefined};const F=(t,n)=>t&&t.then?t.then(n):n();const V=t=>t.classList.add("hydrated");const G=(t,n)=>st(t).k.get(n);const J=(t,n,e,s)=>{const o=st(t);const c=o.$hostElement$;const l=o.k.get(n);const i=o.i;const f=o.O;e=b(e,s.M[n][0]);const r=Number.isNaN(l)&&Number.isNaN(e);const u=e!==l&&!r;if((!(i&8)||l===undefined)&&u){o.k.set(n,e);if(f){if(s.P&&i&128){const t=s.P[n];if(t){t.map((t=>{try{f[t](e,l,n)}catch(t){it(t,c)}}))}}if((i&(2|16))===2){W(o,false)}}}};const K=(t,n,e)=>{if(n.M){if(t.watchers){n.P=t.watchers}const s=Object.entries(n.M);const o=t.prototype;s.map((([t,[s]])=>{if(s&31||e&2&&s&32){Object.defineProperty(o,t,{get(){return G(this,t)},set(e){J(this,t,e,n)},configurable:true,enumerable:true})}}));if(e&1){const n=new Map;o.attributeChangedCallback=function(t,e,s){pt.jmp((()=>{const e=n.get(t);if(this.hasOwnProperty(e)){s=this[e];delete this[e]}else if(o.hasOwnProperty(e)&&typeof this[e]==="number"&&this[e]==s){return}this[e]=s===null&&typeof this[e]==="boolean"?false:s}))};t.observedAttributes=s.filter((([t,n])=>n[0]&15)).map((([t,e])=>{const s=e[1]||t;n.set(s,t);return s}))}}return t};const Q=async(t,n,e,s,o)=>{if((n.i&32)===0){{n.i|=32;o=rt(e);if(o.then){const t=i();o=await o;t()}if(!o.isProxied){{e.P=o.watchers}K(o,e,2);o.isProxied=true}const t=l("createInstance",e.$);{n.i|=8}try{new o(n)}catch(t){it(t)}{n.i&=~8}{n.i|=128}t();X(n.O)}if(o.style){let t=o.style;const n=C(e);if(!ut.has(n)){const s=l("registerStyles",e.$);S(n,t,!!(e.i&1));s()}}}const c=n.j;const f=()=>W(n,true);if(c&&c["s-rc"]){c["s-rc"].push(f)}else{f()}};const X=t=>{{D(t,"connectedCallback")}};const Y=t=>{if((pt.i&1)===0){const n=st(t);const e=n.m;const s=l("connectedCallback",e.$);if(!(n.i&1)){n.i|=1;{let e=t;while(e=e.parentNode||e.host){if(e["s-p"]){T(n,n.j=e);break}}}if(e.M){Object.entries(e.M).map((([n,[e]])=>{if(e&31&&t.hasOwnProperty(n)){const e=t[n];delete t[n];t[n]=e}}))}{Q(t,n,e)}}else{X(n.O)}s()}};const Z=t=>{if((pt.i&1)===0){st(t)}};const tt=(t,n={})=>{var e;const s=l();const o=[];const c=n.exclude||[];const i=at.customElements;const r=dt.head;const u=r.querySelector("meta[charset]");const a=dt.createElement("style");const d=[];let p;let y=true;Object.assign(pt,n);pt.U=new URL(n.resourcesUrl||"./",dt.baseURI).href;t.map((t=>{t[1].map((n=>{const e={i:n[0],$:n[1],M:n[2],_:n[3]};{e.M=n[2]}{e.P={}}const s=e.$;const l=class extends HTMLElement{constructor(t){super(t);t=this;ct(t,e);if(e.i&1){{{t.attachShadow({mode:"open"})}}}}connectedCallback(){if(p){clearTimeout(p);p=null}if(y){d.push(this)}else{pt.jmp((()=>Y(this)))}}disconnectedCallback(){pt.jmp((()=>Z(this)))}componentOnReady(){return st(this).A}};e.L=t[0];if(!c.includes(s)&&!i.get(s)){o.push(s);i.define(s,K(l,e,1))}}))}));{a.innerHTML=o+f;a.setAttribute("data-styles","");const t=(e=pt.h)!==null&&e!==void 0?e:h(dt);if(t!=null){a.setAttribute("nonce",t)}r.insertBefore(a,u?u.nextSibling:r.firstChild)}y=false;if(d.length){d.map((t=>t.connectedCallback()))}else{{pt.jmp((()=>p=setTimeout(B,30)))}}s()};const nt=t=>pt.h=t;const et=new WeakMap;const st=t=>et.get(t);const ot=(t,n)=>et.set(n.O=t,n);const ct=(t,n)=>{const e={i:0,$hostElement$:t,m:n,k:new Map};{e.A=new Promise((t=>e.C=t));t["s-p"]=[];t["s-rc"]=[]}return et.set(t,e)};const lt=(t,n)=>n in t;const it=(t,n)=>(0,console.error)(t,n);const ft=new Map;const rt=(t,n,e)=>{const s=t.$.replace(/-/g,"_");const o=t.L;const c=ft.get(o);if(c){return c[s]}if(!e||!BUILD.hotModuleReplacement){const t=t=>{ft.set(o,t);return t[s]};switch(o){case"ix-icon":return import("./p-a6af13b0.js").then(t,it)}}return import(`./${o}.entry.js${""}`).then((t=>{{ft.set(o,t)}return t[s]}),it)};const ut=new Map;const at=typeof window!=="undefined"?window:{};const dt=at.document||{head:{}};const pt={i:0,U:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,n,e,s)=>t.addEventListener(n,e,s),rel:(t,n,e,s)=>t.removeEventListener(n,e,s),ce:(t,n)=>new CustomEvent(t,n)};const ht=t=>Promise.resolve(t);const yt=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(t){}return false})();const mt=[];const wt=[];const $t=(t,n)=>e=>{t.push(e);if(!c){c=true;if(n&&pt.i&4){vt(gt)}else{pt.raf(gt)}}};const bt=t=>{for(let n=0;n<t.length;n++){try{t[n](performance.now())}catch(t){it(t)}}t.length=0};const gt=()=>{bt(mt);{bt(wt);if(c=mt.length>0){pt.raf(gt)}}};const vt=t=>ht().then(t);const St=$t(wt,true);const jt=()=>ht();const Ot=(t,n)=>{if(typeof window==="undefined")return Promise.resolve();return jt().then((()=>tt([["ix-icon",[[1,"ix-icon",{size:[1],color:[1],name:[1],svgContent:[32]}]]]],n)))};const Ct=Object.freeze({__proto__:null,applyPolyfills:t,setNonce:nt,defineCustomElements:Ot});export{w as H,y as h,Ct as i,ot as r};
+//# sourceMappingURL=p-738c2d1f.js.map

package/dist/siemens-ix/{p-424e8092.entry.js → p-897c8e5b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as r,g as a}from"./p-5806df2b.js";import{g as i,h as n}from"./p-a427e6a2.js";import{H as d}from"./p-f97a15c4.js";import{m as l}from"./p-ce563a48.js";import{m as s,a as b,b as c,I as h,c as p,o as u,S as m,d as f}from"./p-79bb0d39.js";import"./p-5fe87e71.js";import"./p-360b158e.js";import"./p-71206084.js";const v="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}:host .number-stepper-container.container-hidden{display:none}";const x=v;var g=undefined&&undefined.__decorate||function(e,t,o,r){var a=arguments.length,i=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i;return a>3&&i&&Object.defineProperty(t,o,i),i};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.numberInputId=`number-input-${y++}`;this.name=undefined;this.placeholder=undefined;this.value=0;this.required=false;this.disabled=false;this.readonly=false;this.helperText=undefined;this.infoText=undefined;this.showTextAsTooltip=undefined;this.validText=undefined;this.warningText=undefined;this.label=undefined;this.invalidText=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.allowedCharactersPattern=undefined;this.showStepperButtons=undefined;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false}updateClassMappings(e){s(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}componentDidRender(){this.updatePaddings()}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}updateFormInternalValue(e){this.formInternals.setFormValue(e.toString());this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}render(){const e=this.showStepperButtons&&(this.disabled||this.readonly)===false;return o(r,{key:"257156c1c5ec77ef4426b3a8818941f0b28062c6",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"ab953fa1af86d3f0415b709fff3871e17f00453a",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"82ab33e39746a47d1c387f953b3862bd47547a4b",class:{"input-wrapper":true,"show-stepper-buttons":!!this.showStepperButtons}},o(c,{key:"252e87d3380c33806b2a1af84b98d672e2f0980f",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(h,{key:"d2cbab2e83934c970e9b8fce0390d5ad01234646",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>p(this,e),valueChange:e=>this.valueChange.emit(Number(e)),updateFormInternalValue:e=>this.updateFormInternalValue(Number(e)),onBlur:()=>u(this,this.inputRef.current)}),o(m,{key:"9a9a6de11186692b3707d85315a124256124ad2f",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("div",{key:"97a24bdb25e6a6818038f662eb14a94e4e79d7a0",class:{"number-stepper-container":true,"container-hidden":!e}},o("ix-icon-button",{key:"89d6c0aea01ea12ad5342cf825f9f43748e5f47a",ghost:true,icon:i,size:"16",class:"number-stepper-button step-minus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepDown();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}),o("ix-icon-button",{key:"7a913f64e5abf65be33268df93eae3635452b51b",ghost:true,icon:n,size:"16",class:"number-stepper-button step-plus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepUp();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}))))))}static get formAssociated(){return true}get hostElement(){return a(this)}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_number_input};
-//# sourceMappingURL=p-424e8092.entry.js.map
+import{r as e,c as t,h as o,H as r,g as i}from"./p-5806df2b.js";import{g as a,h as n}from"./p-fe158b99.js";import{H as d}from"./p-f97a15c4.js";import{m as l}from"./p-ce563a48.js";import{m as s,a as b,b as c,I as h,c as p,o as u,S as m,d as f}from"./p-451551d1.js";import"./p-5fe87e71.js";import"./p-360b158e.js";import"./p-71206084.js";const v="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}:host .number-stepper-container.container-hidden{display:none}";const x=v;var g=undefined&&undefined.__decorate||function(e,t,o,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a;return i>3&&a&&Object.defineProperty(t,o,a),a};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.numberInputId=`number-input-${y++}`;this.name=undefined;this.placeholder=undefined;this.value=0;this.required=false;this.disabled=false;this.readonly=false;this.helperText=undefined;this.infoText=undefined;this.showTextAsTooltip=undefined;this.validText=undefined;this.warningText=undefined;this.label=undefined;this.invalidText=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.allowedCharactersPattern=undefined;this.showStepperButtons=undefined;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false}updateClassMappings(e){s(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}componentDidRender(){this.updatePaddings()}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}updateFormInternalValue(e){this.formInternals.setFormValue(e.toString());this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}render(){const e=this.showStepperButtons&&(this.disabled||this.readonly)===false;return o(r,{key:"d44d46cba0a85db489b707e79978d7835cd7f6db",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"258921ecc2d462c97026ba1b0bfc783c277cef41",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"88f56233a0fff77353f8e5710e7503e61877a391",class:{"input-wrapper":true,"show-stepper-buttons":!!this.showStepperButtons}},o(c,{key:"c74d37bb1153f84bd326b4c84308d0ef87c2af53",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(h,{key:"e538819db34d4e7b3a345f992f79cd7d528b3fae",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>p(this,e),valueChange:e=>this.valueChange.emit(Number(e)),updateFormInternalValue:e=>this.updateFormInternalValue(Number(e)),onBlur:()=>u(this,this.inputRef.current)}),o(m,{key:"91bff359e6340bace9a9669da1ee056da40bb977",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("div",{key:"9f002e7ccfb5f77e76d4e1179af333ca20f99cd2",class:{"number-stepper-container":true,"container-hidden":!e}},o("ix-icon-button",{key:"6fa92f4a99603300ba0815bbab96f5c3c01f35b6",ghost:true,icon:a,size:"16",class:"number-stepper-button step-minus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepDown();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}),o("ix-icon-button",{key:"514c2c7164156b86b09a6aa2c999e00128e4527e",ghost:true,icon:n,size:"16",class:"number-stepper-button step-plus",onClick:()=>{if(!this.inputRef.current){return}this.inputRef.current.stepUp();f(this,this.inputRef.current);this.updateFormInternalValue(Number(this.inputRef.current.value));this.valueChange.emit(this.value)}}))))))}static get formAssociated(){return true}get hostElement(){return i(this)}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_number_input};
+//# sourceMappingURL=p-897c8e5b.entry.js.map

package/dist/siemens-ix/p-897c8e5b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["numberInputCss","IxNumberInputStyle0","numberInputIds","NumberInput","this","inputRef","makeRef","slotEndRef","slotStartRef","numberInputId","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","value","componentDidRender","updatePaddings","adjustPaddingForStartAndEnd","current","formInternals","setFormValue","toString","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","render","showStepperButtons","disabled","readonly","h","Host","key","class","id","required","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","isInvalid","isValid","isInfo","isWarning","controlRef","SlotStart","onSlotChange","InputElement","min","max","pattern","type","placeholder","onKeyPress","event","checkAllowedKeys","valueChange","emit","Number","onBlur","onInputBlur","SlotEnd","ghost","icon","iconMinus","size","onClick","stepDown","checkInternalValidity","iconPlus","stepUp","__decorate","HookValidationLifecycle"],"sources":["src/components/input/number-input.scss?tag=ix-number-input&encapsulation=shadow","src/components/input/number-input.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import './input.mixins.scss';\n\n@include input-field;\n\n:host {\n  .input-wrapper.show-stepper-buttons {\n    input[type='number'] {\n      min-width: 6rem;\n    }\n  }\n\n  .number-stepper-container {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    margin-right: 0.25rem;\n\n    &.container-hidden {\n      display: none;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconMinus, iconPlus } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  h,\n} from '@stencil/core';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { InputElement, SlotEnd, SlotStart } from './input.fc';\nimport {\n  adjustPaddingForStartAndEnd,\n  checkAllowedKeys,\n  checkInternalValidity,\n  mapValidationResult,\n  onInputBlur,\n} from './input.util';\n\nlet numberInputIds = 0;\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-number-input',\n  styleUrl: 'number-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NumberInput implements IxInputFieldComponent<number> {\n  @Element() hostElement!: HTMLIxNumberInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * The value of the input field\n   */\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n\n  /**\n   * Indicates if the field is required\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Disables the input field\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates if the field is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * The helper text for the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The info text for the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Indicates if the text should be shown as a tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * The valid text for the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * The warning text for the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * The label for the input field\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The error text for the input field\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * The pattern for the input field\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * The minimum value for the input field\n   */\n  @Prop() min?: string | number;\n\n  /**\n   * The maximum value for the input field\n   */\n  @Prop() max?: string | number;\n\n  /**\n   * The allowed characters pattern for the input field\n   */\n  @Prop() allowedCharactersPattern?: string;\n\n  /**\n   * Indicates if the stepper buttons should be shown\n   */\n  @Prop() showStepperButtons?: boolean;\n\n  /**\n   * Event emitted when the value of the input field changes\n   */\n  @Event() valueChange!: EventEmitter<number>;\n\n  /**\n   * Event emitted when the validity state of the input field changes\n   */\n  @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n  /**\n   * Event emitted when the input field loses focus\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() isInvalidByRequired = false;\n\n  private readonly inputRef = makeRef<HTMLInputElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly numberInputId = `number-input-${numberInputIds++}`;\n\n  @HookValidationLifecycle()\n  updateClassMappings(result: ValidationResults) {\n    mapValidationResult(this, result);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender() {\n    this.updatePaddings();\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputRef.current\n    );\n  }\n\n  updateFormInternalValue(value: number) {\n    this.formInternals.setFormValue(value.toString());\n    this.value = value;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /**\n   * Returns the native input element used under the hood\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  render() {\n    const showStepperButtons =\n      this.showStepperButtons && (this.disabled || this.readonly) === false;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          id={this.numberInputId}\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.inputRef}\n        >\n          <div\n            class={{\n              'input-wrapper': true,\n              'show-stepper-buttons': !!this.showStepperButtons,\n            }}\n          >\n            <SlotStart\n              slotStartRef={this.slotStartRef}\n              onSlotChange={() => this.updatePaddings()}\n            ></SlotStart>\n            <InputElement\n              id={this.numberInputId}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              min={this.min}\n              max={this.max}\n              pattern={this.pattern}\n              type={'number'}\n              isInvalid={this.isInvalid}\n              required={this.required}\n              value={this.value}\n              placeholder={this.placeholder}\n              inputRef={this.inputRef}\n              onKeyPress={(event) => checkAllowedKeys(this, event)}\n              valueChange={(value) => this.valueChange.emit(Number(value))}\n              updateFormInternalValue={(value) =>\n                this.updateFormInternalValue(Number(value))\n              }\n              onBlur={() => onInputBlur(this, this.inputRef.current)}\n            ></InputElement>\n            <SlotEnd\n              slotEndRef={this.slotEndRef}\n              onSlotChange={() => this.updatePaddings()}\n            >\n              <div\n                class={{\n                  'number-stepper-container': true,\n                  'container-hidden': !showStepperButtons,\n                }}\n              >\n                <ix-icon-button\n                  ghost\n                  icon={iconMinus}\n                  size=\"16\"\n                  class=\"number-stepper-button step-minus\"\n                  onClick={() => {\n                    if (!this.inputRef.current) {\n                      return;\n                    }\n                    this.inputRef.current.stepDown();\n                    checkInternalValidity(this, this.inputRef.current);\n                    this.updateFormInternalValue(\n                      Number(this.inputRef.current.value)\n                    );\n                    this.valueChange.emit(this.value);\n                  }}\n                ></ix-icon-button>\n                <ix-icon-button\n                  ghost\n                  icon={iconPlus}\n                  size=\"16\"\n                  class=\"number-stepper-button step-plus\"\n                  onClick={() => {\n                    if (!this.inputRef.current) {\n                      return;\n                    }\n                    this.inputRef.current.stepUp();\n                    checkInternalValidity(this, this.inputRef.current);\n                    this.updateFormInternalValue(\n                      Number(this.inputRef.current.value)\n                    );\n                    this.valueChange.emit(this.value);\n                  }}\n                ></ix-icon-button>\n              </div>\n            </SlotEnd>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/{p-f35386ec.js → p-93d4d3c9.js}

@@ -1,2 +1,2 @@
-import{h as t}from"./p-5806df2b.js";import{a as i,b as e,c as n,d as o}from"./p-a427e6a2.js";function a({invalidText:t,warningText:i,infoText:e,validText:n,helperText:o}){return t||i||e||n||o}function s({isInvalid:a,invalidText:s,isWarning:r,warningText:x,isInfo:c,infoText:l,isValid:d,validText:f,helperText:p}){if(a&&s!==undefined){return t("ix-typography",{color:"alarm",class:"bottom-text"},t("ix-icon",{class:"text-icon invalid",name:i,size:"16"}),s)}if(r&&x!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon warning",name:e,size:"16"}),x)}if(c&&l!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon info",name:n,size:"16"}),l)}if(d&&f!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon valid",name:o,size:"16"}),f)}return p&&t("ix-typography",{class:"bottom-text",color:"soft"},p)}export{a as h,s as r};
-//# sourceMappingURL=p-f35386ec.js.map
+import{h as t}from"./p-5806df2b.js";import{a as i,b as e,c as n,d as o}from"./p-fe158b99.js";function a({invalidText:t,warningText:i,infoText:e,validText:n,helperText:o}){return t||i||e||n||o}function s({isInvalid:a,invalidText:s,isWarning:r,warningText:x,isInfo:c,infoText:l,isValid:d,validText:f,helperText:p}){if(a&&s!==undefined){return t("ix-typography",{color:"alarm",class:"bottom-text"},t("ix-icon",{class:"text-icon invalid",name:i,size:"16"}),s)}if(r&&x!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon warning",name:e,size:"16"}),x)}if(c&&l!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon info",name:n,size:"16"}),l)}if(d&&f!==undefined){return t("ix-typography",{color:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon valid",name:o,size:"16"}),f)}return p&&t("ix-typography",{class:"bottom-text",color:"soft"},p)}export{a as h,s as r};
+//# sourceMappingURL=p-93d4d3c9.js.map

package/dist/siemens-ix/{p-9948574f.entry.js → p-97d4b3bd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,H as i,g as e}from"./p-5806df2b.js";import{i as s,s as n,o as a,f as l,a as r,b as h,c as f}from"./p-ba6e955a.js";const m='.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';const d=m;const c=class{constructor(o){t(this,o);this.onSubmitBind=this.onSubmit.bind(this);this.onInputFocusBind=this.onInputFocus.bind(this);this.message=undefined;this.placement="top";this.suppressAutomaticPlacement=false;this.isInputValid=true;this.tooltipPosition=undefined;this.arrowPosition=undefined}get arrow(){return this.hostElement.shadowRoot.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.form}get tooltipElement(){return this.hostElement.shadowRoot.querySelector(".validation-tooltip")}destroyAutoUpdate(){if(this.tooltipElement){this.tooltipElement.style.display="none"}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),n(),a({mainAxis:8})]};if(!this.suppressAutomaticPlacement){t.middleware.push(l({fallbackStrategy:"initialPlacement"}))}t.placement=this.placement;this.autoUpdateCleanup=r(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,h({element:this.arrow})];const o=await f(this.inputElement,this.tooltipElement,t);if(o.middlewareData.arrow){const{x:t,y:i}=o.middlewareData.arrow;this.arrowPosition={x:t,y:i};Object.assign(this.arrow.style,{left:t!=null?`${t}px`:"",top:i!=null?`${i}px`:""})}this.tooltipPosition={x:o.x,y:o.y}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}componentDidLoad(){if(!this.inputElement){throw Error("Validation tooltip is only working with an direct input child.")}if(!this.formElement){throw Error("Validation tooltip is only working with an form element.")}this.formElement.addEventListener("submit",this.onSubmitBind);this.inputElement.addEventListener("focus",this.onInputFocusBind);this.observer=new MutationObserver((()=>{if(this.inputElement.classList.contains("is-invalid")){this.isInputValid=false;this.validationChanged()}}));this.observer.observe(this.inputElement,{childList:false,subtree:false,attributes:true,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=true}onSubmit(){if(this.formElement.classList.contains("needs-validation")){this.isInputValid=this.inputElement.validity.valid}}disconnectedCallback(){var t,o,i;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();(o=this.formElement)===null||o===void 0?void 0:o.removeEventListener("submit",this.onSubmitBind);(i=this.inputElement)===null||i===void 0?void 0:i.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){if(!this.isInputValid){this.applyTooltipPosition()}else{this.destroyAutoUpdate()}}render(){var t,e;return o(i,{key:"a7c567c374504ae7465ed32cf3baec6a286038ad"},o("slot",{key:"c2e5e2095c1c531b80e2e1ee6f679d7ee795f940"}),o("div",{key:"9270d9a3615c623ba683f8def7596c193c2219f6",role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round(((t=this.tooltipPosition)===null||t===void 0?void 0:t.x)||0)}px,${Math.round(((e=this.tooltipPosition)===null||e===void 0?void 0:e.y)||0)}px)`},class:"validation-tooltip text-default"},this.message,o("slot",{key:"b3853acb6a7b9807460884e65aecd5502f18853c",name:"tooltip-message"}),o("div",{key:"f420e4b62b79cb14dc94e5552ba2ea012d274e83",id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};c.style=d;export{c as ix_validation_tooltip};
-//# sourceMappingURL=p-9948574f.entry.js.map
+import{r as t,h as o,H as i,g as e}from"./p-5806df2b.js";import{i as s,s as n,o as a,f as l,a as r,b as h,c as f}from"./p-ba6e955a.js";const m='.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';const d=m;const c=class{constructor(o){t(this,o);this.onSubmitBind=this.onSubmit.bind(this);this.onInputFocusBind=this.onInputFocus.bind(this);this.message=undefined;this.placement="top";this.suppressAutomaticPlacement=false;this.isInputValid=true;this.tooltipPosition=undefined;this.arrowPosition=undefined}get arrow(){return this.hostElement.shadowRoot.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.form}get tooltipElement(){return this.hostElement.shadowRoot.querySelector(".validation-tooltip")}destroyAutoUpdate(){if(this.tooltipElement){this.tooltipElement.style.display="none"}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),n(),a({mainAxis:8})]};if(!this.suppressAutomaticPlacement){t.middleware.push(l({fallbackStrategy:"initialPlacement"}))}t.placement=this.placement;this.autoUpdateCleanup=r(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,h({element:this.arrow})];const o=await f(this.inputElement,this.tooltipElement,t);if(o.middlewareData.arrow){const{x:t,y:i}=o.middlewareData.arrow;this.arrowPosition={x:t,y:i};Object.assign(this.arrow.style,{left:t!=null?`${t}px`:"",top:i!=null?`${i}px`:""})}this.tooltipPosition={x:o.x,y:o.y}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}componentDidLoad(){if(!this.inputElement){throw Error("Validation tooltip is only working with an direct input child.")}if(!this.formElement){throw Error("Validation tooltip is only working with an form element.")}this.formElement.addEventListener("submit",this.onSubmitBind);this.inputElement.addEventListener("focus",this.onInputFocusBind);this.observer=new MutationObserver((()=>{if(this.inputElement.classList.contains("is-invalid")){this.isInputValid=false;this.validationChanged()}}));this.observer.observe(this.inputElement,{childList:false,subtree:false,attributes:true,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=true}onSubmit(){if(this.formElement.classList.contains("needs-validation")){this.isInputValid=this.inputElement.validity.valid}}disconnectedCallback(){var t,o,i;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();(o=this.formElement)===null||o===void 0?void 0:o.removeEventListener("submit",this.onSubmitBind);(i=this.inputElement)===null||i===void 0?void 0:i.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){if(!this.isInputValid){this.applyTooltipPosition()}else{this.destroyAutoUpdate()}}render(){var t,e;return o(i,{key:"460aa78f5dd3391a92b14828692f2fa110793b13"},o("slot",{key:"37e66c6a6bc556d95717378e974a0f991317e66f"}),o("div",{key:"cde0b66e90021043c49614a8b76a97e07b72d318",role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round(((t=this.tooltipPosition)===null||t===void 0?void 0:t.x)||0)}px,${Math.round(((e=this.tooltipPosition)===null||e===void 0?void 0:e.y)||0)}px)`},class:"validation-tooltip text-default"},this.message,o("slot",{key:"b933fa0044dda7b423ed095c1c6f142bd4cbb32b",name:"tooltip-message"}),o("div",{key:"26fd0871dee60e14fc3a4c4c8fb42afb67758cd4",id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};c.style=d;export{c as ix_validation_tooltip};
+//# sourceMappingURL=p-97d4b3bd.entry.js.map