@siemens/ix 0.0.0-pr-2212-20251017115125 → 0.0.0-pr-2198-20251023082407

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/components/ix-textarea.js +56 -3
  2. package/components/ix-textarea.js.map +1 -1
  3. package/components/p-BkCOZyt9.js.map +1 -1
  4. package/dist/cjs/input.util-B2BCXE7G.js.map +1 -1
  5. package/dist/cjs/ix-textarea.cjs.entry.js +52 -3
  6. package/dist/cjs/ix-textarea.entry.cjs.js.map +1 -1
  7. package/dist/cjs/loader.cjs.js +1 -1
  8. package/dist/cjs/siemens-ix.cjs.js +1 -1
  9. package/dist/collection/components/input/input.fc.js.map +1 -1
  10. package/dist/collection/components/input/textarea.js +59 -3
  11. package/dist/collection/components/input/textarea.js.map +1 -1
  12. package/dist/esm/input.util-6IjJg2ik.js.map +1 -1
  13. package/dist/esm/ix-textarea.entry.js +52 -3
  14. package/dist/esm/ix-textarea.entry.js.map +1 -1
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/esm/siemens-ix.js +1 -1
  17. package/dist/siemens-ix/ix-textarea.entry.esm.js.map +1 -1
  18. package/dist/siemens-ix/{p-cd11dfa8.entry.js → p-20b5fc48.entry.js} +2 -2
  19. package/dist/siemens-ix/p-20b5fc48.entry.js.map +1 -0
  20. package/dist/siemens-ix/p-q1WCgUmY.js.map +1 -1
  21. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  22. package/dist/types/components/input/input.fc.d.ts +1 -1
  23. package/dist/types/components/input/textarea.d.ts +9 -0
  24. package/hydrate/index.js +52 -3
  25. package/hydrate/index.mjs +52 -3
  26. package/package.json +1 -1
  27. package/dist/siemens-ix/p-cd11dfa8.entry.js.map +0 -1
package/dist/siemens-ix/ix-textarea.entry.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ix-textarea.entry.esm.js","sources":["src/components/input/textarea.scss?tag=ix-textarea&encapsulation=shadow","src/components/input/textarea.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@use './input.mixins.scss';\n@use 'mixins/validation/form-component';\n\n@include input.input-field;\n\n@include form-component.host-valid;\n\n@include form-component.host-info {\n textarea {\n border-color: var(--theme-input--border-color--info);\n }\n\n textarea:hover {\n border-color: var(--theme-input--border-color--info--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--info--active) !important;\n }\n}\n\n@include form-component.host-warning {\n textarea {\n background-color: var(--theme-input--background--warning);\n border-color: var(--theme-input--border-color--warning--active) !important;\n }\n\n textarea:hover {\n background-color: var(--theme-input--background--warning--hover);\n border-color: var(--theme-input--border-color--warning--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--warning--active) !important;\n }\n}\n\n@include form-component.host-invalid {\n textarea {\n background-color: var(--theme-input--background--invalid);\n border-color: var(--theme-input--border-color--invalid) !important;\n }\n\n textarea:hover {\n background-color: var(--theme-input--background--invalid--hover);\n border-color: var(--theme-input--border-color--invalid--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--invalid--active) !important;\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 {\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 { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\nimport type { TextareaResizeBehavior } from './textarea.types';\n\n/**\n * @form-ready\n */\n@Component({\n tag: 'ix-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n @Element() hostElement!: HTMLIxTextareaElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /**\n * The name of the textarea field.\n */\n @Prop({ reflect: true }) name?: string;\n\n /**\n * The placeholder text for the textarea field.\n */\n @Prop({ reflect: true }) placeholder?: string;\n\n /**\n * The value of the textarea field.\n */\n @Prop({ reflect: true, mutable: true }) value: string = '';\n\n /**\n * Determines if the textarea field is required.\n */\n @Prop({ reflect: true }) required: boolean = false;\n\n /**\n * Determines if the textarea field is disabled.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Determines if the textarea field is readonly.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * The helper text for the textarea field.\n */\n @Prop() helperText?: string;\n\n /**\n * The info text for the textarea field.\n */\n @Prop() infoText?: string;\n\n /**\n * Determines if the text should be displayed as a tooltip.\n */\n @Prop() showTextAsTooltip?: boolean;\n\n /**\n * The valid text for the textarea field.\n */\n @Prop() validText?: string;\n\n /**\n * The warning text for the textarea field.\n */\n @Prop() warningText?: string;\n\n /**\n * The label for the textarea field.\n */\n @Prop({ reflect: true }) label?: string;\n\n /**\n * The error text for the textarea field.\n */\n @Prop() invalidText?: string;\n\n /**\n * The height of the textarea field (e.g. \"52px\").\n */\n @Prop() textareaHeight?: string;\n\n /**\n * The width of the textarea field (e.g. \"200px\").\n */\n @Prop() textareaWidth?: string;\n\n /**\n * The height of the textarea specified by number of rows.\n */\n @Prop() textareaRows?: number;\n\n /**\n * The width of the textarea specified by number of characters.\n */\n @Prop() textareaCols?: number;\n\n /**\n * Determines the resize behavior of the textarea field.\n * Resizing can be enabled in one direction, both directions or completely disabled.\n */\n @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n /**\n * The maximum length of the textarea field.\n */\n @Prop() maxLength?: number;\n\n /**\n * The minimum length of the textarea field.\n */\n @Prop() minLength?: number;\n\n /**\n * Event emitted when the value of the textarea field changes.\n */\n @Event() valueChange!: EventEmitter<string>;\n\n /**\n * Event emitted when the validity state of the textarea field changes.\n */\n @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n /**\n * Event emitted when the textarea 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 textAreaRef = makeRef<HTMLTextAreaElement>();\n private touched = false;\n\n @HookValidationLifecycle()\n updateClassMappings(result: ValidationResults) {\n mapValidationResult(this, result);\n }\n\n componentWillLoad() {\n this.updateFormInternalValue(this.value);\n }\n\n updateFormInternalValue(value: string) {\n this.formInternals.setFormValue(value);\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 * Get the native textarea element.\n */\n @Method()\n getNativeInputElement(): Promise<HTMLTextAreaElement> {\n return this.textAreaRef.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 /**\n * Check if the textarea field has been touched.\n * @internal\n * */\n @Method()\n isTouched(): Promise<boolean> {\n return Promise.resolve(this.touched);\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n >\n <ix-field-wrapper\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.textAreaRef}\n >\n {!!this.maxLength && this.maxLength > 0 && (\n <ix-typography\n class=\"bottom-text\"\n slot=\"bottom-right\"\n textColor=\"soft\"\n >\n {(this.value ?? '').length}/{this.maxLength}\n </ix-typography>\n )}\n <div class=\"input-wrapper\">\n <TextareaElement\n minLength={this.minLength}\n maxLength={this.maxLength}\n textareaCols={this.textareaCols}\n textareaRows={this.textareaRows}\n textareaHeight={this.textareaHeight}\n textareaWidth={this.textareaWidth}\n resizeBehavior={this.resizeBehavior}\n readonly={this.readonly}\n disabled={this.disabled}\n isInvalid={this.isInvalid}\n required={this.required}\n value={this.value}\n placeholder={this.placeholder}\n textAreaRef={this.textAreaRef}\n valueChange={(value) => this.valueChange.emit(value)}\n updateFormInternalValue={(value) =>\n this.updateFormInternalValue(value)\n }\n onBlur={() => {\n onInputBlur(this, this.textAreaRef.current);\n this.touched = true;\n }}\n ></TextareaElement>\n </div>\n </ix-field-wrapper>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ix-textarea.entry.esm.js","sources":["src/components/input/textarea.scss?tag=ix-textarea&encapsulation=shadow","src/components/input/textarea.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@use './input.mixins.scss';\n@use 'mixins/validation/form-component';\n\n@include input.input-field;\n\n@include form-component.host-valid;\n\n@include form-component.host-info {\n textarea {\n border-color: var(--theme-input--border-color--info);\n }\n\n textarea:hover {\n border-color: var(--theme-input--border-color--info--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--info--active) !important;\n }\n}\n\n@include form-component.host-warning {\n textarea {\n background-color: var(--theme-input--background--warning);\n border-color: var(--theme-input--border-color--warning--active) !important;\n }\n\n textarea:hover {\n background-color: var(--theme-input--background--warning--hover);\n border-color: var(--theme-input--border-color--warning--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--warning--active) !important;\n }\n}\n\n@include form-component.host-invalid {\n textarea {\n background-color: var(--theme-input--background--invalid);\n border-color: var(--theme-input--border-color--invalid) !important;\n }\n\n textarea:hover {\n background-color: var(--theme-input--background--invalid--hover);\n border-color: var(--theme-input--border-color--invalid--hover) !important;\n }\n\n textarea:active {\n border-color: var(--theme-input--border-color--invalid--active) !important;\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 {\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 {\n HookValidationLifecycle,\n IxInputFieldComponent,\n ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\nimport type { TextareaResizeBehavior } from './textarea.types';\n\n/**\n * @form-ready\n */\n@Component({\n tag: 'ix-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n @Element() hostElement!: HTMLIxTextareaElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /**\n * The name of the textarea field.\n */\n @Prop({ reflect: true }) name?: string;\n\n /**\n * The placeholder text for the textarea field.\n */\n @Prop({ reflect: true }) placeholder?: string;\n\n /**\n * The value of the textarea field.\n */\n @Prop({ reflect: true, mutable: true }) value: string = '';\n\n /**\n * Determines if the textarea field is required.\n */\n @Prop({ reflect: true }) required: boolean = false;\n\n /**\n * Determines if the textarea field is disabled.\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Determines if the textarea field is readonly.\n */\n @Prop() readonly: boolean = false;\n\n /**\n * The helper text for the textarea field.\n */\n @Prop() helperText?: string;\n\n /**\n * The info text for the textarea field.\n */\n @Prop() infoText?: string;\n\n /**\n * Determines if the text should be displayed as a tooltip.\n */\n @Prop() showTextAsTooltip?: boolean;\n\n /**\n * The valid text for the textarea field.\n */\n @Prop() validText?: string;\n\n /**\n * The warning text for the textarea field.\n */\n @Prop() warningText?: string;\n\n /**\n * The label for the textarea field.\n */\n @Prop({ reflect: true }) label?: string;\n\n /**\n * The error text for the textarea field.\n */\n @Prop() invalidText?: string;\n\n /**\n * The height of the textarea field (e.g. \"52px\").\n */\n @Prop() textareaHeight?: string;\n\n /**\n * The width of the textarea field (e.g. \"200px\").\n */\n @Prop() textareaWidth?: string;\n\n /**\n * The height of the textarea specified by number of rows.\n */\n @Prop() textareaRows?: number;\n\n /**\n * The width of the textarea specified by number of characters.\n */\n @Prop() textareaCols?: number;\n\n /**\n * Determines the resize behavior of the textarea field.\n * Resizing can be enabled in one direction, both directions or completely disabled.\n */\n @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n /**\n * The maximum length of the textarea field.\n */\n @Prop() maxLength?: number;\n\n /**\n * The minimum length of the textarea field.\n */\n @Prop() minLength?: number;\n\n /**\n * Event emitted when the value of the textarea field changes.\n */\n @Event() valueChange!: EventEmitter<string>;\n\n /**\n * Event emitted when the validity state of the textarea field changes.\n */\n @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n /**\n * Event emitted when the textarea 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 textAreaRef = makeRef<HTMLTextAreaElement>(() => {\n this.initResizeObserver();\n });\n private touched = false;\n private resizeObserver?: ResizeObserver;\n private isManuallyResized = false;\n private manualHeight?: string;\n private manualWidth?: string;\n private isProgrammaticResize = false;\n\n @HookValidationLifecycle()\n updateClassMappings(result: ValidationResults) {\n mapValidationResult(this, result);\n }\n\n @Watch('textareaHeight')\n @Watch('textareaWidth')\n onDimensionPropsChange() {\n this.isManuallyResized = false;\n this.manualHeight = undefined;\n this.manualWidth = undefined;\n this.isProgrammaticResize = true;\n }\n\n @Watch('resizeBehavior')\n onResizeBehaviorChange() {\n this.initResizeObserver();\n }\n\n componentWillLoad() {\n this.updateFormInternalValue(this.value);\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect();\n }\n\n private initResizeObserver() {\n this.resizeObserver?.disconnect();\n\n const textarea = this.textAreaRef.current;\n if (!textarea) return;\n\n if (this.resizeBehavior === 'none') return;\n\n let isInitialResize = true;\n\n this.resizeObserver = new ResizeObserver(() => {\n const textarea = this.textAreaRef.current;\n if (!textarea) return;\n\n if (isInitialResize) {\n isInitialResize = false;\n return;\n }\n\n if (this.isProgrammaticResize) {\n this.isProgrammaticResize = false;\n return;\n }\n\n this.isManuallyResized = true;\n this.manualHeight = textarea.style.height;\n this.manualWidth = textarea.style.width;\n });\n\n this.resizeObserver.observe(textarea);\n }\n\n updateFormInternalValue(value: string) {\n this.formInternals.setFormValue(value);\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 * Get the native textarea element.\n */\n @Method()\n getNativeInputElement(): Promise<HTMLTextAreaElement> {\n return this.textAreaRef.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 /**\n * Check if the textarea field has been touched.\n * @internal\n * */\n @Method()\n isTouched(): Promise<boolean> {\n return Promise.resolve(this.touched);\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n >\n <ix-field-wrapper\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.textAreaRef}\n >\n {!!this.maxLength && this.maxLength > 0 && (\n <ix-typography\n class=\"bottom-text\"\n slot=\"bottom-right\"\n textColor=\"soft\"\n >\n {(this.value ?? '').length}/{this.maxLength}\n </ix-typography>\n )}\n <div class=\"input-wrapper\">\n <TextareaElement\n minLength={this.minLength}\n maxLength={this.maxLength}\n textareaCols={this.textareaCols}\n textareaRows={this.textareaRows}\n textareaHeight={\n this.isManuallyResized ? this.manualHeight : this.textareaHeight\n }\n textareaWidth={\n this.isManuallyResized ? this.manualWidth : this.textareaWidth\n }\n resizeBehavior={this.resizeBehavior}\n readonly={this.readonly}\n disabled={this.disabled}\n isInvalid={this.isInvalid}\n required={this.required}\n value={this.value}\n placeholder={this.placeholder}\n textAreaRef={this.textAreaRef}\n valueChange={(value) => this.valueChange.emit(value)}\n updateFormInternalValue={(value) =>\n this.updateFormInternalValue(value)\n }\n onBlur={() => {\n onInputBlur(this, this.textAreaRef.current);\n this.touched = true;\n }}\n ></TextareaElement>\n </div>\n </ix-field-wrapper>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/siemens-ix/{p-cd11dfa8.entry.js → p-20b5fc48.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as o,h as t,H as r,g as a}from"./p-DGODjp4O.js";import{H as i}from"./p-BlIjqRam.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-q1WCgUmY.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const b='input{min-height:2rem;width:auto;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);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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}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}textarea{min-height:2rem;width:auto;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);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}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}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{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}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]){background-color:var(--theme-input--background--warning);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{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !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{background-color:var(--theme-input--background--invalid--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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}: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{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--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{background-color:var(--theme-input--background--invalid--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(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{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])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var h=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 c=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",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.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n();this.touched=false}updateClassMappings(e){d(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;return t(r,{key:"2bd17a0b362db1a3b47a40a335e9dad0aacf60b2",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"63f6f38a83f3ac585be94fcbae2f0a1f07a3594a",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.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"edec746b0b0f15b01a42f827d8ed77d5b2ff3fbb",class:"bottom-text",slot:"bottom-right",textColor:"soft"},((e=this.value)!==null&&e!==void 0?e:"").length,"/",this.maxLength),t("div",{key:"bd53188011be0df0567500f6f4f85757210a5df3",class:"input-wrapper"},t(l,{key:"2b38f2d805863b6f85630f2192a6c1dcd5238e5a",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.textareaHeight,textareaWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}};h([i()],c.prototype,"updateClassMappings",null);c.style=b;export{c as ix_textarea};
2
- //# sourceMappingURL=p-cd11dfa8.entry.js.map
1
+ import{r as e,c as o,h as t,H as r,g as a}from"./p-DGODjp4O.js";import{H as i}from"./p-BlIjqRam.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-q1WCgUmY.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const b='input{min-height:2rem;width:auto;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);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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}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}textarea{min-height:2rem;width:auto;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);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}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}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{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}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]){background-color:var(--theme-input--background--warning);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{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !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{background-color:var(--theme-input--background--invalid--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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}: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{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--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{background-color:var(--theme-input--background--invalid--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(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea{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])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}';var h=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 c=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",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.value="";this.required=false;this.disabled=false;this.readonly=false;this.resizeBehavior="both";this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.textAreaRef=n((()=>{this.initResizeObserver()}));this.touched=false;this.isManuallyResized=false;this.isProgrammaticResize=false}updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.isManuallyResized=false;this.manualHeight=undefined;this.manualWidth=undefined;this.isProgrammaticResize=true}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}initResizeObserver(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect();const o=this.textAreaRef.current;if(!o)return;if(this.resizeBehavior==="none")return;let t=true;this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(t){t=false;return}if(this.isProgrammaticResize){this.isProgrammaticResize=false;return}this.isManuallyResized=true;this.manualHeight=e.style.height;this.manualWidth=e.style.width}));this.resizeObserver.observe(o)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;return t(r,{key:"03eb959f2c582fb1dddef9c4af3775ff27d4c391",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"66ec862af71b352b89418708782d0a73bd54e49f",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.textAreaRef},!!this.maxLength&&this.maxLength>0&&t("ix-typography",{key:"c75441f683c072a52d5d51481bc87e7ea00c42ff",class:"bottom-text",slot:"bottom-right",textColor:"soft"},((e=this.value)!==null&&e!==void 0?e:"").length,"/",this.maxLength),t("div",{key:"c49e36dd468cc9e4b83887891316436359b750b6",class:"input-wrapper"},t(l,{key:"9c051f207d06a4943540ed2c4f6d8b8be8ab1358",minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.isManuallyResized?this.manualHeight:this.textareaHeight,textareaWidth:this.isManuallyResized?this.manualWidth:this.textareaWidth,resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{s(this,this.textAreaRef.current);this.touched=true}}))))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{textareaHeight:["onDimensionPropsChange"],textareaWidth:["onDimensionPropsChange"],resizeBehavior:["onResizeBehaviorChange"]}}};h([i()],c.prototype,"updateClassMappings",null);c.style=b;export{c as ix_textarea};
2
+ //# sourceMappingURL=p-20b5fc48.entry.js.map
package/dist/siemens-ix/p-20b5fc48.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","HookValidationLifecycle","makeRef","mapValidationResult","TextareaElement","onInputBlur","textareaCss","__decorate","undefined","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","Textarea","constructor","hostRef","this","valueChange","validityStateChange","ixBlur","$hostElement$","formInternals","attachInternals","value","required","disabled","readonly","resizeBehavior","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","textAreaRef","initResizeObserver","touched","isManuallyResized","isProgrammaticResize","updateClassMappings","result","onDimensionPropsChange","manualHeight","manualWidth","onResizeBehaviorChange","componentWillLoad","updateFormInternalValue","disconnectedCallback","_a","resizeObserver","disconnect","textarea","current","isInitialResize","ResizeObserver","style","height","width","observe","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","class","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","maxLength","slot","textColor","minLength","textareaCols","textareaRows","textareaHeight","textareaWidth","placeholder","emit","onBlur","formAssociated","hostElement","watchers","prototype"],"sources":["0"],"mappings":"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","ignoreList":[]}
package/dist/siemens-ix/p-q1WCgUmY.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"p-q1WCgUmY.js","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(\n props: Readonly<{\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) {\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(\n props: Readonly<{\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 step?: 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) {\n return (\n <input\n id={props.id}\n autoComplete=\"off\"\n readOnly={props.readonly}\n disabled={props.disabled}\n step={props.step}\n min={props.min}\n max={props.max}\n maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n minLength={props.minLength ? 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 { animate } from 'animejs';\nimport Animation from '../utils/animation';\n\nexport function shakeInput(input: HTMLInputElement) {\n const xMax = 5;\n animate(input, {\n duration: Animation.defaultTime,\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 { createMutationObserver } from '../utils/mutation-observer';\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 === null || comp.value === undefined) {\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--validity-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n comp: IxFormComponent<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\n input.setAttribute('data-ix-touched', 'true');\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\nexport type DisposableChangesAndVisibilityObservers = () => void;\n\nexport const addDisposableChangesAndVisibilityObservers = (\n element: HTMLElement,\n callback: () => void\n): DisposableChangesAndVisibilityObservers => {\n const intersectionObserver = observeElementUntilVisible(element, callback);\n const mutationObserver = createMutationObserver(callback);\n\n mutationObserver.observe(element, {\n subtree: true,\n attributes: true,\n });\n\n return () => {\n intersectionObserver.disconnect();\n mutationObserver.disconnect();\n };\n};\n\nfunction observeElementUntilVisible(\n hostElement: HTMLElement,\n updateCallback: () => void\n): IntersectionObserver {\n const intersectionObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n updateCallback();\n }\n });\n });\n\n intersectionObserver.observe(hostElement);\n return intersectionObserver;\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"p-q1WCgUmY.js","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 { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { MakeRef } from '../utils/make-ref';\n\nexport function TextareaElement(\n props: Readonly<{\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) {\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(\n props: Readonly<{\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 step?: 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) {\n return (\n <input\n id={props.id}\n autoComplete=\"off\"\n readOnly={props.readonly}\n disabled={props.disabled}\n step={props.step}\n min={props.min}\n max={props.max}\n maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n minLength={props.minLength ? 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 { animate } from 'animejs';\nimport Animation from '../utils/animation';\n\nexport function shakeInput(input: HTMLInputElement) {\n const xMax = 5;\n animate(input, {\n duration: Animation.defaultTime,\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 { createMutationObserver } from '../utils/mutation-observer';\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 === null || comp.value === undefined) {\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--validity-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n comp: IxFormComponent<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\n input.setAttribute('data-ix-touched', 'true');\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\nexport type DisposableChangesAndVisibilityObservers = () => void;\n\nexport const addDisposableChangesAndVisibilityObservers = (\n element: HTMLElement,\n callback: () => void\n): DisposableChangesAndVisibilityObservers => {\n const intersectionObserver = observeElementUntilVisible(element, callback);\n const mutationObserver = createMutationObserver(callback);\n\n mutationObserver.observe(element, {\n subtree: true,\n attributes: true,\n });\n\n return () => {\n intersectionObserver.disconnect();\n mutationObserver.disconnect();\n };\n};\n\nfunction observeElementUntilVisible(\n hostElement: HTMLElement,\n updateCallback: () => void\n): IntersectionObserver {\n const intersectionObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n updateCallback();\n }\n });\n });\n\n intersectionObserver.observe(hostElement);\n return intersectionObserver;\n}\n"],"names":[],"mappings":"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"}
package/dist/siemens-ix/siemens-ix.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,b as a}from"./p-DGODjp4O.js";export{s as setNonce}from"./p-DGODjp4O.js";import{g as t}from"./p-CGyISn-0.js";import"./p-DErtoAo0.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await t();return a(JSON.parse('[["p-6d8e725c",[[257,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"from":[1],"to":[1],"time":[1],"showTimeReference":[4,"show-time-reference"],"timeReference":[1,"time-reference"],"i18nDone":[1,"i18n-done"],"i18nTime":[1,"i18n-time"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"weekStartIndex":[2,"week-start-index"],"locale":[1],"showWeekNumbers":[4,"show-week-numbers"]}]]],["p-71550396",[[257,"ix-pagination",{"advanced":[4],"itemCount":[2,"item-count"],"showItemCount":[4,"show-item-count"],"count":[2],"selectedPage":[1026,"selected-page"],"i18nPage":[1,"i18n-page"],"i18nOf":[1,"i18n-of"],"i18nItems":[1,"i18n-items"],"ariaLabelChevronLeftIconButton":[1,"aria-label-chevron-left-icon-button"],"ariaLabelChevronRightIconButton":[1,"aria-label-chevron-right-icon-button"]}]]],["p-2d3f7bb5",[[257,"ix-date-dropdown",{"disabled":[4],"format":[1],"range":[4],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateRangeId":[1,"date-range-id"],"variant":[1],"loading":[4],"showWeekNumbers":[4,"show-week-numbers"],"ariaLabelDropdownButton":[1,"aria-label-dropdown-button"],"customRangeAllowed":[4,"custom-range-allowed"],"dateRangeOptions":[16,"date-range-options"],"locale":[1],"weekStartIndex":[2,"week-start-index"],"i18nCustomItem":[1,"i18n-custom-item"],"i18nDone":[1,"i18n-done"],"i18nNoRange":[1,"i18n-no-range"],"today":[1],"selectedDateRangeId":[32],"currentRangeValue":[32],"getDateRange":[64]},null,{"dateRangeId":["onDateRangeIdChange"],"to":["onDateRangeIdChange"],"from":["onDateRangeIdChange"],"dateRangeOptions":["onDateRangeOptionsChange"],"disabled":["onDisabledChange"]}]]],["p-53e9e280",[[321,"ix-date-input",{"name":[513],"placeholder":[513],"value":[1537],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"locale":[1],"format":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"ariaLabelCalendarButton":[1,"aria-label-calendar-button"],"invalidText":[513,"invalid-text"],"readonly":[4],"disabled":[4],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"i18nErrorDateUnparsable":[1,"i18n-error-date-unparsable"],"showWeekNumbers":[4,"show-week-numbers"],"weekStartIndex":[2,"week-start-index"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"show":[32],"from":[32],"isInputInvalid":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"focus":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getValidityState":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},null,{"value":["watchValuePropHandler","watchValue"],"isInputInvalid":["onInputValidationChange"]}]]],["p-9d7a2428",[[321,"ix-time-input",{"name":[513],"placeholder":[513],"value":[1537],"format":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"invalidText":[513,"invalid-text"],"readonly":[4],"disabled":[4],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"i18nErrorTimeUnparsable":[1,"i18n-error-time-unparsable"],"hourInterval":[2,"hour-interval"],"minuteInterval":[2,"minute-interval"],"secondInterval":[2,"second-interval"],"millisecondInterval":[2,"millisecond-interval"],"i18nSelectTime":[1,"i18n-select-time"],"i18nTime":[1,"i18n-time"],"i18nHourColumnHeader":[1,"i18n-hour-column-header"],"i18nMinuteColumnHeader":[1,"i18n-minute-column-header"],"i18nSecondColumnHeader":[1,"i18n-second-column-header"],"i18nMillisecondColumnHeader":[1,"i18n-millisecond-column-header"],"hideHeader":[4,"hide-header"],"show":[32],"time":[32],"isInputInvalid":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"focus":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getValidityState":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},null,{"value":["watchValuePropHandler","watchValue"],"isInputInvalid":["onInputValidationChange"]}]]],["p-3522b3af",[[257,"ix-menu-avatar",{"top":[1],"bottom":[1],"image":[1],"initials":[1],"i18nLogout":[1,"i18n-logout"],"showLogoutButton":[4,"show-logout-button"],"showContextMenu":[32]}]]],["p-71e94914",[[257,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"ariaLabelContextIconButton":[1,"aria-label-context-icon-button"],"isSidebarOpen":[32],"hasContentHeader":[32],"toggleSidebar":[64],"openOverlay":[64],"closeOverlay":[64]}]]],["p-bd369344",[[257,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"],"forceBreakpoint":[1,"force-breakpoint"],"breakpoints":[16],"breakpoint":[32]},null,{"hideHeader":["onHideHeaderChange"],"breakpoints":["onBreakpointsChange"]}]]],["p-8c612656",[[257,"ix-card-list",{"ariaLabelExpandButton":[1,"aria-label-expand-button"],"label":[1],"collapse":[1028],"listStyle":[1,"list-style"],"maxVisibleCards":[2,"max-visible-cards"],"showAllCount":[2,"show-all-count"],"suppressOverflowHandling":[4,"suppress-overflow-handling"],"hideShowAll":[4,"hide-show-all"],"i18nShowAll":[1,"i18n-show-all"],"i18nMoreCards":[1,"i18n-more-cards"],"hasOverflowingElements":[32],"numberOfOverflowingElements":[32],"numberOfAllChildElements":[32],"leftScrollDistance":[32],"rightScrollDistance":[32]},[[9,"resize","detectOverflow"]]]]],["p-b6d9c16c",[[321,"ix-input",{"type":[1],"name":[513],"placeholder":[513],"value":[1537],"required":[516],"disabled":[516],"readonly":[516],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"pattern":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"allowedCharactersPattern":[1,"allowed-characters-pattern"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"inputType":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"getValidityState":[64],"focusInput":[64],"isTouched":[64]},null,{"type":["updateInputType"]}]]],["p-02621eb8",[[257,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"i18nExpandSidebar":[1,"i18n-expand-sidebar"],"expand":[1540],"startExpanded":[4,"start-expanded"],"pinned":[4],"i18nLegal":[1,"i18n-legal"],"i18nSettings":[1,"i18n-settings"],"i18nToggleTheme":[1,"i18n-toggle-theme"],"i18nExpand":[1,"i18n-expand"],"i18nCollapse":[1,"i18n-collapse"],"showPinned":[32],"mapExpand":[32],"breakpoint":[32],"itemsScrollShadowTop":[32],"itemsScrollShadowBottom":[32],"applicationLayoutContext":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","handleOverflowIndicator"],[0,"close","onOverlayClose"]],{"pinned":["pinnedChange"]}]]],["p-90bd8d7b",[[257,"ix-menu-category",{"label":[1],"icon":[1],"notifications":[2],"tooltipText":[1,"tooltip-text"],"menuExpand":[32],"showItems":[32],"showDropdown":[32],"nestedItems":[32]},[[8,"closeOtherCategories","onPointerLeave"]]]]],["p-f6d678a6",[[321,"ix-number-input",{"name":[513],"placeholder":[513],"value":[1538],"required":[516],"disabled":[4],"readonly":[4],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"pattern":[1],"min":[8],"max":[8],"allowedCharactersPattern":[1,"allowed-characters-pattern"],"showStepperButtons":[4,"show-stepper-buttons"],"step":[8],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]}]]],["p-dc5b5c0c",[[257,"ix-application-switch-modal",{"config":[16]}]]],["p-c8cf26c5",[[257,"ix-push-card",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"notification":[1],"heading":[1],"subheading":[1],"variant":[1],"collapse":[4]}]]],["p-2d9b7dbd",[[257,"ix-breadcrumb",{"visibleItemCount":[2,"visible-item-count"],"nextItems":[16,"next-items"],"ghost":[4],"ariaLabelPreviousButton":[1,"aria-label-previous-button"],"items":[32],"isPreviousDropdownExpanded":[32]},null,{"nextItems":["onNextItemsChange"]}]]],["p-9638c57b",[[257,"ix-category-filter",{"disabled":[4],"readonly":[4],"filterState":[16,"filter-state"],"placeholder":[1],"categories":[16],"nonSelectableCategories":[16,"non-selectable-categories"],"suggestions":[16],"icon":[1],"hideIcon":[4,"hide-icon"],"staticOperator":[1,"static-operator"],"repeatCategories":[4,"repeat-categories"],"tmpDisableScrollIntoView":[4,"tmp-disable-scroll-into-view"],"labelCategories":[1,"label-categories"],"i18nPlainText":[1,"i18n-plain-text"],"ariaLabelResetButton":[1,"aria-label-reset-button"],"ariaLabelOperatorButton":[1,"aria-label-operator-button"],"ariaLabelFilterInput":[1,"aria-label-filter-input"],"showDropdown":[32],"hasFocus":[32],"categoryLogicalOperator":[32],"inputValue":[32],"category":[32],"filterTokens":[32]},null,{"filterState":["watchFilterState"]}]]],["p-6aa45e1e",[[257,"ix-checkbox-group",{"helperText":[1,"helper-text"],"label":[1],"direction":[1],"invalidText":[1,"invalid-text"],"infoText":[1,"info-text"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"required":[4],"isInvalid":[32],"isInfo":[32],"isValid":[32],"isWarning":[32],"isTouched":[64],"hasValidValue":[64]}]]],["p-2d01c802",[[257,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"chipColor":[1,"chip-color"],"outline":[4],"tooltipText":[8,"tooltip-text"],"centerContent":[4,"center-content"],"ariaLabelCloseButton":[1,"aria-label-close-button"]}]]],["p-fdf22b8e",[[257,"ix-custom-field",{"required":[4],"label":[1],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32]}]]],["p-729d84eb",[[257,"ix-dropdown-button",{"variant":[1],"disabled":[4],"label":[1],"icon":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"ariaLabelDropdownButton":[1,"aria-label-dropdown-button"],"dropdownShow":[32]}]]],["p-1d0ae43f",[[257,"ix-group",{"suppressHeaderSelection":[4,"suppress-header-selection"],"header":[1],"subHeader":[1,"sub-header"],"collapsed":[1540],"selected":[1540],"index":[1538],"expandOnHeaderClick":[4,"expand-on-header-click"],"itemSelected":[32],"slotSize":[32],"footerVisible":[32],"showExpandCollapsedIcon":[32],"hasDropdown":[32]},[[0,"selectedChanged","onItemClicked"]],{"selected":["selectedChanged"]}]]],["p-31191cc6",[[257,"ix-menu-about",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"items":[32]},null,{"activeTabLabel":["updateTab"]}]]],["p-bb28a2d6",[[257,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i18n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}]]],["p-b8144c96",[[257,"ix-radio-group",{"helperText":[1,"helper-text"],"label":[1],"value":[1],"invalidText":[1,"invalid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"direction":[1],"required":[4],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"hasValidValue":[64],"isTouched":[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{"value":["onValueChangeHandler"]}]]],["p-88a812b7",[[257,"ix-split-button",{"variant":[1],"closeBehavior":[8,"close-behavior"],"label":[1],"ariaLabelButton":[1,"aria-label-button"],"icon":[1],"splitIcon":[1,"split-icon"],"ariaLabelSplitIconButton":[1,"aria-label-split-icon-button"],"disabled":[4],"placement":[1],"toggle":[32]}]]],["p-cd11dfa8",[[321,"ix-textarea",{"name":[513],"placeholder":[513],"value":[1537],"required":[516],"disabled":[4],"readonly":[4],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"textareaHeight":[1,"textarea-height"],"textareaWidth":[1,"textarea-width"],"textareaRows":[2,"textarea-rows"],"textareaCols":[2,"textarea-cols"],"resizeBehavior":[1,"resize-behavior"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]}]]],["p-09cce59e",[[257,"ix-toast-container",{"containerId":[1,"container-id"],"containerClass":[1,"container-class"],"position":[1],"showToast":[64]},null,{"position":["onPositionChange"]}]]],["p-1fa5a3e4",[[257,"ix-action-card",{"variant":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"heading":[1],"subheading":[1],"selected":[4],"ariaLabelCard":[1,"aria-label-card"]}]]],["p-11e7e647",[[257,"ix-content-header",{"variant":[1],"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"hasBackButton":[4,"has-back-button"]}]]],["p-fb6b7f35",[[257,"ix-empty-state",{"layout":[1],"icon":[1],"header":[1],"subHeader":[1,"sub-header"],"action":[1],"ariaLabelEmptyStateIcon":[1,"aria-label-empty-state-icon"]}]]],["p-1ca58d8b",[[257,"ix-pane",{"heading":[1],"variant":[1],"hideOnCollapse":[4,"hide-on-collapse"],"size":[1],"borderless":[4],"expanded":[1028],"composition":[1025],"icon":[1],"closeOnClickOutside":[4,"close-on-click-outside"],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCollapseCloseButton":[1,"aria-label-collapse-close-button"],"ignoreLayoutSettings":[4,"ignore-layout-settings"],"isMobile":[1028,"is-mobile"],"expandIcon":[32],"showContent":[32],"minimizeIcon":[32],"floating":[32],"parentWidthPx":[32],"parentHeightPx":[32]},null,{"expanded":["onExpandedChange","onSizeChange"],"isMobile":["onMobileChange"],"composition":["onPositionChange"],"hideOnCollapse":["onHideOnCollapseChange"],"variant":["onVariantChange"],"borderless":["onBorderlessChange"],"parentHeightPx":["onParentSizeChange"],"parentWidthPx":["onParentSizeChange"],"size":["onSizeChange"]}]]],["p-4b88c430",[[257,"ix-drawer",{"show":[1028],"closeOnClickOutside":[4,"close-on-click-outside"],"fullHeight":[4,"full-height"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"],"width":[8],"ariaLabelCloseButton":[1,"aria-label-close-button"],"showContent":[32],"toggleDrawer":[64]},null,{"show":["onShowChanged"]}]]],["p-fd84048a",[[257,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"fullWidth":[4,"full-width"],"variant":[1],"ariaLabelSearchIconButton":[1,"aria-label-search-icon-button"],"ariaLabelClearIconButton":[1,"aria-label-clear-icon-button"],"ariaLabelSearchInput":[1,"aria-label-search-input"],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-888c45dd",[[257,"ix-flip-tile",{"variant":[1],"height":[8],"width":[8],"index":[2],"ariaLabelEyeIconButton":[1,"aria-label-eye-icon-button"],"isFlipAnimationActive":[32],"hasFooterSlot":[32]},null,{"index":["watchIndex"]}]]],["p-42a70164",[[257,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-96a20067",[[257,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"background":[1],"pillColor":[1,"pill-color"],"alignLeft":[4,"align-left"],"tooltipText":[8,"tooltip-text"],"iconOnly":[32]}]]],["p-6fc6d20a",[[257,"ix-progress-indicator",{"type":[1],"size":[1],"value":[2],"min":[2],"max":[2],"status":[1],"label":[1],"helperText":[1,"helper-text"],"textAlignment":[1,"text-alignment"],"showTextAsTooltip":[4,"show-text-as-tooltip"]}]]],["p-d6b9e253",[[257,"ix-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"marker":[16],"trace":[4],"traceReference":[2,"trace-reference"],"disabled":[4],"error":[8],"rangeInput":[32],"rangeMin":[32],"rangeMax":[32],"rangeTraceReference":[32],"showTooltip":[32]},null,{"showTooltip":["onShowTooltipChange"],"value":["updateRangeVariables"],"max":["updateRangeVariables"],"min":["updateRangeVariables"],"traceReference":["updateRangeVariables"]}]]],["p-404dffde",[[257,"ix-upload",{"accept":[1],"multiple":[4],"multiline":[4],"disabled":[4],"state":[1],"selectFileText":[1,"select-file-text"],"loadingText":[1,"loading-text"],"uploadFailedText":[1,"upload-failed-text"],"uploadSuccessText":[1,"upload-success-text"],"i18nUploadFile":[1,"i18n-upload-file"],"i18nUploadDisabled":[1,"i18n-upload-disabled"],"isFileOver":[32],"setFilesToUpload":[64]}]]],["p-b9eafd64",[[257,"ix-blind",{"collapsed":[1540],"label":[1],"sublabel":[1],"icon":[1],"variant":[1]},null,{"collapsed":["animation"]}]]],["p-d3c355c7",[[321,"ix-checkbox",{"name":[513],"value":[513],"label":[1],"checked":[1540],"disabled":[516],"indeterminate":[516],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64],"isTouched":[64]},null,{"checked":["onCheckedChange"],"value":["onValueChange"]}]]],["p-d9452ff9",[[257,"ix-dropdown-header",{"label":[1]}]]],["p-5140e6e6",[[257,"ix-helper-text",{"htmlFor":[1,"html-for"],"helperText":[1,"helper-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validationResults":[32]}]]],["p-6a39d630",[[257,"ix-icon-toggle-button",{"variant":[1],"outline":[4],"ghost":[4],"icon":[1],"oval":[4],"pressed":[4],"size":[1],"disabled":[516],"loading":[4],"ariaLabelIconButton":[1,"aria-label-icon-button"]}]]],["p-6c873cc5",[[257,"ix-modal-loading"]]],["p-c4b230cd",[[321,"ix-radio",{"name":[513],"value":[513],"label":[1],"disabled":[4],"checked":[1540],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64]},null,{"checked":["onCheckedChange"],"value":["onValueChange"]}]]],["p-b11b63ca",[[321,"ix-toggle",{"name":[513],"value":[513],"checked":[1540],"disabled":[4],"indeterminate":[1540],"textOn":[1,"text-on"],"textOff":[1,"text-off"],"textIndeterminate":[1,"text-indeterminate"],"hideText":[4,"hide-text"],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64],"isTouched":[64]},null,{"checked":["watchCheckedChange"]}]]],["p-548c2a30",[[257,"ix-toggle-button",{"variant":[1],"disabled":[516],"loading":[4],"icon":[1],"iconRight":[1,"icon-right"],"pressed":[4],"ariaLabelButton":[1,"aria-label-button"]}]]],["p-eba51393",[[257,"ix-tree",{"root":[1],"model":[16],"renderItem":[16,"render-item"],"context":[1040],"toggleOnItemClick":[4,"toggle-on-item-click"],"markItemsAsDirty":[64],"refreshTree":[64]},[[0,"toggle","onToggle"]],{"model":["onModelChange"]}]]],["p-7d95ae34",[[257,"ix-application",{"theme":[1],"themeSystemAppearance":[4,"theme-system-appearance"],"forceBreakpoint":[1,"force-breakpoint"],"breakpoints":[16],"appSwitchConfig":[16,"app-switch-config"],"breakpoint":[32],"applicationSidebarSlotted":[32]},null,{"breakpoints":["onBreakpointsChange"],"theme":["changeTheme"],"themeSystemAppearance":["changeTheme"],"appSwitchConfig":["onApplicationSidebarChange"],"applicationSidebarSlotted":["onApplicationSidebarChange"]}]]],["p-818aadd7",[[257,"ix-application-sidebar",{"visible":[32]},[[8,"application-sidebar-toggle","listenToggleEvent"]]]]],["p-4a90e7ea",[[257,"ix-content",{"isContentHeaderSlotted":[32]}]]],["p-10c44788",[[257,"ix-css-grid",{"templates":[16],"currentTemplate":[32]}]]],["p-c733fea2",[[257,"ix-css-grid-item",{"itemName":[1,"item-name"]}]]],["p-4756bbdb",[[257,"ix-dropdown-quick-actions"]]],["p-d0d972c2",[[257,"ix-event-list",{"itemHeight":[8,"item-height"],"compact":[4],"animated":[4],"chevron":[4]},null,{"chevron":["watchChevron"]}]]],["p-3c99cfa5",[[257,"ix-event-list-item",{"variant":[1],"itemColor":[1,"item-color"],"selected":[4],"disabled":[4],"chevron":[4]},[[1,"click","handleItemClick"]]]]],["p-3d8e0616",[[257,"ix-flip-tile-content",{"contentVisible":[4,"content-visible"]}]]],["p-f55eef69",[[257,"ix-input-group",{"disabled":[32],"inputPaddingLeft":[32],"inputPaddingRight":[32]}]]],["p-5c109476",[[257,"ix-key-value",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"label":[1],"labelPosition":[1,"label-position"],"value":[1]}]]],["p-9bd4c682",[[257,"ix-key-value-list",{"striped":[4]}]]],["p-14fca48a",[[257,"ix-kpi",{"label":[1],"ariaLabelAlarmIcon":[1,"aria-label-alarm-icon"],"ariaLabelWarningIcon":[1,"aria-label-warning-icon"],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-c446ffdb",[[257,"ix-layout-auto",{"layout":[16]},null,{"layout":["updateMediaQueryList"]}]]],["p-0469aec7",[[257,"ix-link-button",{"disabled":[4],"url":[1],"target":[1]}]]],["p-90089ce1",[[257,"ix-menu-about-item",{"label":[513]},null,{"label":["watchLabel"]}]]],["p-30545ef9",[[257,"ix-menu-settings-item",{"label":[513]},null,{"label":["watchLabel"]}]]],["p-27f1d6c9",[[257,"ix-modal",{"size":[1],"animation":[4],"backdrop":[4],"closeOnBackdropClick":[4,"close-on-backdrop-click"],"beforeDismiss":[16,"before-dismiss"],"centered":[4],"closeOnEscape":[4,"close-on-escape"],"modalVisible":[32],"showModal":[64],"dismissModal":[64],"closeModal":[64]}]]],["p-8e48a7a1",[[257,"ix-modal-footer"]]],["p-b6dad40c",[[257,"ix-pane-layout",{"layout":[1],"variant":[1],"borderless":[4],"isMobile":[32],"paneElements":[32]},[[0,"slotChanged","onSlotChanged"],[0,"hideOnCollapseChanged","onCollapsibleChanged"],[0,"variantChanged","onVariantChanged"]],{"paneElements":["onPaneElementsChange"],"variant":["onVariableChange"],"borderless":["onBorderChange"],"layout":["onLayoutChange"],"isMobile":["onMobileChange"]}]]],["p-fb6dfe07",[[257,"ix-tile",{"size":[1],"hasHeaderSlot":[32],"hasFooterSlot":[32]}]]],["p-5bed04ac",[[257,"ix-validation-tooltip",{"message":[1],"placement":[1],"suppressAutomaticPlacement":[4,"suppress-automatic-placement"],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]},null,{"isInputValid":["validationChanged"]}]]],["p-f112fabd",[[257,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[4],"position":[1],"iconName":[32],"iconColor":[32]},null,{"selected":["selectedHandler"],"disabled":["watchPropHandler"],"status":["watchPropHandler"]}]]],["p-81c8d542",[[257,"ix-workflow-steps",{"vertical":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]},[[0,"selectedChanged","onStepSelectionChanged"]]]]],["p-f55c3bed",[[257,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}],[257,"ix-tabs",{"small":[4],"rounded":[4],"selected":[1026],"layout":[1],"placement":[1],"ariaLabelChevronLeftIconButton":[1,"aria-label-chevron-left-icon-button"],"ariaLabelChevronRightIconButton":[1,"aria-label-chevron-right-icon-button"],"totalItems":[32],"currentScrollAmount":[32],"scrollAmount":[32],"scrollActionAmount":[32],"showArrowPrevious":[32],"showArrowNext":[32]},[[9,"resize","onWindowResize"],[0,"tabClick","onTabClick"]],{"selected":["onSelectedChange"]}]]],["p-19c2cb50",[[257,"ix-icon-button",{"a11yLabel":[1,"a11y-label"],"variant":[1],"oval":[4],"icon":[1],"size":[1],"iconColor":[1,"icon-color"],"disabled":[4],"type":[1],"loading":[4]}],[257,"ix-spinner",{"variant":[1],"size":[1],"hideTrack":[4,"hide-track"]}]]],["p-450ab7cb",[[257,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"items":[32]},null,{"activeTabLabel":["updateTab"]}]]],["p-223c9d79",[[321,"ix-select",{"name":[513],"required":[516],"label":[1],"ariaLabelChevronDownIconButton":[1,"aria-label-chevron-down-icon-button"],"ariaLabelClearIconButton":[1,"aria-label-clear-icon-button"],"warningText":[1,"warning-text"],"infoText":[1,"info-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"helperText":[1,"helper-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"value":[1025],"allowClear":[4,"allow-clear"],"mode":[1],"editable":[4],"disabled":[4],"readonly":[4],"i18nPlaceholder":[1,"i18n-placeholder"],"i18nPlaceholderEditable":[1,"i18n-placeholder-editable"],"i18nSelectListHeader":[1,"i18n-select-list-header"],"i18nNoMatches":[1,"i18n-no-matches"],"hideListHeader":[4,"hide-list-header"],"dropdownWidth":[1,"dropdown-width"],"dropdownMaxWidth":[1,"dropdown-max-width"],"dropdownShow":[32],"selectedLabels":[32],"isDropdownEmpty":[32],"navigationItem":[32],"inputFilterText":[32],"inputValue":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},[[0,"itemClick","onItemClicked"],[0,"ix-select-item:valueChange","onLabelChange"],[0,"ix-select-item:labelChange","onLabelChange"]],{"value":["watchValue"],"dropdownShow":["watchDropdownShow"]}]]],["p-ec8f67b0",[[257,"ix-toast",{"type":[1],"toastTitle":[1,"toast-title"],"autoCloseDelay":[2,"auto-close-delay"],"autoClose":[4,"auto-close"],"icon":[1],"iconColor":[1,"icon-color"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"progress":[32],"touched":[32],"paused":[32],"pause":[64],"resume":[64],"isPaused":[64]}]]],["p-746b04cb",[[257,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"color":[1],"iconColor":[1,"icon-color"]}]]],["p-99ad8022",[[257,"ix-breadcrumb-item",{"ariaLabelButton":[1,"aria-label-button"],"label":[1],"icon":[1],"href":[1],"target":[1],"rel":[1],"ghost":[4],"visible":[4],"showChevron":[4,"show-chevron"],"isDropdownTrigger":[4,"is-dropdown-trigger"],"a11y":[32]}]]],["p-8eee6a03",[[257,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16],"ariaLabelChevronIcon":[1,"aria-label-chevron-icon"]}]]],["p-95d4d849",[[257,"ix-menu-expand-icon",{"ixAriaLabel":[1,"ix-aria-label"],"expanded":[516],"breakpoint":[513],"pinned":[4]}]]],["p-48b0fef4",[[257,"ix-typography",{"format":[1],"textColor":[1,"text-color"],"bold":[4],"textDecoration":[1,"text-decoration"]}]]],["p-7a108b0d",[[257,"ix-avatar",{"a11yLabel":[1,"a11y-label"],"image":[1],"initials":[1],"username":[1],"extra":[1],"tooltipText":[1,"tooltip-text"],"ariaLabelTooltip":[1,"aria-label-tooltip"],"isClosestApplicationHeader":[32],"hasSlottedElements":[32]}],[257,"ix-menu-avatar-item",{"icon":[1],"label":[1],"getDropdownItemElement":[64]}]]],["p-8dcc6456",[[257,"ix-application-header",{"name":[1],"nameSuffix":[1,"name-suffix"],"companyLogo":[1,"company-logo"],"companyLogoAlt":[1,"company-logo-alt"],"appIcon":[1,"app-icon"],"appIconAlt":[1,"app-icon-alt"],"appIconOutline":[4,"app-icon-outline"],"hideBottomBorder":[4,"hide-bottom-border"],"showMenu":[1028,"show-menu"],"ariaLabelMenuExpandIconButton":[1,"aria-label-menu-expand-icon-button"],"ariaLabelAppSwitchIconButton":[1,"aria-label-app-switch-icon-button"],"ariaLabelMoreMenuIconButton":[1,"aria-label-more-menu-icon-button"],"breakpoint":[32],"menuExpanded":[32],"suppressResponsive":[32],"hasSlottedLogo":[32],"hasOverflowContextMenu":[32],"hasSecondarySlotElements":[32],"hasDefaultSlotElements":[32],"hasOverflowSlotElements":[32],"applicationLayoutContext":[32]},null,{"applicationLayoutContext":["watchApplicationLayoutContext"],"suppressResponsive":["watchSuppressResponsive"]}]]],["p-7989235e",[[257,"ix-time-picker",{"format":[1],"corners":[1],"standaloneAppearance":[4,"standalone-appearance"],"dateTimePickerAppearance":[4,"date-time-picker-appearance"],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"hideHeader":[4,"hide-header"],"hourInterval":[1026,"hour-interval"],"minuteInterval":[1026,"minute-interval"],"secondInterval":[1026,"second-interval"],"millisecondInterval":[1026,"millisecond-interval"],"time":[1],"timeReference":[1,"time-reference"],"textSelectTime":[1,"text-select-time"],"i18nConfirmTime":[1,"i18n-confirm-time"],"textTime":[1,"text-time"],"i18nHeader":[1,"i18n-header"],"i18nHourColumnHeader":[1,"i18n-column-header"],"i18nMinuteColumnHeader":[1,"i18n-minute-column-header"],"i18nSecondColumnHeader":[1,"i18n-second-column-header"],"i18nMillisecondColumnHeader":[1,"i18n-millisecond-column-header"],"_time":[32],"timeRef":[32],"formattedTime":[32],"timePickerDescriptors":[32],"isUnitFocused":[32],"focusedUnit":[32],"focusedValue":[32],"getCurrentTime":[64]},null,{"format":["watchFormatIntervalPropHandler"],"hourInterval":["watchHourIntervalPropHandler"],"minuteInterval":["watchMinuteIntervalPropHandler"],"secondInterval":["watchSecondIntervalPropHandler"],"millisecondInterval":["watchMillisecondIntervalPropHandler"],"time":["watchTimePropHandler"],"_time":["onTimeChange"]}]]],["p-f29eaee8",[[257,"ix-modal-header",{"hideClose":[4,"hide-close"],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"iconColor":[1,"icon-color"]},null,{"icon":["onIconChange"]}],[257,"ix-modal-content"]]],["p-5f72640f",[[257,"ix-group-context-menu",{"showContextMenu":[32]}],[257,"ix-group-item",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"text":[1],"secondaryText":[1,"secondary-text"],"suppressSelection":[4,"suppress-selection"],"selected":[4],"focusable":[4],"index":[2]},[[1,"click","clickListen"]]]]],["p-52dc3ba0",[[257,"ix-menu-item",{"label":[1],"home":[4],"bottom":[4],"icon":[1025],"notifications":[2],"active":[4],"disabled":[4],"tooltipText":[1,"tooltip-text"],"href":[1],"target":[1],"rel":[1],"isCategory":[4,"is-category"],"tooltip":[32],"ariaHiddenTooltip":[32],"menuExpanded":[32]},null,{"icon":["onIconChange"]}]]],["p-71a42502",[[257,"ix-card-accordion",{"ariaLabelExpandButton":[1,"aria-label-expand-button"],"collapse":[4],"variant":[1],"expandContent":[32]},null,{"collapse":["onInitialExpandChange"]}],[257,"ix-card-title"]]],["p-89d7e13e",[[257,"ix-divider"]]],["p-b59285eb",[[257,"ix-select-item",{"label":[513],"value":[513],"selected":[4],"hover":[4],"getDropdownItemElement":[64],"onItemClick":[64]},null,{"value":["onValueChange"],"label":["labelChange"]}],[257,"ix-filter-chip",{"disabled":[4],"readonly":[4],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"]}]]],["p-2ab42b09",[[257,"ix-card",{"variant":[1],"selected":[4]}],[257,"ix-card-content"]]],["p-53e82da9",[[257,"ix-date-time-card",{"standaloneAppearance":[4,"standalone-appearance"],"timePickerAppearance":[4,"time-picker-appearance"],"hideHeader":[4,"hide-header"],"hasFooter":[4,"has-footer"],"individual":[4],"corners":[1]}]]],["p-6c4abdde",[[257,"ix-dropdown-item",{"label":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelButton":[1,"aria-label-button"],"hover":[4],"disabled":[4],"checked":[4],"isSubMenu":[4,"is-sub-menu"],"suppressChecked":[4,"suppress-checked"],"emitItemClick":[64],"getDropdownItemElement":[64]}]]],["p-14a266d5",[[257,"ix-button",{"ariaLabelButton":[1,"aria-label-button"],"variant":[1],"disabled":[516],"type":[1],"loading":[4],"form":[1],"icon":[1],"iconRight":[1,"icon-right"],"alignment":[1],"iconSize":[1,"icon-size"],"href":[1],"target":[1],"rel":[1]},[[2,"click","handleClick"]],{"form":["handleFormChange"]}]]],["p-ddaf98b6",[[257,"ix-dropdown",{"suppressAutomaticPlacement":[4,"suppress-automatic-placement"],"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"header":[1],"offset":[16],"overwriteDropdownStyle":[16,"overwrite-dropdown-style"],"discoverAllSubmenus":[4,"discover-all-submenus"],"ignoreRelatedSubmenu":[4,"ignore-related-submenu"],"suppressOverflowBehavior":[4,"suppress-overflow-behavior"],"discoverSubmenu":[64],"updatePosition":[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"]],{"show":["changedShow"],"trigger":["changedTrigger"]}]]],["p-78ddd5f5",[[257,"ix-col",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"]},[[9,"resize","onResize"]]],[257,"ix-layout-grid",{"noMargin":[4,"no-margin"],"gap":[1],"columns":[2]}],[257,"ix-row"],[257,"ix-date-picker",{"format":[1],"range":[4],"corners":[1],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"i18nDone":[1,"i18n-done"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"weekStartIndex":[2,"week-start-index"],"locale":[1],"showWeekNumbers":[4,"show-week-numbers"],"standaloneAppearance":[4,"standalone-appearance"],"today":[1],"currFromDate":[32],"currToDate":[32],"selectedYear":[32],"tempYear":[32],"startYear":[32],"endYear":[32],"selectedMonth":[32],"tempMonth":[32],"dayNames":[32],"monthNames":[32],"focusedDay":[32],"getCurrentDate":[64]},null,{"from":["watchFromPropHandler"],"to":["watchToPropHandler"],"locale":["onLocaleChange"]}]]],["p-740420eb",[[257,"ix-tooltip",{"for":[1],"titleContent":[1,"title-content"],"interactive":[4],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"animationFrame":[4,"animation-frame"],"visible":[32],"showTooltip":[64],"hideTooltip":[64]}]]],["p-8ec9e08d",[[257,"ix-field-wrapper",{"helperText":[1,"helper-text"],"label":[1],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"isInvalid":[4,"is-invalid"],"isValid":[4,"is-valid"],"isInfo":[4,"is-info"],"isWarning":[4,"is-warning"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"required":[4],"htmlForLabel":[1,"html-for-label"],"controlRef":[16,"control-ref"]}],[257,"ix-field-label",{"required":[1540],"htmlFor":[513,"html-for"],"controlRef":[16,"control-ref"],"isInvalid":[1028,"is-invalid"]},null,{"htmlFor":["registerHtmlForObserver"],"controlRef":["registerControlRefObserver"]}]]]]'),e)}));
1
+ import{p as e,b as a}from"./p-DGODjp4O.js";export{s as setNonce}from"./p-DGODjp4O.js";import{g as t}from"./p-CGyISn-0.js";import"./p-DErtoAo0.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await t();return a(JSON.parse('[["p-6d8e725c",[[257,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"from":[1],"to":[1],"time":[1],"showTimeReference":[4,"show-time-reference"],"timeReference":[1,"time-reference"],"i18nDone":[1,"i18n-done"],"i18nTime":[1,"i18n-time"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"weekStartIndex":[2,"week-start-index"],"locale":[1],"showWeekNumbers":[4,"show-week-numbers"]}]]],["p-71550396",[[257,"ix-pagination",{"advanced":[4],"itemCount":[2,"item-count"],"showItemCount":[4,"show-item-count"],"count":[2],"selectedPage":[1026,"selected-page"],"i18nPage":[1,"i18n-page"],"i18nOf":[1,"i18n-of"],"i18nItems":[1,"i18n-items"],"ariaLabelChevronLeftIconButton":[1,"aria-label-chevron-left-icon-button"],"ariaLabelChevronRightIconButton":[1,"aria-label-chevron-right-icon-button"]}]]],["p-2d3f7bb5",[[257,"ix-date-dropdown",{"disabled":[4],"format":[1],"range":[4],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateRangeId":[1,"date-range-id"],"variant":[1],"loading":[4],"showWeekNumbers":[4,"show-week-numbers"],"ariaLabelDropdownButton":[1,"aria-label-dropdown-button"],"customRangeAllowed":[4,"custom-range-allowed"],"dateRangeOptions":[16,"date-range-options"],"locale":[1],"weekStartIndex":[2,"week-start-index"],"i18nCustomItem":[1,"i18n-custom-item"],"i18nDone":[1,"i18n-done"],"i18nNoRange":[1,"i18n-no-range"],"today":[1],"selectedDateRangeId":[32],"currentRangeValue":[32],"getDateRange":[64]},null,{"dateRangeId":["onDateRangeIdChange"],"to":["onDateRangeIdChange"],"from":["onDateRangeIdChange"],"dateRangeOptions":["onDateRangeOptionsChange"],"disabled":["onDisabledChange"]}]]],["p-53e9e280",[[321,"ix-date-input",{"name":[513],"placeholder":[513],"value":[1537],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"locale":[1],"format":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"ariaLabelCalendarButton":[1,"aria-label-calendar-button"],"invalidText":[513,"invalid-text"],"readonly":[4],"disabled":[4],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"i18nErrorDateUnparsable":[1,"i18n-error-date-unparsable"],"showWeekNumbers":[4,"show-week-numbers"],"weekStartIndex":[2,"week-start-index"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"show":[32],"from":[32],"isInputInvalid":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"focus":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getValidityState":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},null,{"value":["watchValuePropHandler","watchValue"],"isInputInvalid":["onInputValidationChange"]}]]],["p-9d7a2428",[[321,"ix-time-input",{"name":[513],"placeholder":[513],"value":[1537],"format":[1],"required":[4],"helperText":[1,"helper-text"],"label":[1],"invalidText":[513,"invalid-text"],"readonly":[4],"disabled":[4],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"i18nErrorTimeUnparsable":[1,"i18n-error-time-unparsable"],"hourInterval":[2,"hour-interval"],"minuteInterval":[2,"minute-interval"],"secondInterval":[2,"second-interval"],"millisecondInterval":[2,"millisecond-interval"],"i18nSelectTime":[1,"i18n-select-time"],"i18nTime":[1,"i18n-time"],"i18nHourColumnHeader":[1,"i18n-hour-column-header"],"i18nMinuteColumnHeader":[1,"i18n-minute-column-header"],"i18nSecondColumnHeader":[1,"i18n-second-column-header"],"i18nMillisecondColumnHeader":[1,"i18n-millisecond-column-header"],"hideHeader":[4,"hide-header"],"show":[32],"time":[32],"isInputInvalid":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"focus":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getValidityState":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},null,{"value":["watchValuePropHandler","watchValue"],"isInputInvalid":["onInputValidationChange"]}]]],["p-3522b3af",[[257,"ix-menu-avatar",{"top":[1],"bottom":[1],"image":[1],"initials":[1],"i18nLogout":[1,"i18n-logout"],"showLogoutButton":[4,"show-logout-button"],"showContextMenu":[32]}]]],["p-71e94914",[[257,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"ariaLabelContextIconButton":[1,"aria-label-context-icon-button"],"isSidebarOpen":[32],"hasContentHeader":[32],"toggleSidebar":[64],"openOverlay":[64],"closeOverlay":[64]}]]],["p-bd369344",[[257,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"],"forceBreakpoint":[1,"force-breakpoint"],"breakpoints":[16],"breakpoint":[32]},null,{"hideHeader":["onHideHeaderChange"],"breakpoints":["onBreakpointsChange"]}]]],["p-8c612656",[[257,"ix-card-list",{"ariaLabelExpandButton":[1,"aria-label-expand-button"],"label":[1],"collapse":[1028],"listStyle":[1,"list-style"],"maxVisibleCards":[2,"max-visible-cards"],"showAllCount":[2,"show-all-count"],"suppressOverflowHandling":[4,"suppress-overflow-handling"],"hideShowAll":[4,"hide-show-all"],"i18nShowAll":[1,"i18n-show-all"],"i18nMoreCards":[1,"i18n-more-cards"],"hasOverflowingElements":[32],"numberOfOverflowingElements":[32],"numberOfAllChildElements":[32],"leftScrollDistance":[32],"rightScrollDistance":[32]},[[9,"resize","detectOverflow"]]]]],["p-b6d9c16c",[[321,"ix-input",{"type":[1],"name":[513],"placeholder":[513],"value":[1537],"required":[516],"disabled":[516],"readonly":[516],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"pattern":[1],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"allowedCharactersPattern":[1,"allowed-characters-pattern"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"inputType":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"getValidityState":[64],"focusInput":[64],"isTouched":[64]},null,{"type":["updateInputType"]}]]],["p-02621eb8",[[257,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"i18nExpandSidebar":[1,"i18n-expand-sidebar"],"expand":[1540],"startExpanded":[4,"start-expanded"],"pinned":[4],"i18nLegal":[1,"i18n-legal"],"i18nSettings":[1,"i18n-settings"],"i18nToggleTheme":[1,"i18n-toggle-theme"],"i18nExpand":[1,"i18n-expand"],"i18nCollapse":[1,"i18n-collapse"],"showPinned":[32],"mapExpand":[32],"breakpoint":[32],"itemsScrollShadowTop":[32],"itemsScrollShadowBottom":[32],"applicationLayoutContext":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","handleOverflowIndicator"],[0,"close","onOverlayClose"]],{"pinned":["pinnedChange"]}]]],["p-90bd8d7b",[[257,"ix-menu-category",{"label":[1],"icon":[1],"notifications":[2],"tooltipText":[1,"tooltip-text"],"menuExpand":[32],"showItems":[32],"showDropdown":[32],"nestedItems":[32]},[[8,"closeOtherCategories","onPointerLeave"]]]]],["p-f6d678a6",[[321,"ix-number-input",{"name":[513],"placeholder":[513],"value":[1538],"required":[516],"disabled":[4],"readonly":[4],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"pattern":[1],"min":[8],"max":[8],"allowedCharactersPattern":[1,"allowed-characters-pattern"],"showStepperButtons":[4,"show-stepper-buttons"],"step":[8],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]}]]],["p-dc5b5c0c",[[257,"ix-application-switch-modal",{"config":[16]}]]],["p-c8cf26c5",[[257,"ix-push-card",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"notification":[1],"heading":[1],"subheading":[1],"variant":[1],"collapse":[4]}]]],["p-2d9b7dbd",[[257,"ix-breadcrumb",{"visibleItemCount":[2,"visible-item-count"],"nextItems":[16,"next-items"],"ghost":[4],"ariaLabelPreviousButton":[1,"aria-label-previous-button"],"items":[32],"isPreviousDropdownExpanded":[32]},null,{"nextItems":["onNextItemsChange"]}]]],["p-9638c57b",[[257,"ix-category-filter",{"disabled":[4],"readonly":[4],"filterState":[16,"filter-state"],"placeholder":[1],"categories":[16],"nonSelectableCategories":[16,"non-selectable-categories"],"suggestions":[16],"icon":[1],"hideIcon":[4,"hide-icon"],"staticOperator":[1,"static-operator"],"repeatCategories":[4,"repeat-categories"],"tmpDisableScrollIntoView":[4,"tmp-disable-scroll-into-view"],"labelCategories":[1,"label-categories"],"i18nPlainText":[1,"i18n-plain-text"],"ariaLabelResetButton":[1,"aria-label-reset-button"],"ariaLabelOperatorButton":[1,"aria-label-operator-button"],"ariaLabelFilterInput":[1,"aria-label-filter-input"],"showDropdown":[32],"hasFocus":[32],"categoryLogicalOperator":[32],"inputValue":[32],"category":[32],"filterTokens":[32]},null,{"filterState":["watchFilterState"]}]]],["p-6aa45e1e",[[257,"ix-checkbox-group",{"helperText":[1,"helper-text"],"label":[1],"direction":[1],"invalidText":[1,"invalid-text"],"infoText":[1,"info-text"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"required":[4],"isInvalid":[32],"isInfo":[32],"isValid":[32],"isWarning":[32],"isTouched":[64],"hasValidValue":[64]}]]],["p-2d01c802",[[257,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"chipColor":[1,"chip-color"],"outline":[4],"tooltipText":[8,"tooltip-text"],"centerContent":[4,"center-content"],"ariaLabelCloseButton":[1,"aria-label-close-button"]}]]],["p-fdf22b8e",[[257,"ix-custom-field",{"required":[4],"label":[1],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32]}]]],["p-729d84eb",[[257,"ix-dropdown-button",{"variant":[1],"disabled":[4],"label":[1],"icon":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"ariaLabelDropdownButton":[1,"aria-label-dropdown-button"],"dropdownShow":[32]}]]],["p-1d0ae43f",[[257,"ix-group",{"suppressHeaderSelection":[4,"suppress-header-selection"],"header":[1],"subHeader":[1,"sub-header"],"collapsed":[1540],"selected":[1540],"index":[1538],"expandOnHeaderClick":[4,"expand-on-header-click"],"itemSelected":[32],"slotSize":[32],"footerVisible":[32],"showExpandCollapsedIcon":[32],"hasDropdown":[32]},[[0,"selectedChanged","onItemClicked"]],{"selected":["selectedChanged"]}]]],["p-31191cc6",[[257,"ix-menu-about",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"items":[32]},null,{"activeTabLabel":["updateTab"]}]]],["p-bb28a2d6",[[257,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i18n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}]]],["p-b8144c96",[[257,"ix-radio-group",{"helperText":[1,"helper-text"],"label":[1],"value":[1],"invalidText":[1,"invalid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validText":[1,"valid-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"direction":[1],"required":[4],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"hasValidValue":[64],"isTouched":[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{"value":["onValueChangeHandler"]}]]],["p-88a812b7",[[257,"ix-split-button",{"variant":[1],"closeBehavior":[8,"close-behavior"],"label":[1],"ariaLabelButton":[1,"aria-label-button"],"icon":[1],"splitIcon":[1,"split-icon"],"ariaLabelSplitIconButton":[1,"aria-label-split-icon-button"],"disabled":[4],"placement":[1],"toggle":[32]}]]],["p-20b5fc48",[[321,"ix-textarea",{"name":[513],"placeholder":[513],"value":[1537],"required":[516],"disabled":[4],"readonly":[4],"helperText":[1,"helper-text"],"infoText":[1,"info-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"validText":[1,"valid-text"],"warningText":[1,"warning-text"],"label":[513],"invalidText":[1,"invalid-text"],"textareaHeight":[1,"textarea-height"],"textareaWidth":[1,"textarea-width"],"textareaRows":[2,"textarea-rows"],"textareaCols":[2,"textarea-cols"],"resizeBehavior":[1,"resize-behavior"],"maxLength":[2,"max-length"],"minLength":[2,"min-length"],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"isInvalidByRequired":[32],"getAssociatedFormElement":[64],"hasValidValue":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},null,{"textareaHeight":["onDimensionPropsChange"],"textareaWidth":["onDimensionPropsChange"],"resizeBehavior":["onResizeBehaviorChange"]}]]],["p-09cce59e",[[257,"ix-toast-container",{"containerId":[1,"container-id"],"containerClass":[1,"container-class"],"position":[1],"showToast":[64]},null,{"position":["onPositionChange"]}]]],["p-1fa5a3e4",[[257,"ix-action-card",{"variant":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"heading":[1],"subheading":[1],"selected":[4],"ariaLabelCard":[1,"aria-label-card"]}]]],["p-11e7e647",[[257,"ix-content-header",{"variant":[1],"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"hasBackButton":[4,"has-back-button"]}]]],["p-fb6b7f35",[[257,"ix-empty-state",{"layout":[1],"icon":[1],"header":[1],"subHeader":[1,"sub-header"],"action":[1],"ariaLabelEmptyStateIcon":[1,"aria-label-empty-state-icon"]}]]],["p-1ca58d8b",[[257,"ix-pane",{"heading":[1],"variant":[1],"hideOnCollapse":[4,"hide-on-collapse"],"size":[1],"borderless":[4],"expanded":[1028],"composition":[1025],"icon":[1],"closeOnClickOutside":[4,"close-on-click-outside"],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCollapseCloseButton":[1,"aria-label-collapse-close-button"],"ignoreLayoutSettings":[4,"ignore-layout-settings"],"isMobile":[1028,"is-mobile"],"expandIcon":[32],"showContent":[32],"minimizeIcon":[32],"floating":[32],"parentWidthPx":[32],"parentHeightPx":[32]},null,{"expanded":["onExpandedChange","onSizeChange"],"isMobile":["onMobileChange"],"composition":["onPositionChange"],"hideOnCollapse":["onHideOnCollapseChange"],"variant":["onVariantChange"],"borderless":["onBorderlessChange"],"parentHeightPx":["onParentSizeChange"],"parentWidthPx":["onParentSizeChange"],"size":["onSizeChange"]}]]],["p-4b88c430",[[257,"ix-drawer",{"show":[1028],"closeOnClickOutside":[4,"close-on-click-outside"],"fullHeight":[4,"full-height"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"],"width":[8],"ariaLabelCloseButton":[1,"aria-label-close-button"],"showContent":[32],"toggleDrawer":[64]},null,{"show":["onShowChanged"]}]]],["p-fd84048a",[[257,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"fullWidth":[4,"full-width"],"variant":[1],"ariaLabelSearchIconButton":[1,"aria-label-search-icon-button"],"ariaLabelClearIconButton":[1,"aria-label-clear-icon-button"],"ariaLabelSearchInput":[1,"aria-label-search-input"],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-888c45dd",[[257,"ix-flip-tile",{"variant":[1],"height":[8],"width":[8],"index":[2],"ariaLabelEyeIconButton":[1,"aria-label-eye-icon-button"],"isFlipAnimationActive":[32],"hasFooterSlot":[32]},null,{"index":["watchIndex"]}]]],["p-42a70164",[[257,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-96a20067",[[257,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"background":[1],"pillColor":[1,"pill-color"],"alignLeft":[4,"align-left"],"tooltipText":[8,"tooltip-text"],"iconOnly":[32]}]]],["p-6fc6d20a",[[257,"ix-progress-indicator",{"type":[1],"size":[1],"value":[2],"min":[2],"max":[2],"status":[1],"label":[1],"helperText":[1,"helper-text"],"textAlignment":[1,"text-alignment"],"showTextAsTooltip":[4,"show-text-as-tooltip"]}]]],["p-d6b9e253",[[257,"ix-slider",{"step":[2],"min":[2],"max":[2],"value":[2],"marker":[16],"trace":[4],"traceReference":[2,"trace-reference"],"disabled":[4],"error":[8],"rangeInput":[32],"rangeMin":[32],"rangeMax":[32],"rangeTraceReference":[32],"showTooltip":[32]},null,{"showTooltip":["onShowTooltipChange"],"value":["updateRangeVariables"],"max":["updateRangeVariables"],"min":["updateRangeVariables"],"traceReference":["updateRangeVariables"]}]]],["p-404dffde",[[257,"ix-upload",{"accept":[1],"multiple":[4],"multiline":[4],"disabled":[4],"state":[1],"selectFileText":[1,"select-file-text"],"loadingText":[1,"loading-text"],"uploadFailedText":[1,"upload-failed-text"],"uploadSuccessText":[1,"upload-success-text"],"i18nUploadFile":[1,"i18n-upload-file"],"i18nUploadDisabled":[1,"i18n-upload-disabled"],"isFileOver":[32],"setFilesToUpload":[64]}]]],["p-b9eafd64",[[257,"ix-blind",{"collapsed":[1540],"label":[1],"sublabel":[1],"icon":[1],"variant":[1]},null,{"collapsed":["animation"]}]]],["p-d3c355c7",[[321,"ix-checkbox",{"name":[513],"value":[513],"label":[1],"checked":[1540],"disabled":[516],"indeterminate":[516],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64],"isTouched":[64]},null,{"checked":["onCheckedChange"],"value":["onValueChange"]}]]],["p-d9452ff9",[[257,"ix-dropdown-header",{"label":[1]}]]],["p-5140e6e6",[[257,"ix-helper-text",{"htmlFor":[1,"html-for"],"helperText":[1,"helper-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"validationResults":[32]}]]],["p-6a39d630",[[257,"ix-icon-toggle-button",{"variant":[1],"outline":[4],"ghost":[4],"icon":[1],"oval":[4],"pressed":[4],"size":[1],"disabled":[516],"loading":[4],"ariaLabelIconButton":[1,"aria-label-icon-button"]}]]],["p-6c873cc5",[[257,"ix-modal-loading"]]],["p-c4b230cd",[[321,"ix-radio",{"name":[513],"value":[513],"label":[1],"disabled":[4],"checked":[1540],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64]},null,{"checked":["onCheckedChange"],"value":["onValueChange"]}]]],["p-b11b63ca",[[321,"ix-toggle",{"name":[513],"value":[513],"checked":[1540],"disabled":[4],"indeterminate":[1540],"textOn":[1,"text-on"],"textOff":[1,"text-off"],"textIndeterminate":[1,"text-indeterminate"],"hideText":[4,"hide-text"],"required":[516],"hasValidValue":[64],"getAssociatedFormElement":[64],"isTouched":[64]},null,{"checked":["watchCheckedChange"]}]]],["p-548c2a30",[[257,"ix-toggle-button",{"variant":[1],"disabled":[516],"loading":[4],"icon":[1],"iconRight":[1,"icon-right"],"pressed":[4],"ariaLabelButton":[1,"aria-label-button"]}]]],["p-eba51393",[[257,"ix-tree",{"root":[1],"model":[16],"renderItem":[16,"render-item"],"context":[1040],"toggleOnItemClick":[4,"toggle-on-item-click"],"markItemsAsDirty":[64],"refreshTree":[64]},[[0,"toggle","onToggle"]],{"model":["onModelChange"]}]]],["p-7d95ae34",[[257,"ix-application",{"theme":[1],"themeSystemAppearance":[4,"theme-system-appearance"],"forceBreakpoint":[1,"force-breakpoint"],"breakpoints":[16],"appSwitchConfig":[16,"app-switch-config"],"breakpoint":[32],"applicationSidebarSlotted":[32]},null,{"breakpoints":["onBreakpointsChange"],"theme":["changeTheme"],"themeSystemAppearance":["changeTheme"],"appSwitchConfig":["onApplicationSidebarChange"],"applicationSidebarSlotted":["onApplicationSidebarChange"]}]]],["p-818aadd7",[[257,"ix-application-sidebar",{"visible":[32]},[[8,"application-sidebar-toggle","listenToggleEvent"]]]]],["p-4a90e7ea",[[257,"ix-content",{"isContentHeaderSlotted":[32]}]]],["p-10c44788",[[257,"ix-css-grid",{"templates":[16],"currentTemplate":[32]}]]],["p-c733fea2",[[257,"ix-css-grid-item",{"itemName":[1,"item-name"]}]]],["p-4756bbdb",[[257,"ix-dropdown-quick-actions"]]],["p-d0d972c2",[[257,"ix-event-list",{"itemHeight":[8,"item-height"],"compact":[4],"animated":[4],"chevron":[4]},null,{"chevron":["watchChevron"]}]]],["p-3c99cfa5",[[257,"ix-event-list-item",{"variant":[1],"itemColor":[1,"item-color"],"selected":[4],"disabled":[4],"chevron":[4]},[[1,"click","handleItemClick"]]]]],["p-3d8e0616",[[257,"ix-flip-tile-content",{"contentVisible":[4,"content-visible"]}]]],["p-f55eef69",[[257,"ix-input-group",{"disabled":[32],"inputPaddingLeft":[32],"inputPaddingRight":[32]}]]],["p-5c109476",[[257,"ix-key-value",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"label":[1],"labelPosition":[1,"label-position"],"value":[1]}]]],["p-9bd4c682",[[257,"ix-key-value-list",{"striped":[4]}]]],["p-14fca48a",[[257,"ix-kpi",{"label":[1],"ariaLabelAlarmIcon":[1,"aria-label-alarm-icon"],"ariaLabelWarningIcon":[1,"aria-label-warning-icon"],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-c446ffdb",[[257,"ix-layout-auto",{"layout":[16]},null,{"layout":["updateMediaQueryList"]}]]],["p-0469aec7",[[257,"ix-link-button",{"disabled":[4],"url":[1],"target":[1]}]]],["p-90089ce1",[[257,"ix-menu-about-item",{"label":[513]},null,{"label":["watchLabel"]}]]],["p-30545ef9",[[257,"ix-menu-settings-item",{"label":[513]},null,{"label":["watchLabel"]}]]],["p-27f1d6c9",[[257,"ix-modal",{"size":[1],"animation":[4],"backdrop":[4],"closeOnBackdropClick":[4,"close-on-backdrop-click"],"beforeDismiss":[16,"before-dismiss"],"centered":[4],"closeOnEscape":[4,"close-on-escape"],"modalVisible":[32],"showModal":[64],"dismissModal":[64],"closeModal":[64]}]]],["p-8e48a7a1",[[257,"ix-modal-footer"]]],["p-b6dad40c",[[257,"ix-pane-layout",{"layout":[1],"variant":[1],"borderless":[4],"isMobile":[32],"paneElements":[32]},[[0,"slotChanged","onSlotChanged"],[0,"hideOnCollapseChanged","onCollapsibleChanged"],[0,"variantChanged","onVariantChanged"]],{"paneElements":["onPaneElementsChange"],"variant":["onVariableChange"],"borderless":["onBorderChange"],"layout":["onLayoutChange"],"isMobile":["onMobileChange"]}]]],["p-fb6dfe07",[[257,"ix-tile",{"size":[1],"hasHeaderSlot":[32],"hasFooterSlot":[32]}]]],["p-5bed04ac",[[257,"ix-validation-tooltip",{"message":[1],"placement":[1],"suppressAutomaticPlacement":[4,"suppress-automatic-placement"],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]},null,{"isInputValid":["validationChanged"]}]]],["p-f112fabd",[[257,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[4],"position":[1],"iconName":[32],"iconColor":[32]},null,{"selected":["selectedHandler"],"disabled":["watchPropHandler"],"status":["watchPropHandler"]}]]],["p-81c8d542",[[257,"ix-workflow-steps",{"vertical":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]},[[0,"selectedChanged","onStepSelectionChanged"]]]]],["p-f55c3bed",[[257,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}],[257,"ix-tabs",{"small":[4],"rounded":[4],"selected":[1026],"layout":[1],"placement":[1],"ariaLabelChevronLeftIconButton":[1,"aria-label-chevron-left-icon-button"],"ariaLabelChevronRightIconButton":[1,"aria-label-chevron-right-icon-button"],"totalItems":[32],"currentScrollAmount":[32],"scrollAmount":[32],"scrollActionAmount":[32],"showArrowPrevious":[32],"showArrowNext":[32]},[[9,"resize","onWindowResize"],[0,"tabClick","onTabClick"]],{"selected":["onSelectedChange"]}]]],["p-19c2cb50",[[257,"ix-icon-button",{"a11yLabel":[1,"a11y-label"],"variant":[1],"oval":[4],"icon":[1],"size":[1],"iconColor":[1,"icon-color"],"disabled":[4],"type":[1],"loading":[4]}],[257,"ix-spinner",{"variant":[1],"size":[1],"hideTrack":[4,"hide-track"]}]]],["p-450ab7cb",[[257,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"items":[32]},null,{"activeTabLabel":["updateTab"]}]]],["p-223c9d79",[[321,"ix-select",{"name":[513],"required":[516],"label":[1],"ariaLabelChevronDownIconButton":[1,"aria-label-chevron-down-icon-button"],"ariaLabelClearIconButton":[1,"aria-label-clear-icon-button"],"warningText":[1,"warning-text"],"infoText":[1,"info-text"],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"helperText":[1,"helper-text"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"value":[1025],"allowClear":[4,"allow-clear"],"mode":[1],"editable":[4],"disabled":[4],"readonly":[4],"i18nPlaceholder":[1,"i18n-placeholder"],"i18nPlaceholderEditable":[1,"i18n-placeholder-editable"],"i18nSelectListHeader":[1,"i18n-select-list-header"],"i18nNoMatches":[1,"i18n-no-matches"],"hideListHeader":[4,"hide-list-header"],"dropdownWidth":[1,"dropdown-width"],"dropdownMaxWidth":[1,"dropdown-max-width"],"dropdownShow":[32],"selectedLabels":[32],"isDropdownEmpty":[32],"navigationItem":[32],"inputFilterText":[32],"inputValue":[32],"isInvalid":[32],"isValid":[32],"isInfo":[32],"isWarning":[32],"hasValidValue":[64],"getAssociatedFormElement":[64],"getNativeInputElement":[64],"focusInput":[64],"isTouched":[64]},[[0,"itemClick","onItemClicked"],[0,"ix-select-item:valueChange","onLabelChange"],[0,"ix-select-item:labelChange","onLabelChange"]],{"value":["watchValue"],"dropdownShow":["watchDropdownShow"]}]]],["p-ec8f67b0",[[257,"ix-toast",{"type":[1],"toastTitle":[1,"toast-title"],"autoCloseDelay":[2,"auto-close-delay"],"autoClose":[4,"auto-close"],"icon":[1],"iconColor":[1,"icon-color"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"progress":[32],"touched":[32],"paused":[32],"pause":[64],"resume":[64],"isPaused":[64]}]]],["p-746b04cb",[[257,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"color":[1],"iconColor":[1,"icon-color"]}]]],["p-99ad8022",[[257,"ix-breadcrumb-item",{"ariaLabelButton":[1,"aria-label-button"],"label":[1],"icon":[1],"href":[1],"target":[1],"rel":[1],"ghost":[4],"visible":[4],"showChevron":[4,"show-chevron"],"isDropdownTrigger":[4,"is-dropdown-trigger"],"a11y":[32]}]]],["p-8eee6a03",[[257,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16],"ariaLabelChevronIcon":[1,"aria-label-chevron-icon"]}]]],["p-95d4d849",[[257,"ix-menu-expand-icon",{"ixAriaLabel":[1,"ix-aria-label"],"expanded":[516],"breakpoint":[513],"pinned":[4]}]]],["p-48b0fef4",[[257,"ix-typography",{"format":[1],"textColor":[1,"text-color"],"bold":[4],"textDecoration":[1,"text-decoration"]}]]],["p-7a108b0d",[[257,"ix-avatar",{"a11yLabel":[1,"a11y-label"],"image":[1],"initials":[1],"username":[1],"extra":[1],"tooltipText":[1,"tooltip-text"],"ariaLabelTooltip":[1,"aria-label-tooltip"],"isClosestApplicationHeader":[32],"hasSlottedElements":[32]}],[257,"ix-menu-avatar-item",{"icon":[1],"label":[1],"getDropdownItemElement":[64]}]]],["p-8dcc6456",[[257,"ix-application-header",{"name":[1],"nameSuffix":[1,"name-suffix"],"companyLogo":[1,"company-logo"],"companyLogoAlt":[1,"company-logo-alt"],"appIcon":[1,"app-icon"],"appIconAlt":[1,"app-icon-alt"],"appIconOutline":[4,"app-icon-outline"],"hideBottomBorder":[4,"hide-bottom-border"],"showMenu":[1028,"show-menu"],"ariaLabelMenuExpandIconButton":[1,"aria-label-menu-expand-icon-button"],"ariaLabelAppSwitchIconButton":[1,"aria-label-app-switch-icon-button"],"ariaLabelMoreMenuIconButton":[1,"aria-label-more-menu-icon-button"],"breakpoint":[32],"menuExpanded":[32],"suppressResponsive":[32],"hasSlottedLogo":[32],"hasOverflowContextMenu":[32],"hasSecondarySlotElements":[32],"hasDefaultSlotElements":[32],"hasOverflowSlotElements":[32],"applicationLayoutContext":[32]},null,{"applicationLayoutContext":["watchApplicationLayoutContext"],"suppressResponsive":["watchSuppressResponsive"]}]]],["p-7989235e",[[257,"ix-time-picker",{"format":[1],"corners":[1],"standaloneAppearance":[4,"standalone-appearance"],"dateTimePickerAppearance":[4,"date-time-picker-appearance"],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"hideHeader":[4,"hide-header"],"hourInterval":[1026,"hour-interval"],"minuteInterval":[1026,"minute-interval"],"secondInterval":[1026,"second-interval"],"millisecondInterval":[1026,"millisecond-interval"],"time":[1],"timeReference":[1,"time-reference"],"textSelectTime":[1,"text-select-time"],"i18nConfirmTime":[1,"i18n-confirm-time"],"textTime":[1,"text-time"],"i18nHeader":[1,"i18n-header"],"i18nHourColumnHeader":[1,"i18n-column-header"],"i18nMinuteColumnHeader":[1,"i18n-minute-column-header"],"i18nSecondColumnHeader":[1,"i18n-second-column-header"],"i18nMillisecondColumnHeader":[1,"i18n-millisecond-column-header"],"_time":[32],"timeRef":[32],"formattedTime":[32],"timePickerDescriptors":[32],"isUnitFocused":[32],"focusedUnit":[32],"focusedValue":[32],"getCurrentTime":[64]},null,{"format":["watchFormatIntervalPropHandler"],"hourInterval":["watchHourIntervalPropHandler"],"minuteInterval":["watchMinuteIntervalPropHandler"],"secondInterval":["watchSecondIntervalPropHandler"],"millisecondInterval":["watchMillisecondIntervalPropHandler"],"time":["watchTimePropHandler"],"_time":["onTimeChange"]}]]],["p-f29eaee8",[[257,"ix-modal-header",{"hideClose":[4,"hide-close"],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"],"iconColor":[1,"icon-color"]},null,{"icon":["onIconChange"]}],[257,"ix-modal-content"]]],["p-5f72640f",[[257,"ix-group-context-menu",{"showContextMenu":[32]}],[257,"ix-group-item",{"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"text":[1],"secondaryText":[1,"secondary-text"],"suppressSelection":[4,"suppress-selection"],"selected":[4],"focusable":[4],"index":[2]},[[1,"click","clickListen"]]]]],["p-52dc3ba0",[[257,"ix-menu-item",{"label":[1],"home":[4],"bottom":[4],"icon":[1025],"notifications":[2],"active":[4],"disabled":[4],"tooltipText":[1,"tooltip-text"],"href":[1],"target":[1],"rel":[1],"isCategory":[4,"is-category"],"tooltip":[32],"ariaHiddenTooltip":[32],"menuExpanded":[32]},null,{"icon":["onIconChange"]}]]],["p-71a42502",[[257,"ix-card-accordion",{"ariaLabelExpandButton":[1,"aria-label-expand-button"],"collapse":[4],"variant":[1],"expandContent":[32]},null,{"collapse":["onInitialExpandChange"]}],[257,"ix-card-title"]]],["p-89d7e13e",[[257,"ix-divider"]]],["p-b59285eb",[[257,"ix-select-item",{"label":[513],"value":[513],"selected":[4],"hover":[4],"getDropdownItemElement":[64],"onItemClick":[64]},null,{"value":["onValueChange"],"label":["labelChange"]}],[257,"ix-filter-chip",{"disabled":[4],"readonly":[4],"ariaLabelCloseIconButton":[1,"aria-label-close-icon-button"]}]]],["p-2ab42b09",[[257,"ix-card",{"variant":[1],"selected":[4]}],[257,"ix-card-content"]]],["p-53e82da9",[[257,"ix-date-time-card",{"standaloneAppearance":[4,"standalone-appearance"],"timePickerAppearance":[4,"time-picker-appearance"],"hideHeader":[4,"hide-header"],"hasFooter":[4,"has-footer"],"individual":[4],"corners":[1]}]]],["p-6c4abdde",[[257,"ix-dropdown-item",{"label":[1],"icon":[1],"ariaLabelIcon":[1,"aria-label-icon"],"ariaLabelButton":[1,"aria-label-button"],"hover":[4],"disabled":[4],"checked":[4],"isSubMenu":[4,"is-sub-menu"],"suppressChecked":[4,"suppress-checked"],"emitItemClick":[64],"getDropdownItemElement":[64]}]]],["p-14a266d5",[[257,"ix-button",{"ariaLabelButton":[1,"aria-label-button"],"variant":[1],"disabled":[516],"type":[1],"loading":[4],"form":[1],"icon":[1],"iconRight":[1,"icon-right"],"alignment":[1],"iconSize":[1,"icon-size"],"href":[1],"target":[1],"rel":[1]},[[2,"click","handleClick"]],{"form":["handleFormChange"]}]]],["p-ddaf98b6",[[257,"ix-dropdown",{"suppressAutomaticPlacement":[4,"suppress-automatic-placement"],"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"header":[1],"offset":[16],"overwriteDropdownStyle":[16,"overwrite-dropdown-style"],"discoverAllSubmenus":[4,"discover-all-submenus"],"ignoreRelatedSubmenu":[4,"ignore-related-submenu"],"suppressOverflowBehavior":[4,"suppress-overflow-behavior"],"discoverSubmenu":[64],"updatePosition":[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"]],{"show":["changedShow"],"trigger":["changedTrigger"]}]]],["p-78ddd5f5",[[257,"ix-col",{"size":[1],"sizeSm":[1,"size-sm"],"sizeMd":[1,"size-md"],"sizeLg":[1,"size-lg"]},[[9,"resize","onResize"]]],[257,"ix-layout-grid",{"noMargin":[4,"no-margin"],"gap":[1],"columns":[2]}],[257,"ix-row"],[257,"ix-date-picker",{"format":[1],"range":[4],"corners":[1],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"i18nDone":[1,"i18n-done"],"ariaLabelPreviousMonthButton":[1,"aria-label-previous-month-button"],"ariaLabelNextMonthButton":[1,"aria-label-next-month-button"],"weekStartIndex":[2,"week-start-index"],"locale":[1],"showWeekNumbers":[4,"show-week-numbers"],"standaloneAppearance":[4,"standalone-appearance"],"today":[1],"currFromDate":[32],"currToDate":[32],"selectedYear":[32],"tempYear":[32],"startYear":[32],"endYear":[32],"selectedMonth":[32],"tempMonth":[32],"dayNames":[32],"monthNames":[32],"focusedDay":[32],"getCurrentDate":[64]},null,{"from":["watchFromPropHandler"],"to":["watchToPropHandler"],"locale":["onLocaleChange"]}]]],["p-740420eb",[[257,"ix-tooltip",{"for":[1],"titleContent":[1,"title-content"],"interactive":[4],"placement":[1],"showDelay":[2,"show-delay"],"hideDelay":[2,"hide-delay"],"animationFrame":[4,"animation-frame"],"visible":[32],"showTooltip":[64],"hideTooltip":[64]}]]],["p-8ec9e08d",[[257,"ix-field-wrapper",{"helperText":[1,"helper-text"],"label":[1],"invalidText":[1,"invalid-text"],"validText":[1,"valid-text"],"infoText":[1,"info-text"],"warningText":[1,"warning-text"],"isInvalid":[4,"is-invalid"],"isValid":[4,"is-valid"],"isInfo":[4,"is-info"],"isWarning":[4,"is-warning"],"showTextAsTooltip":[4,"show-text-as-tooltip"],"required":[4],"htmlForLabel":[1,"html-for-label"],"controlRef":[16,"control-ref"]}],[257,"ix-field-label",{"required":[1540],"htmlFor":[513,"html-for"],"controlRef":[16,"control-ref"],"isInvalid":[1028,"is-invalid"]},null,{"htmlFor":["registerHtmlForObserver"],"controlRef":["registerControlRefObserver"]}]]]]'),e)}));
2
2
  //# sourceMappingURL=siemens-ix.esm.js.map
package/dist/types/components/input/input.fc.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { FunctionalComponent } from '../../stencil-public-runtime';
2
- import { MakeRef } from '../utils/make-ref';
3
2
  import { A11yAttributes } from '../utils/a11y';
3
+ import { MakeRef } from '../utils/make-ref';
4
4
  export declare function TextareaElement(props: Readonly<{
5
5
  resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';
6
6
  textareaHeight?: string;
package/dist/types/components/input/textarea.d.ts CHANGED
@@ -107,8 +107,17 @@ export declare class Textarea implements IxInputFieldComponent<string> {
107
107
  isInvalidByRequired: boolean;
108
108
  private readonly textAreaRef;
109
109
  private touched;
110
+ private resizeObserver?;
111
+ private isManuallyResized;
112
+ private manualHeight?;
113
+ private manualWidth?;
114
+ private isProgrammaticResize;
110
115
  updateClassMappings(result: ValidationResults): void;
116
+ onDimensionPropsChange(): void;
117
+ onResizeBehaviorChange(): void;
111
118
  componentWillLoad(): void;
119
+ disconnectedCallback(): void;
120
+ private initResizeObserver;
112
121
  updateFormInternalValue(value: string): void;
113
122
  /** @internal */
114
123
  getAssociatedFormElement(): Promise<HTMLFormElement | null>;