@siemens/ix 0.0.0-pr-1974-20250627115746 → 0.0.0-pr-2015-20250716160704

package/dist/siemens-ix/p-_tyNUrlp.js

@@ -1,2 +0,0 @@
-import{h as n}from"./p-DJsXFBNm.js";const t=n=>n.toUpperCase()==="Danger".toUpperCase();const e=n=>n.toUpperCase()==="Primary".toUpperCase();const s=n=>n.toUpperCase()==="Secondary".toUpperCase();const i=(n,i,l,r=false,a=false,o,c)=>({btn:true,"btn-danger":t(n)&&!i&&!l,"btn-outline-danger":t(n)&&i&&!l,"btn-invisible-danger":t(n)&&!i&&l,"btn-primary":e(n)&&!i&&!l,"btn-outline-primary":e(n)&&i&&!l,"btn-invisible-primary":e(n)&&!i&&l,"btn-secondary":s(n)&&!i&&!l,"btn-outline-secondary":s(n)&&i&&!l,"btn-invisible-secondary":s(n)&&!i&&l,"btn-icon":r,"btn-oval":a,selected:o,disabled:c});const l=n=>{if(!n.icon){return"small"}switch(n.iconSize){case"12":return"xx-small";case"16":return"x-small";default:return"small"}};const r=(t,e)=>{var s,r,a;const o=(s=t.extraClasses)!==null&&s!==void 0?s:{};const c=(r=t.ariaAttributes)!==null&&r!==void 0?r:{};if(!c["aria-disabled"]&&t.disabled){c["aria-disabled"]="true"}return n("button",Object.assign({},c,{onClick:n=>t.onClick?t.onClick(n):undefined,tabindex:t.disabled?-1:(a=t.tabIndex)!==null&&a!==void 0?a:0,type:t.type,class:Object.assign(Object.assign({},i(t.variant,t.outline,t.ghost,t.iconOnly,t.iconOval,t.selected,t.disabled||t.loading)),o)}),t.loading?n("ix-spinner",{size:l(t),hideTrack:true}):null,t.icon&&!t.loading?n("ix-icon",{class:"icon",name:t.icon,size:t.iconSize,color:t.iconColor}):null,n("div",{class:{content:true,[`content-${t.alignment}`]:!!t.alignment}},e),t.afterContent?t.afterContent:null)};export{r as B,i as g};
-//# sourceMappingURL=p-_tyNUrlp.js.map

package/dist/siemens-ix/p-a7bdd5fd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,H as r,a}from"./p-DJsXFBNm.js";import{H as i}from"./p-CFsAnuUU.js";import{m as n}from"./p-bcj7UEIC.js";import{m as d,T as l,o as s}from"./p-BsJawkTz.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const b='input{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width: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)}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{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width: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)}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]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.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{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) textarea:hover{border-color:var(--theme-input--border-color--warning--active) !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{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 c=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 h=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(){return t(r,{key:"1fccaf49740f1452031fcfc92af1b3011eda12a6",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"1fb5b2a11f7874642bca77fb8ba43932a6ee8f23",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:"6d6a2cf13f1ec2a45be59812b621ca58d72b35e7",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value||"").length,"/",this.maxLength),t("div",{key:"707decc7f3af853270136f752f8e383c7f7af2e1",class:"input-wrapper"},t(l,{key:"d5dedc1696ef713d049b997c6068b5d18cf266f8",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)}};c([i()],h.prototype,"updateClassMappings",null);h.style=b;export{h as ix_textarea};
-//# sourceMappingURL=p-a7bdd5fd.entry.js.map

package/dist/siemens-ix/p-a7bdd5fd.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","Textarea","constructor","hostRef","this","value","required","disabled","readonly","resizeBehavior","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","textAreaRef","makeRef","touched","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","formInternals","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","h","Host","key","class","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","maxLength","slot","textColor","length","TextareaElement","minLength","textareaCols","textareaRows","textareaHeight","textareaWidth","placeholder","valueChange","emit","onBlur","onInputBlur","current","__decorate","HookValidationLifecycle","prototype"],"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@import './input.mixins.scss';\n\n@include input-field;\n\n@include host-valid;\n\n@include 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 host-warning {\n  textarea {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include 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    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"],"mappings":"qRAAA,MAAMA,EAAc,22e,iXCwCPC,EAAQ,MANrB,WAAAC,CAAAC,G,uTAuB0CC,KAAKC,MAAW,GAK/BD,KAAQE,SAAY,MAKrCF,KAAQG,SAAY,MAKpBH,KAAQI,SAAY,MA6DpBJ,KAAcK,eAA2B,OA2BxCL,KAASM,UAAG,MACZN,KAAOO,QAAG,MACVP,KAAMQ,OAAG,MACTR,KAASS,UAAG,MACZT,KAAmBU,oBAAG,MAEdV,KAAWW,YAAGC,IACvBZ,KAAOa,QAAG,KAmHnB,CAhHC,mBAAAC,CAAoBC,GAClBC,EAAoBhB,KAAMe,E,CAG5B,iBAAAE,GACEjB,KAAKkB,wBAAwBlB,KAAKC,M,CAGpC,uBAAAiB,CAAwBjB,GACtBD,KAAKmB,cAAcC,aAAanB,GAChCD,KAAKC,MAAQA,C,CAKf,8BAAMoB,GACJ,OAAOrB,KAAKmB,cAAcG,I,CAK5B,aAAAC,GACE,OAAOC,QAAQC,UAAUzB,KAAKC,M,CAOhC,qBAAAyB,GACE,OAAO1B,KAAKW,YAAYgB,gB,CAO1B,gBAAMC,GACJ,aAAc5B,KAAK0B,yBAAyBG,O,CAQ9C,SAAAC,GACE,OAAON,QAAQC,QAAQzB,KAAKa,Q,CAG9B,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLhC,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,WAGjB4B,EAAA,oBAAAE,IAAA,2CACEhC,SAAUF,KAAKE,SACfkC,MAAOpC,KAAKoC,MACZC,WAAYrC,KAAKqC,WACjBC,YAAatC,KAAKsC,YAClBC,SAAUvC,KAAKuC,SACfC,YAAaxC,KAAKwC,YAClBC,UAAWzC,KAAKyC,UAChBC,kBAAmB1C,KAAK0C,kBACxBpC,UAAWN,KAAKM,UAChBC,QAASP,KAAKO,QACdC,OAAQR,KAAKQ,OACbC,UAAWT,KAAKS,UAChBkC,WAAY3C,KAAKW,eAEdX,KAAK4C,WAAa5C,KAAK4C,UAAY,GACpCZ,EACE,iBAAAE,IAAA,2CAAAC,MAAM,cACNU,KAAK,eACLC,UAAU,SAER9C,KAAKC,OAAS,IAAI8C,OAAM,IAAG/C,KAAK4C,WAGtCZ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBACTH,EAACgB,EACC,CAAAd,IAAA,2CAAAe,UAAWjD,KAAKiD,UAChBL,UAAW5C,KAAK4C,UAChBM,aAAclD,KAAKkD,aACnBC,aAAcnD,KAAKmD,aACnBC,eAAgBpD,KAAKoD,eACrBC,cAAerD,KAAKqD,cACpBhD,eAAgBL,KAAKK,eACrBD,SAAUJ,KAAKI,SACfD,SAAUH,KAAKG,SACfG,UAAWN,KAAKM,UAChBJ,SAAUF,KAAKE,SACfD,MAAOD,KAAKC,MACZqD,YAAatD,KAAKsD,YAClB3C,YAAaX,KAAKW,YAClB4C,YAActD,GAAUD,KAAKuD,YAAYC,KAAKvD,GAC9CiB,wBAA0BjB,GACxBD,KAAKkB,wBAAwBjB,GAE/BwD,OAAQ,KACNC,EAAY1D,KAAMA,KAAKW,YAAYgD,SACnC3D,KAAKa,QAAU,IAAI,M,4EAxGjC+C,EAAA,CADCC,KAGAhE,EAAAiE,UAAA,4B","ignoreList":[]}

package/dist/siemens-ix/p-a8cd5e58.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,H as s,a}from"./p-DJsXFBNm.js";import{H as r}from"./p-CFsAnuUU.js";import{m as n}from"./p-bcj7UEIC.js";const h=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";var l=undefined&&undefined.__decorate||function(e,t,i,s){var a=arguments.length,r=a<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(e,t,i,s);else for(var h=e.length-1;h>=0;h--)if(n=e[h])r=(a<3?n(r):a>3?n(t,i,r):n(t,i))||r;return a>3&&r&&Object.defineProperty(t,i,r),r};const o=class{constructor(i){e(this,i);this.valueChange=t(this,"valueChange",7);this.direction="column";this.required=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.touched=false;this.groupRef=n();this.observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}))}get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue();this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}selectInitialValue(){if(!this.value){return}this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{if(i===e.length-1){return}t.checked=false}))}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}onValueChangeHandler(e){this.touched=true;this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{if(t!==e.target){t.checked=false;return}t.checked=true;this.valueChange.emit(t.value)}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:a}){this.isInvalid=e||a;this.isInfo=t;this.isValid=i;this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}render(){return i(s,{key:"0cadba0159ce31d3c7976745b2587e65c4a3790b",onIxBlur:()=>this.touched=true,ref:this.groupRef},i("ix-field-wrapper",{key:"f271cb0195f0a6a3f30ba2d7d76b15724b5508f2",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},i("div",{key:"735a66afc8ffb20ebd91064e2417f3fd7a225eaa",class:{"checkbox-container":true,"row-layout":this.direction==="row"}},i("slot",{key:"b60868dae49bfe14593be563bd8c66d5f7a2ecb2"}))))}get hostElement(){return a(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};l([r({includeChildren:true})],o.prototype,"onClassField",null);o.style=h;export{o as ix_radio_group};
-//# sourceMappingURL=p-a8cd5e58.entry.js.map

package/dist/siemens-ix/p-a9336906.entry.js

@@ -1,2 +0,0 @@
-import{r as e,f as t,h as r,H as i,c as o,F as a,a as s}from"./p-DJsXFBNm.js";import{m as d}from"./p-D6vSVaHq.js";import{f as n,C as c,N as l}from"./p-DLTnniMb.js";import{D as h,I as b}from"./p-bDicGJUN.js";import{O as u}from"./p-CpY7qbN7.js";import{m}from"./p-bcj7UEIC.js";const f=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const g=class{constructor(t){e(this,t)}onResize(){t(this)}getSize(e){if(e===""){return this.size}if(e==="sm"){return this.sizeSm}if(e==="md"){return this.sizeMd}if(e==="lg"){return this.sizeLg}}getColumnSize(){let e;g.Breakpoints.forEach((t=>{const r=t!==""?d(t):true;if(!r){return}const i=this.getSize(t);if(i){e=i}}));return e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e){return}if(e==="auto"){return{flex:"0 0 auto",width:"auto","max-width":"auto"}}const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return r(i,{key:"725f77eb880e6407ac70b50150d2575703ee5f29",style:Object.assign({},this.getColumnSizeStyling())},r("slot",{key:"4b6b995339cced9d04f1118d5e9f38f19509e292"}))}};g.Breakpoints=["","sm","md","lg"];g.style=f;const k=":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:first-child{width:24px}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";var p=undefined&&undefined.__decorate||function(e,t,r,i){var o=arguments.length,a=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,r,i);else for(var d=e.length-1;d>=0;d--)if(s=e[d])a=(o<3?s(a):o>3?s(t,r,a):s(t,r))||a;return o>3&&a&&Object.defineProperty(t,r,a),a};const v=class{constructor(t){e(this,t);this.dateChange=o(this,"dateChange",7);this.dateRangeChange=o(this,"dateRangeChange",7);this.dateSelect=o(this,"dateSelect",7);this.format="yyyy/LL/dd";this.range=true;this.corners="rounded";this.minDate="";this.maxDate="";this.i18nDone="Done";this.weekStartIndex=0;this.showWeekNumbers=false;this.standaloneAppearance=true;this.today=h.now().toISO();this.selectedYear=0;this.tempYear=0;this.startYear=0;this.endYear=0;this.selectedMonth=0;this.tempMonth=0;this.dropdownButtonRef=m();this.yearContainerRef=m();this.firstMonthRef=m();this.focusedDay=1;this.isDayFocus=false;this.monthChangedFromFocus=false;this.DAYS_IN_WEEK=7;this.calendar=[]}watchFromPropHandler(e){if(!e){this.currFromDate=undefined;return}const t=this.parseDateString(e);if(t){this.currFromDate=t;this.updateSelectedYearMonth(t)}}watchToPropHandler(e){if(!e){this.currToDate=undefined;return}const t=this.parseDateString(e);if(t){this.currToDate=t;this.updateSelectedYearMonth(t)}}onLocaleChange(){this.setTranslations()}async getCurrentDate(){var e,t,r,i;const o=((e=this.currFromDate)===null||e===void 0?void 0:e.isValid)?(t=this.currFromDate)===null||t===void 0?void 0:t.toFormat(this.format):undefined;const a=((r=this.currToDate)===null||r===void 0?void 0:r.isValid)?(i=this.currToDate)===null||i===void 0?void 0:i.toFormat(this.format):undefined;if(this.range){return{from:o,to:a}}return{from:o,to:undefined}}handleKeyUp(e){if(!this.isDayFocus){return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t=t-7;break;case"ArrowDown":t=t+7;break;default:return}if(t>this.getDaysInCurrentMonth()){t=t-this.getDaysInCurrentMonth();this.changeToAdjacentMonth(1);this.monthChangedFromFocus=true}else if(t<1){this.changeToAdjacentMonth(-1);t=t+this.getDaysInCurrentMonth();this.monthChangedFromFocus=true}this.focusedDay=t}getDaysInCurrentMonth(){return h.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getDateTimeNow(){return h.fromISO(this.today)}parseDateString(e){const t=h.fromFormat(e,this.format);if(!t.isValid){console.error(t.invalidExplanation);return undefined}return t}updateSelectedYearMonth(e){this.selectedYear=e.year;this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=false}onDayFocus(){this.isDayFocus=true}componentWillLoad(){var e,t,r,i;this.setTranslations();this.currFromDate=this.from?h.fromFormat(this.from,this.format):undefined;this.currToDate=this.to?h.fromFormat(this.to,this.format):undefined;const o=(t=(e=this.currFromDate)===null||e===void 0?void 0:e.year)!==null&&t!==void 0?t:this.getDateTimeNow().year;this.startYear=o-5;this.endYear=o+5;this.selectedMonth=((i=(r=this.currFromDate)===null||r===void 0?void 0:r.month)!==null&&i!==void 0?i:this.getDateTimeNow().month)-1;this.selectedYear=o;this.tempMonth=this.selectedMonth;this.tempYear=this.selectedYear}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus){return}const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(b.weekdays("long",{locale:this.locale}),this.weekStartIndex);this.monthNames=b.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const r=[...e];if(t===0){return r}t=-t;const i=e.length;r.push(...r.splice(0,(-t%i+i)%i));return r}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[];const t=h.utc(this.selectedYear,this.selectedMonth+1);const r=t.startOf("month");const i=t.endOf("month");let o=r.weekNumber;let a=i.weekNumber;let s=r.weekday-1;let d=i.weekday-1;if(this.weekStartIndex!==0){const e=b.weekdays();const t=e[r.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[i.weekday];d=this.dayNames.findIndex((e=>e===o))}let n=false;if(a===1){a=i.weeksInWeekYear+1;n=true}let c=false;if(o===r.weeksInWeekYear){o=1;a++;c=true}let l=1;for(let t=o;t<=a&&l<=31;t++){const h=[];for(let e=0;e<this.DAYS_IN_WEEK&&l<=31;e++){if(t===o&&e<s||t===a&&e>d){h.push(undefined)}else{h.push(l++)}}if(c||n){if(t===1){e.push({weekNumber:r.weeksInWeekYear,dayNumbers:h})}else if(t===i.weekNumber){e.push({weekNumber:1,dayNumbers:h})}else{e.push({weekNumber:t-1,dayNumbers:h})}continue}e.push({weekNumber:t,dayNumbers:h})}this.calendar=e}selectTempYear(e,t){e===null||e===void 0?void 0:e.stopPropagation();this.tempYear=t}focusMonth(){var e;(e=this.firstMonthRef.current)===null||e===void 0?void 0:e.focus()}infiniteScrollYears(){const e=this.yearContainerRef.current;if(!e){return}const t=e.scrollTop;const r=e.scrollHeight;const i=t===0;const o=Math.round(t+e.offsetHeight)>=r;const a=200;if(this.endYear-this.startYear>a)return;if(i){const t=e.firstElementChild;this.startYear-=5;e.scrollTo(0,t.offsetTop);return}if(o){const t=e.lastElementChild;this.endYear+=5;e.scrollTo(0,t.offsetTop)}}selectMonth(e){this.selectedMonth=e;this.selectedYear=this.tempYear;this.tempMonth=e;const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");if(t){t.show=false}}changeToAdjacentMonth(e){if(this.selectedMonth+e<0){this.selectedYear--;this.selectedMonth=11}else if(this.selectedMonth+e>11){this.selectedYear++;this.selectedMonth=0}else{this.selectedMonth+=e}}selectDay(e,t){if(t.classList.contains("disabled")){return}const r=h.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));if(!this.range||this.currFromDate===undefined){this.currFromDate=r;this.onDateChange();return}if(this.currToDate!==undefined){this.currFromDate=r;this.currToDate=undefined;this.onDateChange();return}if(r<this.currFromDate){this.currToDate=this.currFromDate;this.currFromDate=r;this.onDateChange();return}this.currToDate=r;this.onDateChange()}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e);if(this.range){this.dateRangeChange.emit(e)}}))}getDayClasses(e){var t,r,i;const o=this.getDateTimeNow();const a=h.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{"calendar-item":true,"empty-day":e===undefined,today:o.hasSame(a,"day"),selected:((t=this.currFromDate)===null||t===void 0?void 0:t.hasSame(a,"day"))||((r=this.currToDate)===null||r===void 0?void 0:r.hasSame(a,"day")),range:this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&this.currToDate!==undefined&&a.startOf("day")<((i=this.currToDate)===null||i===void 0?void 0:i.startOf("day")),disabled:!this.isWithinMinMaxDate(a)}}isWithinMinMaxYear(e){const t=this.minDate?h.fromFormat(this.minDate,this.format).year:undefined;const r=this.maxDate?h.fromFormat(this.maxDate,this.format).year:undefined;const i=t?e<t:false;const o=r?e>r:false;return!i&&!o}isWithinMinMaxMonth(e){const t=this.minDate?h.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?h.fromFormat(this.maxDate,this.format):undefined;const i=t===null||t===void 0?void 0:t.month;const o=r===null||r===void 0?void 0:r.month;const a=i?this.tempYear===t.year&&e<i:false;const s=o?this.tempYear===r.year&&e>o:false;return!a&&!s}isWithinMinMaxDate(e){const t=this.minDate?h.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?h.fromFormat(this.maxDate,this.format):undefined;const i=t?e.startOf("day")<t.startOf("day"):false;const o=r?e.startOf("day")>r.startOf("day"):false;return!i&&!o}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++){e.push(r("div",{key:t,class:{arrowYear:true,"month-dropdown-item":true,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:e=>this.selectTempYear(e,t),onKeyUp:e=>{if(e.key==="Enter"){this.tempYear=t;this.focusMonth()}},tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==t,arrowPosition:true},name:n,size:"12"}),r("div",{style:{"min-width":"max-content"}},`${t}`)))}return e}render(){return r(i,{key:"e48ee389619f52726ce579c6486cab63d62b6fef"},r("ix-date-time-card",{key:"bd357a0e14678205965ea14d2e302eb828676d3c",corners:this.corners,standaloneAppearance:this.standaloneAppearance},r("div",{key:"bcab79091c34e84ce10de7be193717143d109810",class:"header",slot:"header"},r("ix-icon-button",{key:"d8038a98795ccfde0ddc7d50fc59ad36597e031e",onClick:()=>this.changeToAdjacentMonth(-1),ghost:true,icon:c,variant:"primary",class:"arrows"}),r("div",{key:"a3d445facefd7f74fffb663ed7aca2677d0673bb",class:"selector"},r("ix-button",{key:"d680ee000bf2c20b58871a192fb8b53f673db588",ghost:true,ref:this.dropdownButtonRef,"data-testid":"year-month-button"},r("span",{key:"e84d83f994f6283c101dccf6278777504c2b8814",class:"fontSize capitalize"},this.monthNames[this.selectedMonth]," ",this.selectedYear)),r("ix-dropdown",{key:"e0f414635d751b01162f7dd78caf266295f487ba","data-testid":"year-month-dropdown",class:"dropdown",trigger:this.dropdownButtonRef.waitForCurrent(),ignoreRelatedSubmenu:true,placement:"bottom-start"},r("div",{key:"25dd57cad907373c60bb0c2cbb433e75e4a38e93",class:"wrapper"},r("div",{key:"a014091ce50a1c7a27d050edff6cbeb15dee34a4","data-testid":"year-container",class:"overflow",onScroll:()=>this.infiniteScrollYears(),ref:this.yearContainerRef},this.renderYears()),r("div",{key:"dc687dcea36e21d895945c4fdc18b993002d5d11",class:"overflow","data-testid":"month-container"},this.monthNames.map(((e,t)=>r("div",{key:e,ref:t=>{if(e===this.monthNames[0]){this.firstMonthRef(t)}},class:{arrowYear:true,"month-dropdown-item":true,selected:this.tempYear===this.selectedYear&&this.tempMonth===t,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>this.selectMonth(t),onKeyUp:e=>e.key==="Enter"&&this.selectMonth(t),tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==this.selectedYear||this.tempMonth!==t,checkPosition:true},name:l,size:"16"}),r("div",null,r("span",{class:"capitalize monthMargin"},`${e} ${this.tempYear}`))))))))),r("ix-icon-button",{key:"8e718bbd113146a599e4c15c3ee88a2a4b2bbe1b",onClick:()=>this.changeToAdjacentMonth(1),ghost:true,icon:n,variant:"primary",class:"arrows"})),r("div",{key:"9424e9223eabaae8d851d8d7ab852a7d71a0724c",class:{grid:true,"grid--show-week-numbers":this.showWeekNumbers}},this.showWeekNumbers&&r("div",{key:"2ff1c7ee249a2a44b9d7c69be17c4d86a1405c20",class:"calendar-item week-day"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day"},r("div",{class:"overflow"},e.slice(0,3))))),this.calendar.map((e=>r(a,null,this.showWeekNumbers&&r("div",{class:"calendar-item week-number"},e.weekNumber),e.dayNumbers.map((e=>e?r("div",{key:e,id:`day-cell-${e}`,"date-calender-day":true,class:this.getDayClasses(e),onClick:t=>{const r=t.currentTarget;this.selectDay(e,r)},onKeyUp:t=>{const r=t.currentTarget;if(t.key==="Enter"){this.selectDay(e,r)}},tabIndex:e===this.focusedDay?0:-1,onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur()},e):r("div",null))))))),r("div",{key:"3a152e3f2c01b4643be45570424ef15996b09fc9",class:{button:true,hidden:!this.range||!this.standaloneAppearance}},r("ix-button",{key:"f485589cfc29f41eb354345bd015b36017e1ad86",onClick:()=>this.onDone()},this.i18nDone))))}get hostElement(){return s(this)}static get watchers(){return{from:["watchFromPropHandler"],to:["watchToPropHandler"],locale:["onLocaleChange"]}}};p([u("keydown")],v.prototype,"handleKeyUp",null);v.style=k;const y=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const w=class{constructor(t){e(this,t);this.noMargin=false;this.gap="24";this.columns=12}render(){return r(i,{key:"e70a02ebb1bf59a854fd2e7a9852eb71307b1ba8",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},r("slot",{key:"49d350c160d49df1a546c1b10bb460a1a63bc234"}))}};w.style=y;const x=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const D=class{constructor(t){e(this,t)}render(){return r(i,{key:"3b0d16365de5142ce2fffa2a2e11ce877e283111"},r("slot",{key:"0d7a715f298d2cf1c97eb19a1adcaf345d7ca4e8"}))}};D.style=x;export{g as ix_col,v as ix_date_picker,w as ix_layout_grid,D as ix_row};
-//# sourceMappingURL=p-a9336906.entry.js.map

package/dist/siemens-ix/p-a9336906.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["colCss","Col","onResize","forceUpdate","this","getSize","breakpoint","size","sizeSm","sizeMd","sizeLg","getColumnSize","Breakpoints","forEach","isMediaQueryActive","matchBreakpoint","currentSize","getColumnSizeStyling","flex","width","colSize","render","h","Host","key","style","Object","assign","datePickerCss","DatePicker","constructor","hostRef","format","range","corners","minDate","maxDate","i18nDone","weekStartIndex","showWeekNumbers","standaloneAppearance","today","DateTime","now","toISO","selectedYear","tempYear","startYear","endYear","selectedMonth","tempMonth","dropdownButtonRef","makeRef","yearContainerRef","firstMonthRef","focusedDay","isDayFocus","monthChangedFromFocus","DAYS_IN_WEEK","calendar","watchFromPropHandler","newValue","currFromDate","undefined","date","parseDateString","updateSelectedYearMonth","watchToPropHandler","currToDate","onLocaleChange","setTranslations","getCurrentDate","_from","_a","isValid","_b","toFormat","_to","_c","_d","from","to","handleKeyUp","event","_focusedDay","getDaysInCurrentMonth","changeToAdjacentMonth","utc","daysInMonth","getDateTimeNow","fromISO","dateString","fromFormat","console","error","invalidExplanation","year","month","onDayBlur","onDayFocus","componentWillLoad","componentWillRender","calculateCalendar","componentDidRender","dayElem","hostElement","shadowRoot","querySelector","focus","dayNames","rotateWeekDayNames","Info","weekdays","locale","monthNames","months","index","clone","len","length","push","splice","onDone","dateSelect","emit","monthStart","startOf","monthEnd","endOf","startWeek","weekNumber","endWeek","monthStartWeekDayIndex","weekday","monthEndWeekDayIndex","monthStartWeekDayName","findIndex","d","monthEndWeekDayName","correctLastWeek","weeksInWeekYear","correctFirstWeek","currDayNumber","weekIndex","daysArr","j","dayNumbers","selectTempYear","stopPropagation","focusMonth","current","infiniteScrollYears","yearContainer","scroll","scrollTop","maxScroll","scrollHeight","atTop","atBottom","Math","round","offsetHeight","limit","first","firstElementChild","scrollTo","offsetTop","last","lastElementChild","selectMonth","dropdown","show","number","selectDay","selectedDay","target","classList","contains","fromJSDate","Date","onDateChange","then","dateChange","dateRangeChange","getDayClasses","day","todayObj","selectedDayObj","hasSame","selected","disabled","isWithinMinMaxDate","isWithinMinMaxYear","minDateYear","maxDateYear","isBefore","isAfter","isWithinMinMaxMonth","minDateObj","maxDateObj","minDateMonth","maxDateMonth","_minDate","_maxDate","renderYears","rows","class","arrowYear","onClick","onKeyUp","tabIndex","hidden","arrowPosition","name","iconChevronRightSmall","slot","ghost","icon","iconChevronLeftSmall","variant","ref","trigger","waitForCurrent","ignoreRelatedSubmenu","placement","onScroll","map","checkPosition","iconSingleCheck","grid","slice","week","Fragment","id","e","currentTarget","onFocus","onBlur","button","__decorate","OnListener","prototype","layoutGridCss","LayoutGrid","noMargin","gap","columns","rowCss","Row"],"sources":["src/components/col/col.scss?tag=ix-col&encapsulation=shadow","src/components/col/col.tsx","src/components/date-picker/date-picker.scss?tag=ix-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx","src/components/layout-grid/layout-grid.scss?tag=ix-layout-grid&encapsulation=shadow","src/components/layout-grid/layout-grid.tsx","src/components/row/row.scss?tag=ix-row&encapsulation=shadow","src/components/row/row.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  position: relative;\n  flex-basis: 0;\n  flex-grow: 1;\n  width: 100%;\n  max-width: 100%;\n  min-height: 1px;\n\n  padding: calc(var(--ix-layout-grid-gutter) * 0.5);\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 { Component, forceUpdate, h, Host, Listen, Prop } from '@stencil/core';\nimport { Breakpoint, matchBreakpoint } from '../utils/breakpoints';\nimport type { ColumnSize } from './col.types';\n\ntype GridBreakpoint = Breakpoint | '';\n\n@Component({\n  tag: 'ix-col',\n  styleUrl: 'col.scss',\n  shadow: true,\n})\nexport class Col {\n  static Breakpoints: GridBreakpoint[] = ['', 'sm', 'md', 'lg'];\n\n  /**\n   * Size of the column\n   */\n  @Prop() size?: ColumnSize;\n\n  /**\n   * Size of the column for sm screens\n   */\n  @Prop() sizeSm?: ColumnSize;\n\n  /**\n   * Size of the column for md screens\n   */\n  @Prop() sizeMd?: ColumnSize;\n\n  /**\n   * Size of the column for lg screens\n   */\n  @Prop() sizeLg?: ColumnSize;\n\n  @Listen('resize', { target: 'window' })\n  onResize() {\n    forceUpdate(this);\n  }\n\n  private getSize(breakpoint: GridBreakpoint) {\n    if (breakpoint === '') {\n      return this.size;\n    }\n\n    if (breakpoint === 'sm') {\n      return this.sizeSm;\n    }\n\n    if (breakpoint === 'md') {\n      return this.sizeMd;\n    }\n\n    if (breakpoint === 'lg') {\n      return this.sizeLg;\n    }\n  }\n\n  private getColumnSize(): ColumnSize | undefined {\n    let size: ColumnSize | undefined;\n    Col.Breakpoints.forEach((breakpoint) => {\n      const isMediaQueryActive =\n        breakpoint !== '' ? matchBreakpoint(breakpoint) : true;\n\n      if (!isMediaQueryActive) {\n        return;\n      }\n\n      const currentSize = this.getSize(breakpoint);\n\n      if (currentSize) {\n        size = currentSize;\n      }\n    });\n\n    return size;\n  }\n\n  private getColumnSizeStyling() {\n    const size = this.getColumnSize();\n\n    if (!size) {\n      return;\n    }\n\n    if (size === 'auto') {\n      return {\n        flex: '0 0 auto',\n        width: 'auto',\n        'max-width': 'auto',\n      };\n    }\n\n    const colSize = `calc(calc(${size} / var(--ix-layout-grid-columns)) * 100%)`;\n\n    return {\n      flex: `0 0 ${colSize}`,\n      width: `${colSize}`,\n      'max-width': `${colSize}`,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          ...this.getColumnSizeStyling(),\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  width: 21rem;\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .disabled-item {\n    pointer-events: none;\n    background-color: var(--theme-datepicker-day--background--disabled);\n    color: var(--theme-datepicker-day--color--disabled);\n    cursor: default;\n  }\n\n  .selector {\n    flex-basis: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: $tiny-space $default-space;\n\n    .dropdown {\n      color: var(--theme-menu-item--color);\n      font-size: 14px;\n      line-height: 20px;\n    }\n\n    .fontSize {\n      font-size: 16px;\n    }\n\n    .capitalize {\n      text-transform: capitalize;\n    }\n\n    .month-dropdown-item {\n      margin-left: 4px;\n      margin-right: 4px;\n\n      &:focus-visible {\n        outline: 1px solid var(--theme-color-focus-bdr);\n        outline-offset: var(--theme-btn--focus--outline-offset);\n      }\n    }\n\n    .arrowYear {\n      display: flex;\n      position: relative;\n      padding: $medium-space $x-large-space;\n      align-items: center;\n      cursor: pointer;\n\n      &:hover {\n        background-color: var(--theme-select-list-item--background--hover);\n      }\n\n      &.selected {\n        background-color: var(--theme-select-list-item--background--selected);\n      }\n\n      .arrowPosition {\n        position: absolute;\n        left: calc(($x-large-space / 2) - 6px);\n        top: calc(50% - 6px);\n      }\n\n      .checkPosition {\n        position: absolute;\n        left: calc(($x-large-space / 2) - 6px);\n        top: calc(50% - 8px);\n      }\n\n      .monthMargin {\n        margin-left: 10px;\n      }\n    }\n  }\n\n  .wrapper {\n    display: flex;\n\n    .overflow {\n      overflow-y: scroll;\n      max-height: 250px;\n    }\n  }\n\n  .grid {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    grid-template-rows: repeat(7, 40px);\n\n    align-items: center;\n    justify-items: center;\n    justify-content: center;\n    color: var(--theme-datepicker-today--color);\n\n    &--show-week-numbers {\n      grid-template-columns: 24px repeat(7, 40px);\n    }\n\n    .calendar-item {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: var(--theme-datepicker-day--background);\n      border: 1px solid var(--theme-datepicker-day--background);\n      width: 40px;\n      height: 40px;\n      cursor: pointer;\n\n      &:first-child {\n        width: 24px;\n      }\n\n      &:focus-visible {\n        outline: 1px solid var(--theme-color-focus-bdr);\n        outline-offset: var(--theme-btn--focus--outline-offset);\n\n        background-color: var(--theme-datepicker-day--background--selected);\n        border: inset 1px solid\n          var(--theme-datepicker-day--border-color--selected);\n        color: var(--theme-datepicker-day--color--selected);\n        font-size: 14px;\n        line-height: 20px;\n        letter-spacing: 0;\n      }\n\n      &.today {\n        border: 1px solid var(--theme-datepicker-today--border-color);\n\n        &:hover {\n          background-color: var(--theme-datepicker-day--background--hover);\n        }\n\n        &:active {\n          background-color: var(--theme-datepicker-day--background--active);\n        }\n\n        &.selected {\n          box-shadow: inset 0 0 0 1px white;\n\n          &:hover {\n            background-color: var(\n              --theme-datepicker-day--background--selected-hover\n            );\n          }\n\n          &:active {\n            background-color: var(\n              --theme-datepicker-day--background--selected-active\n            );\n          }\n\n          &.disabled {\n            pointer-events: none;\n            background-color: var(\n              --theme-datepicker-day--background--selected-disabled\n            );\n            border: 1px solid\n              var(--theme-datepicker-day--background--selected-disabled);\n            color: var(--theme-datepicker-day--color--selected-disabled);\n          }\n        }\n\n        &.range {\n          background-color: var(--theme-datepicker-day--background--range);\n          color: var(--theme-datepicker-day--color--range);\n          border: 1px solid var(--theme-datepicker-today--border-color--range);\n          box-shadow: inset 0 0 0 1px white;\n\n          &:hover {\n            background-color: var(\n              --theme-datepicker-day--background--range-hover\n            );\n            border: 1px solid\n              var(--theme-datepicker-today--border-color--range-hover);\n          }\n\n          &:active {\n            background-color: var(\n              --theme-datepicker-day--background--range-active\n            );\n            border: 1px solid\n              var(--theme-datepicker-today--border-color--range-active);\n          }\n\n          &.disabled {\n            background-color: var(\n              --theme-datepicker-day--background--range-disabled\n            );\n            color: var(--theme-datepicker-day--color--range-disabled);\n            border: 1px solid\n              var(--theme-datepicker-today--border-color--range-disabled);\n          }\n        }\n\n        &.disabled {\n          pointer-events: none;\n          background-color: var(--theme-datepicker-day--background--disabled);\n          color: var(--theme-datepicker-day--color--disabled);\n          cursor: default;\n        }\n      }\n\n      &:hover {\n        background-color: var(--theme-datepicker-day--background--hover);\n      }\n\n      &:active {\n        background-color: var(--theme-datepicker-day--background--active);\n      }\n\n      &.selected {\n        background-color: var(--theme-datepicker-day--background--selected);\n        color: var(--theme-datepicker-day--color--selected);\n        border: 1px solid var(--theme-datepicker-day--background--selected);\n\n        &:hover {\n          background-color: var(\n            --theme-datepicker-day--background--selected-hover\n          );\n        }\n\n        &:active {\n          background-color: var(\n            --theme-datepicker-day--background--selected-active\n          );\n        }\n\n        &.disabled {\n          pointer-events: none;\n          background-color: var(\n            --theme-datepicker-day--background--selected-disabled\n          );\n          color: var(--theme-datepicker-day--color--selected-disabled);\n        }\n      }\n\n      &.range {\n        background-color: var(--theme-datepicker-day--background--range);\n        color: var(--theme-datepicker-day--color--range);\n\n        &:hover {\n          background-color: var(\n            --theme-datepicker-day--background--range-hover\n          );\n        }\n\n        &:active {\n          background-color: var(\n            --theme-datepicker-day--background--range-active\n          );\n        }\n\n        &.disabled {\n          pointer-events: none;\n          background-color: var(\n            --theme-datepicker-day--background--range-disabled\n          );\n          color: var(--theme-datepicker-day--color--range-disabled);\n        }\n      }\n\n      &.disabled {\n        pointer-events: none;\n        background-color: var(--theme-datepicker-day--background--disabled);\n        color: var(--theme-datepicker-day--color--disabled);\n      }\n\n      &.week-day {\n        color: var(--theme-datepicker-weekday--color);\n        font-size: 12px;\n        line-height: 20px;\n        border: none;\n        background: none;\n        cursor: initial;\n\n        .overflow {\n          @include ellipsis;\n        }\n      }\n\n      &.empty-day {\n        border: none;\n        background: none;\n        cursor: initial;\n      }\n\n      &.week-number {\n        font-size: 10px;\n        line-height: 14px;\n        color: var(--theme-datepicker-weekday--color);\n        border: none;\n        background: none;\n        cursor: initial;\n        width: 1.5rem;\n      }\n    }\n  }\n\n  .button {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: $default-space;\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconChevronLeftSmall,\n  iconChevronRightSmall,\n  iconSingleCheck,\n} from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime, Info } from 'luxon';\nimport type { DateTimeCardCorners } from '../date-time-card/date-time-card.types';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\nimport { IxDatePickerComponent } from './date-picker-component';\nimport type { DateChangeEvent } from './date-picker.events';\n\ninterface CalendarWeek {\n  weekNumber: number;\n  dayNumbers: (number | undefined)[];\n}\n\n@Component({\n  tag: 'ix-date-picker',\n  styleUrl: 'date-picker.scss',\n  shadow: true,\n})\nexport class DatePicker implements IxDatePickerComponent {\n  @Element() hostElement!: HTMLIxDatePickerElement;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() format: string = 'yyyy/LL/dd';\n\n  /**\n   * If true a date-range can be selected (from/to).\n   */\n  @Prop() range: boolean = true;\n\n  /**\n   * Corner style\n   */\n  @Prop() corners: DateTimeCardCorners = 'rounded';\n\n  /**\n   * The selected starting date. If the date-picker-rework is not in range mode this is the selected date.\n   * Format has to match the `format` property.\n   */\n  @Prop() from: string | undefined;\n\n  @Watch('from')\n  watchFromPropHandler(newValue: string) {\n    if (!newValue) {\n      this.currFromDate = undefined;\n\n      return;\n    }\n\n    const date = this.parseDateString(newValue);\n\n    if (date) {\n      this.currFromDate = date;\n      this.updateSelectedYearMonth(date);\n    }\n  }\n\n  /**\n   * The selected end date. If the the date-picker-rework is not in range mode this property has no impact.\n   * Format has to match the `format` property.\n   */\n  @Prop() to: string | undefined;\n\n  @Watch('to')\n  watchToPropHandler(newValue: string) {\n    if (!newValue) {\n      this.currToDate = undefined;\n\n      return;\n    }\n\n    const date = this.parseDateString(newValue);\n\n    if (date) {\n      this.currToDate = date;\n      this.updateSelectedYearMonth(date);\n    }\n  }\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() minDate = '';\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() maxDate = '';\n\n  /**\n   * Text of date select button\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n  /**\n   * The index of which day to start the week on, based on the Locale#weekdays array.\n   * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n   */\n  @Prop() weekStartIndex = 0;\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   */\n  @Prop() locale?: string;\n\n  @Watch('locale')\n  onLocaleChange() {\n    this.setTranslations();\n  }\n\n  /**\n   * Shows week numbers displayed on the left side of the date picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() showWeekNumbers = false;\n\n  /** @internal */\n  @Prop() standaloneAppearance = true;\n\n  /** @internal */\n  @Prop() today = DateTime.now().toISO();\n\n  /**\n   * Triggers if the date selection changes.\n   * Note: Since 2.0.0 `dateChange` does not dispatch detail property as `string`\n   */\n  @Event() dateChange!: EventEmitter<DateChangeEvent>;\n\n  /**\n   * Triggers if the date selection changes.\n   * Only triggered if date-picker-rework is in range mode.\n   */\n  @Event() dateRangeChange!: EventEmitter<DateChangeEvent>;\n\n  /**\n   * Date selection confirmed via button action\n   */\n  @Event() dateSelect!: EventEmitter<DateChangeEvent>;\n\n  /**\n   * Get the currently selected date-range.\n   */\n  @Method()\n  async getCurrentDate() {\n    const _from = this.currFromDate?.isValid\n      ? this.currFromDate?.toFormat(this.format)\n      : undefined;\n    const _to = this.currToDate?.isValid\n      ? this.currToDate?.toFormat(this.format)\n      : undefined;\n\n    if (this.range) {\n      return {\n        from: _from,\n        to: _to,\n      };\n    }\n\n    return {\n      from: _from,\n      to: undefined,\n    };\n  }\n\n  @State() currFromDate?: DateTime;\n  @State() currToDate?: DateTime;\n\n  @State() selectedYear = 0;\n  @State() tempYear = 0;\n  @State() startYear = 0;\n  @State() endYear = 0;\n  @State() selectedMonth = 0;\n  @State() tempMonth = 0;\n\n  private readonly dropdownButtonRef = makeRef<HTMLElement>();\n  private readonly yearContainerRef = makeRef<HTMLElement>();\n  private readonly firstMonthRef = makeRef<HTMLElement>();\n\n  @State() dayNames!: string[];\n  @State() monthNames!: string[];\n  @State() focusedDay: number = 1;\n\n  private isDayFocus = false;\n  private monthChangedFromFocus = false;\n  private readonly DAYS_IN_WEEK = 7;\n  private calendar: CalendarWeek[] = [];\n\n  @OnListener<DatePicker>('keydown')\n  handleKeyUp(event: KeyboardEvent) {\n    if (!this.isDayFocus) {\n      return;\n    }\n\n    let _focusedDay = this.focusedDay;\n\n    switch (event.key) {\n      case 'ArrowLeft':\n        _focusedDay--;\n        break;\n      case 'ArrowRight':\n        _focusedDay++;\n        break;\n      case 'ArrowUp':\n        _focusedDay = _focusedDay - 7;\n        break;\n      case 'ArrowDown':\n        _focusedDay = _focusedDay + 7;\n        break;\n      default:\n        return;\n    }\n\n    if (_focusedDay > this.getDaysInCurrentMonth()) {\n      _focusedDay = _focusedDay - this.getDaysInCurrentMonth();\n      this.changeToAdjacentMonth(1);\n      this.monthChangedFromFocus = true;\n    } else if (_focusedDay < 1) {\n      this.changeToAdjacentMonth(-1);\n      _focusedDay = _focusedDay + this.getDaysInCurrentMonth();\n      this.monthChangedFromFocus = true;\n    }\n\n    this.focusedDay = _focusedDay;\n  }\n\n  private getDaysInCurrentMonth(): number {\n    return (\n      DateTime.utc(this.selectedYear, this.selectedMonth + 1).daysInMonth || 0\n    );\n  }\n\n  private getDateTimeNow() {\n    return DateTime.fromISO(this.today);\n  }\n\n  private parseDateString(dateString: string): DateTime | undefined {\n    const date = DateTime.fromFormat(dateString, this.format);\n\n    if (!date.isValid) {\n      console.error(date.invalidExplanation);\n\n      return undefined;\n    }\n\n    return date;\n  }\n\n  private updateSelectedYearMonth(date: DateTime) {\n    this.selectedYear = date.year;\n    this.selectedMonth = date.month - 1;\n  }\n\n  onDayBlur() {\n    this.isDayFocus = false;\n  }\n\n  onDayFocus() {\n    this.isDayFocus = true;\n  }\n\n  componentWillLoad() {\n    this.setTranslations();\n\n    this.currFromDate = this.from\n      ? DateTime.fromFormat(this.from, this.format)\n      : undefined;\n    this.currToDate = this.to\n      ? DateTime.fromFormat(this.to, this.format)\n      : undefined;\n\n    const year = this.currFromDate?.year ?? this.getDateTimeNow().year;\n    this.startYear = year - 5;\n    this.endYear = year + 5;\n\n    this.selectedMonth =\n      (this.currFromDate?.month ?? this.getDateTimeNow().month) - 1;\n    this.selectedYear = year;\n    this.tempMonth = this.selectedMonth;\n    this.tempYear = this.selectedYear;\n  }\n\n  componentWillRender() {\n    this.calculateCalendar();\n  }\n\n  componentDidRender() {\n    if (!this.monthChangedFromFocus && !this.isDayFocus) {\n      return;\n    }\n\n    const dayElem = this.hostElement.shadowRoot!.querySelector(\n      `[id=day-cell-${this.focusedDay}]`\n    ) as HTMLElement;\n    dayElem.focus();\n  }\n\n  private setTranslations() {\n    this.dayNames = this.rotateWeekDayNames(\n      Info.weekdays('long', {\n        locale: this.locale,\n      }),\n      this.weekStartIndex\n    );\n\n    this.monthNames = Info.months('long', {\n      locale: this.locale,\n    });\n  }\n\n  /**\n   * Rotate the WeekdayNames array.\n   * Based on the position that should be the new 0-index.\n   */\n  private rotateWeekDayNames(weekdays: string[], index: number): string[] {\n    const clone = [...weekdays];\n\n    if (index === 0) {\n      return clone;\n    }\n\n    index = -index;\n    const len = weekdays.length;\n\n    clone.push(...clone.splice(0, ((-index % len) + len) % len));\n    return clone;\n  }\n\n  private async onDone() {\n    const date = await this.getCurrentDate();\n    this.dateSelect.emit(date);\n  }\n\n  private calculateCalendar() {\n    const calendar: CalendarWeek[] = [];\n    const month = DateTime.utc(this.selectedYear, this.selectedMonth + 1);\n    const monthStart = month.startOf('month');\n    const monthEnd = month.endOf('month');\n    let startWeek = monthStart.weekNumber;\n    let endWeek = monthEnd.weekNumber;\n    let monthStartWeekDayIndex = monthStart.weekday - 1;\n    let monthEndWeekDayIndex = monthEnd.weekday - 1;\n\n    if (this.weekStartIndex !== 0) {\n      // Find the positions where to start/stop counting the day-numbers based on which day the week starts\n      const weekdays = Info.weekdays();\n      const monthStartWeekDayName = weekdays[monthStart.weekday];\n\n      monthStartWeekDayIndex = this.dayNames.findIndex(\n        (d) => d === monthStartWeekDayName\n      );\n      const monthEndWeekDayName = weekdays[monthEnd.weekday];\n      monthEndWeekDayIndex = this.dayNames.findIndex(\n        (d) => d === monthEndWeekDayName\n      );\n    }\n\n    let correctLastWeek = false;\n    if (endWeek === 1) {\n      endWeek = monthEnd.weeksInWeekYear + 1;\n      correctLastWeek = true;\n    }\n\n    let correctFirstWeek = false;\n    if (startWeek === monthStart.weeksInWeekYear) {\n      startWeek = 1;\n      endWeek++;\n\n      correctFirstWeek = true;\n    }\n\n    let currDayNumber = 1;\n    for (\n      let weekIndex = startWeek;\n      weekIndex <= endWeek && currDayNumber <= 31;\n      weekIndex++\n    ) {\n      const daysArr: (number | undefined)[] = [];\n\n      for (let j = 0; j < this.DAYS_IN_WEEK && currDayNumber <= 31; j++) {\n        // Display empty cells until the calender starts/has ended\n        if (\n          (weekIndex === startWeek && j < monthStartWeekDayIndex) ||\n          (weekIndex === endWeek && j > monthEndWeekDayIndex)\n        ) {\n          daysArr.push(undefined);\n        } else {\n          daysArr.push(currDayNumber++);\n        }\n      }\n\n      if (correctFirstWeek || correctLastWeek) {\n        if (weekIndex === 1) {\n          calendar.push({\n            weekNumber: monthStart.weeksInWeekYear,\n            dayNumbers: daysArr,\n          });\n        } else if (weekIndex === monthEnd.weekNumber) {\n          calendar.push({\n            weekNumber: 1,\n            dayNumbers: daysArr,\n          });\n        } else {\n          calendar.push({\n            weekNumber: weekIndex - 1,\n            dayNumbers: daysArr,\n          });\n        }\n        continue;\n      }\n\n      calendar.push({\n        weekNumber: weekIndex,\n        dayNumbers: daysArr,\n      });\n    }\n\n    this.calendar = calendar;\n  }\n\n  private selectTempYear(event: MouseEvent, year: number) {\n    event?.stopPropagation();\n    this.tempYear = year;\n  }\n\n  private focusMonth() {\n    this.firstMonthRef.current?.focus();\n  }\n\n  private infiniteScrollYears() {\n    const yearContainer = this.yearContainerRef.current;\n\n    if (!yearContainer) {\n      return;\n    }\n\n    const scroll = yearContainer.scrollTop;\n    const maxScroll = yearContainer.scrollHeight;\n    const atTop = scroll === 0;\n    const atBottom =\n      Math.round(scroll + yearContainer.offsetHeight) >= maxScroll;\n    const limit = 200;\n\n    if (this.endYear - this.startYear > limit) return;\n\n    if (atTop) {\n      const first = yearContainer.firstElementChild as HTMLElement;\n      this.startYear -= 5;\n      yearContainer.scrollTo(0, first.offsetTop);\n\n      return;\n    }\n\n    if (atBottom) {\n      const last = yearContainer.lastElementChild as HTMLElement;\n      this.endYear += 5;\n      yearContainer.scrollTo(0, last.offsetTop);\n    }\n  }\n\n  private selectMonth(month: number) {\n    this.selectedMonth = month;\n    this.selectedYear = this.tempYear;\n    this.tempMonth = month;\n\n    const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n    if (dropdown) {\n      dropdown.show = false;\n    }\n  }\n\n  private changeToAdjacentMonth(number: -1 | 1) {\n    if (this.selectedMonth + number < 0) {\n      this.selectedYear--;\n      this.selectedMonth = 11;\n    } else if (this.selectedMonth + number > 11) {\n      this.selectedYear++;\n      this.selectedMonth = 0;\n    } else {\n      this.selectedMonth += number;\n    }\n  }\n\n  private selectDay(selectedDay: number, target: Element) {\n    if (target.classList.contains('disabled')) {\n      return;\n    }\n\n    const date = DateTime.fromJSDate(\n      new Date(this.selectedYear, this.selectedMonth, selectedDay)\n    );\n\n    if (!this.range || this.currFromDate === undefined) {\n      this.currFromDate = date;\n      this.onDateChange();\n\n      return;\n    }\n\n    // Reset the range selection\n    if (this.currToDate !== undefined) {\n      this.currFromDate = date;\n      this.currToDate = undefined;\n      this.onDateChange();\n\n      return;\n    }\n\n    // Swap from/to if the second date is before the current date\n    if (date < this.currFromDate) {\n      this.currToDate = this.currFromDate;\n      this.currFromDate = date;\n      this.onDateChange();\n\n      return;\n    }\n\n    // Set the range normally\n    this.currToDate = date;\n    this.onDateChange();\n  }\n\n  private onDateChange() {\n    this.getCurrentDate().then((date) => {\n      this.dateChange.emit(date);\n      if (this.range) {\n        this.dateRangeChange.emit(date);\n      }\n    });\n  }\n\n  private getDayClasses(day: number): any {\n    const todayObj = this.getDateTimeNow();\n    const selectedDayObj = DateTime.fromJSDate(\n      new Date(this.selectedYear, this.selectedMonth, day)\n    );\n\n    return {\n      'calendar-item': true,\n      'empty-day': day === undefined,\n      today: todayObj.hasSame(selectedDayObj, 'day'),\n      selected:\n        this.currFromDate?.hasSame(selectedDayObj, 'day') ||\n        this.currToDate?.hasSame(selectedDayObj, 'day'),\n      range:\n        this.currFromDate &&\n        selectedDayObj.startOf('day') > this.currFromDate.startOf('day') &&\n        this.currToDate !== undefined &&\n        selectedDayObj.startOf('day') < this.currToDate?.startOf('day'),\n      disabled: !this.isWithinMinMaxDate(selectedDayObj),\n    };\n  }\n\n  private isWithinMinMaxYear(year: number): boolean {\n    const minDateYear = this.minDate\n      ? DateTime.fromFormat(this.minDate, this.format).year\n      : undefined;\n    const maxDateYear = this.maxDate\n      ? DateTime.fromFormat(this.maxDate, this.format).year\n      : undefined;\n    const isBefore = minDateYear ? year < minDateYear : false;\n    const isAfter = maxDateYear ? year > maxDateYear : false;\n\n    return !isBefore && !isAfter;\n  }\n\n  private isWithinMinMaxMonth(month: number): boolean {\n    const minDateObj = this.minDate\n      ? DateTime.fromFormat(this.minDate, this.format)\n      : undefined;\n    const maxDateObj = this.maxDate\n      ? DateTime.fromFormat(this.maxDate, this.format)\n      : undefined;\n    const minDateMonth = minDateObj?.month;\n    const maxDateMonth = maxDateObj?.month;\n    const isBefore = minDateMonth\n      ? this.tempYear === minDateObj.year && month < minDateMonth\n      : false;\n    const isAfter = maxDateMonth\n      ? this.tempYear === maxDateObj.year && month > maxDateMonth\n      : false;\n\n    return !isBefore && !isAfter;\n  }\n\n  private isWithinMinMaxDate(date: DateTime): boolean {\n    const _minDate = this.minDate\n      ? DateTime.fromFormat(this.minDate, this.format)\n      : undefined;\n    const _maxDate = this.maxDate\n      ? DateTime.fromFormat(this.maxDate, this.format)\n      : undefined;\n    const isBefore = _minDate\n      ? date.startOf('day') < _minDate.startOf('day')\n      : false;\n    const isAfter = _maxDate\n      ? date.startOf('day') > _maxDate.startOf('day')\n      : false;\n\n    return !isBefore && !isAfter;\n  }\n\n  private renderYears(): any[] {\n    const rows = [];\n\n    for (let year = this.startYear; year <= this.endYear; year++) {\n      rows.push(\n        <div\n          key={year}\n          class={{\n            arrowYear: true,\n            'month-dropdown-item': true,\n            'disabled-item': !this.isWithinMinMaxYear(year),\n          }}\n          onClick={(event) => this.selectTempYear(event, year)}\n          onKeyUp={(event) => {\n            if (event.key === 'Enter') {\n              this.tempYear = year;\n              this.focusMonth();\n            }\n          }}\n          tabIndex={0}\n        >\n          <ix-icon\n            class={{\n              hidden: this.tempYear !== year,\n              arrowPosition: true,\n            }}\n            name={iconChevronRightSmall}\n            size=\"12\"\n          ></ix-icon>\n          <div style={{ 'min-width': 'max-content' }}>{`${year}`}</div>\n        </div>\n      );\n    }\n\n    return rows;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-date-time-card\n          corners={this.corners}\n          standaloneAppearance={this.standaloneAppearance}\n        >\n          <div class=\"header\" slot=\"header\">\n            <ix-icon-button\n              onClick={() => this.changeToAdjacentMonth(-1)}\n              ghost\n              icon={iconChevronLeftSmall}\n              variant=\"primary\"\n              class=\"arrows\"\n            ></ix-icon-button>\n            <div class=\"selector\">\n              <ix-button\n                ghost\n                ref={this.dropdownButtonRef}\n                data-testid=\"year-month-button\"\n              >\n                <span class=\"fontSize capitalize\">\n                  {this.monthNames[this.selectedMonth]} {this.selectedYear}\n                </span>\n              </ix-button>\n              <ix-dropdown\n                data-testid=\"year-month-dropdown\"\n                class=\"dropdown\"\n                trigger={this.dropdownButtonRef.waitForCurrent()}\n                ignoreRelatedSubmenu\n                placement=\"bottom-start\"\n              >\n                <div class=\"wrapper\">\n                  <div\n                    data-testid=\"year-container\"\n                    class=\"overflow\"\n                    onScroll={() => this.infiniteScrollYears()}\n                    ref={this.yearContainerRef}\n                  >\n                    {this.renderYears()}\n                  </div>\n                  <div class=\"overflow\" data-testid=\"month-container\">\n                    {this.monthNames.map((month, index) => (\n                      <div\n                        key={month}\n                        ref={(ref) => {\n                          if (month === this.monthNames[0]) {\n                            this.firstMonthRef(ref);\n                          }\n                        }}\n                        class={{\n                          arrowYear: true,\n                          'month-dropdown-item': true,\n                          selected:\n                            this.tempYear === this.selectedYear &&\n                            this.tempMonth === index,\n                          'disabled-item': !this.isWithinMinMaxMonth(index),\n                        }}\n                        onClick={() => this.selectMonth(index)}\n                        onKeyUp={(event) =>\n                          event.key === 'Enter' && this.selectMonth(index)\n                        }\n                        tabIndex={0}\n                      >\n                        <ix-icon\n                          class={{\n                            hidden:\n                              this.tempYear !== this.selectedYear ||\n                              this.tempMonth !== index,\n                            checkPosition: true,\n                          }}\n                          name={iconSingleCheck}\n                          size=\"16\"\n                        ></ix-icon>\n                        <div>\n                          <span class=\"capitalize monthMargin\">{`${month} ${this.tempYear}`}</span>\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n              </ix-dropdown>\n            </div>\n            <ix-icon-button\n              onClick={() => this.changeToAdjacentMonth(1)}\n              ghost\n              icon={iconChevronRightSmall}\n              variant=\"primary\"\n              class=\"arrows\"\n            ></ix-icon-button>\n          </div>\n          <div\n            class={{\n              grid: true,\n              'grid--show-week-numbers': this.showWeekNumbers,\n            }}\n          >\n            {this.showWeekNumbers && <div class=\"calendar-item week-day\"></div>}\n            {this.dayNames.map((name) => (\n              <div key={name} class=\"calendar-item week-day\">\n                <div class=\"overflow\">{name.slice(0, 3)}</div>\n              </div>\n            ))}\n            {this.calendar.map((week) => {\n              return (\n                <Fragment>\n                  {this.showWeekNumbers && (\n                    <div class=\"calendar-item week-number\">\n                      {week.weekNumber}\n                    </div>\n                  )}\n                  {week.dayNumbers.map((day) => {\n                    return day ? (\n                      <div\n                        key={day}\n                        id={`day-cell-${day}`}\n                        date-calender-day\n                        class={this.getDayClasses(day)}\n                        onClick={(e) => {\n                          const target = e.currentTarget as HTMLElement;\n                          this.selectDay(day, target);\n                        }}\n                        onKeyUp={(e) => {\n                          const target = e.currentTarget as HTMLElement;\n                          if (e.key === 'Enter') {\n                            this.selectDay(day, target);\n                          }\n                        }}\n                        tabIndex={day === this.focusedDay ? 0 : -1}\n                        onFocus={() => this.onDayFocus()}\n                        onBlur={() => this.onDayBlur()}\n                      >\n                        {day}\n                      </div>\n                    ) : (\n                      <div></div>\n                    );\n                  })}\n                </Fragment>\n              );\n            })}\n          </div>\n          <div\n            class={{\n              button: true,\n              hidden: !this.range || !this.standaloneAppearance,\n            }}\n          >\n            <ix-button onClick={() => this.onDone()}>{this.i18nDone}</ix-button>\n          </div>\n        </ix-date-time-card>\n      </Host>\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:host {\n  --ix-layout-grid-gutter: 24px;\n\n  display: block;\n  flex: 1 1 0%;\n  width: 100%;\n\n  padding-left: calc(var(--ix-layout-grid-gutter) * 0.5);\n  padding-right: calc(var(--ix-layout-grid-gutter) * 0.5);\n}\n\n:host(.no-margin) {\n  padding-left: 0;\n  padding-right: 0;\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 { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-layout-grid',\n  styleUrl: 'layout-grid.scss',\n  shadow: true,\n})\nexport class LayoutGrid {\n  /**\n   * The grid will not have any horizontal padding\n   */\n  @Prop() noMargin = false;\n\n  /**\n   * Grid gap\n   */\n  @Prop() gap: '8' | '12' | '16' | '24' = '24';\n\n  /**\n   * Overwrite the default number of columns. Choose between 2 and 12 columns.\n   */\n  @Prop() columns = 12;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-margin': this.noMargin,\n        }}\n        style={{\n          '--ix-layout-grid-columns': `${this.columns}`,\n          '--ix-layout-grid-gutter': `${this.gap}px`,\n        }}\n      >\n        <slot></slot>\n      </Host>\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\n:host {\n  display: flex;\n  flex-wrap: wrap;\n}\n\n:host(:not(:first-of-type)) {\n  margin-block-start: var(--ix-layout-grid-row-margin, 0);\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 { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ix-row',\n  styleUrl: 'row.scss',\n  shadow: true,\n})\nexport class Row {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-aa2dd2c3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as o,a}from"./p-DJsXFBNm.js";import{u as r,A as i}from"./p--2LOMK-5.js";import{a as s}from"./p-CyFFBc_G.js";import{m as n}from"./p-DDHkNPby.js";import"./p-BdCnOrqW.js";import"./p-D6vSVaHq.js";const h=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .content{display:flex;height:100%;width:100%;position:relative;margin-left:3.25rem;overflow:auto}:host .navigation-content{display:flex;position:relative;flex-direction:row;height:calc(100% - 2.75rem);width:100%}:host(.hide-header) .navigation-content,:host(.hide-header) .content{height:100%}:host(.breakpoint-lg) .content{margin-left:0rem}:host(.breakpoint-sm) .content{margin-left:0px;width:100%}";const l=class{constructor(e){t(this,e);this.hideHeader=false;this.breakpoints=["sm","md","lg"];this.breakpoint="lg"}onHideHeaderChange(){var t;(t=this.contextProvider)===null||t===void 0?void 0:t.emit({hideHeader:this.hideHeader,host:"basic-navigation"});this.breakpoint=s.breakpoint}forceLayoutChange(t){if(!t){s.enableBreakpointDetection();return}s.disableBreakpointDetection();s.setBreakpoint(t)}onBreakpointsChange(t){s.setBreakpoints(t)}get menu(){return this.hostElement.querySelector("ix-menu")}onContentClick(){var t;if(n.isPinned){return}(t=this.menu)===null||t===void 0?void 0:t.toggleMenu(false)}componentWillLoad(){s.setBreakpoints(this.breakpoints);this.contextProvider=r(this.hostElement,i,{hideHeader:this.hideHeader,host:"basic-navigation"});this.modeDisposable=s.onChange.on((t=>{this.breakpoint=t}));this.breakpoint=s.breakpoint;if(this.forceBreakpoint){this.forceLayoutChange(this.forceBreakpoint)}}componentDidRender(){if(this.menu){this.menu.applicationName=this.applicationName}}disconnectedCallback(){var t;(t=this.modeDisposable)===null||t===void 0?void 0:t.dispose()}render(){return e(o,{key:"4822db1bf514b124a556e3ad84371ec65c80b79e","data-role":"",class:{"hide-header":this.hideHeader,[`breakpoint-${this.breakpoint}`]:true}},!this.hideHeader?e("ix-application-header",{name:this.applicationName},e("slot",{name:"logo",slot:"logo"})):null,e("div",{key:"6dac9e78e5fdfcde1d6ceadb634edf144f92d533",class:"navigation-content"},e("slot",{key:"32e0ae56a4bd3d71298fd8febf6dab05f352addf",name:"menu"}),e("div",{key:"9c58c183a31ab742153be18d439e44557caa70b3",class:"content",onClick:()=>this.onContentClick()},e("slot",{key:"8fba39214e60168b3780d95c1e262b976dc4a5a6"}))))}get hostElement(){return a(this)}static get watchers(){return{hideHeader:["onHideHeaderChange"],breakpoints:["onBreakpointsChange"]}}};l.style=h;export{l as ix_basic_navigation};
-//# sourceMappingURL=p-aa2dd2c3.entry.js.map

package/dist/siemens-ix/p-b3d4d2cd.entry.js

@@ -1,2 +0,0 @@
-export{a as ix_menu_settings}from"./p-Cpl-a_ti.js";import"./p-DJsXFBNm.js";import"./p-DLTnniMb.js";
-//# sourceMappingURL=p-b3d4d2cd.entry.js.map

package/dist/siemens-ix/p-ba24447f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as r,a}from"./p-DJsXFBNm.js";import{s as i,t as n}from"./p-DLTnniMb.js";import{H as d}from"./p-CFsAnuUU.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as c,c as h,I as p,g as u,d as m,o as v,S as f}from"./p-BsJawkTz.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const x='input{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width: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)}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{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width: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)}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]){border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .password-eye{margin-left:0.125rem;color:red}:host .password-eye.eye-hidden{display:none}';var g=undefined&&undefined.__decorate||function(e,t,o,r){var a=arguments.length,i=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i;return a>3&&i&&Object.defineProperty(t,o,i),i};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputType="text";this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.inputId=`input-${y++}`;this.touched=false}updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value);this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=b(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){var e;(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=u(this);return o(r,{key:"b069d91c5aca4f679c93b1d440f6ad48cb28d2af",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"a101bf7a971898a1209b832ee5534ab0a835c493",htmlForLabel:this.inputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"3cbe94c3408fac2409a4ba53d51a9c48c62516cf",class:"input-wrapper"},o(h,{key:"813456b81fe7cb3c6630a5366dd8a281bb8cd869",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"f271a11579c1a710a2dd21d6f807c44f7e40dce8",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>m(this,e),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{v(this,this.inputRef.current);this.touched=true},ariaAttributes:t}),o(f,{key:"ca0be4a9ab7182ef66750d710e2275f9586eb361",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{key:"f1371a3cc2ac0497f8bfa5cc54f82f2c7133c555",color:"color-weak-text",class:{"password-eye":true,"eye-hidden":this.type!=="password"},ghost:true,icon:this.inputType==="password"?i:n,onClick:()=>{if(this.inputType==="password"){this.inputType="text";return}this.inputType="password"}}))),!!this.maxLength&&this.maxLength>0&&o("ix-typography",{key:"cb783fa80a4ce1fb46b2f69c81e5ca8eb37137f1",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(e=this.value)===null||e===void 0?void 0:e.length,"/",this.maxLength)))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{type:["updateInputType"]}}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_input};
-//# sourceMappingURL=p-ba24447f.entry.js.map

package/dist/siemens-ix/p-c5f8ccc9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as s,H as e,a}from"./p-DJsXFBNm.js";import{a as r,c as i,i as n,b as c,p as l}from"./p-DLTnniMb.js";const h=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin-right:1rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}:host .toast-body .toast-content .toast-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);margin:0.25rem 0px}:host .toast-body .toast-content .toast-message{min-width:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host .toast-body .toast-icon+.toast-content{max-width:10.25rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px}:host .toast-progress-bar{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const d=class{constructor(s){t(this,s);this.closeToast=o(this,"closeToast",7);this.type="info";this.autoCloseDelay=5e3;this.autoClose=true;this.progress=0;this.touched=false}getIcon(){if(this.icon){return s("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"})}switch(this.type){case"info":return s("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return s("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return s("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return s("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t={};const o=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched?"paused":"running"};o.push("toast-progress-bar--animated");return s(e,{key:"5cd409e44eb70f62044da80c4896c5c06e842884",class:"animate__animated animate__fadeIn"},s("div",{key:"efa97240800330233c5e315eee93e93bc14ca5e9",class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},this.type||this.icon?s("div",{class:"toast-icon"},this.getIcon()):null,s("div",{key:"d0b9c1ec9c8a215c1627a64246711ee8e2d53c5a",class:"toast-content"},this.toastTitle?s("div",{class:"toast-title"},this.toastTitle):null,s("div",{key:"16168044e69f155781109b10f2055125c5a26e92",class:"toast-message"},s("slot",{key:"7243f4cbbf8eb959e004fcbfdbf335bd3f35b9a0"}))),s("div",{key:"01e917507ba67c7582040159aaa74d1a58bdbd93",class:"toast-close"},s("ix-icon-button",{key:"03591a35772c37cc411cef0b4872a65210ecd146",icon:l,size:"24",ghost:true,onClick:()=>this.closeToast.emit()}))),this.autoClose?s("div",{class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}):null)}get hostElement(){return a(this)}};d.style=h;export{d as ix_toast};
-//# sourceMappingURL=p-c5f8ccc9.entry.js.map

package/dist/siemens-ix/p-c5f8ccc9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["toastCss","Toast","constructor","hostRef","this","type","autoCloseDelay","autoClose","progress","touched","getIcon","icon","h","name","color","iconColor","size","iconInfo","iconError","iconSuccess","iconWarning","close","hostElement","classList","add","setTimeout","closeToast","emit","render","progressBarStyle","progressBarClass","animationDuration","animationPlayState","push","Host","key","class","onPointerLeave","onPointerEnter","toastTitle","iconClose","ghost","onClick","join","style","onAnimationEnd","onTransitionEnd"],"sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.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\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius);\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    min-height: 3.5rem;\n    width: 100%;\n    flex-grow: 1;\n    padding: 0.75rem;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin-right: $default-space;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n\n      .toast-title {\n        @include text-default-title-single;\n        margin: 0.25rem 0px;\n      }\n\n      .toast-message {\n        min-width: 0;\n\n        @include text-default;\n      }\n    }\n\n    .toast-icon + .toast-content {\n      max-width: 10.25rem;\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    pointer-events: all;\n    margin-left: auto;\n    margin-right: 0px;\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: $tiny-space;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n  iconClose,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  shadow: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle?: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast!: EventEmitter;\n\n  @State() progress = 0;\n  @State() touched = false;\n\n  @Element() hostElement!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return (\n        <ix-icon\n          data-testid=\"toast-icon\"\n          name={this.icon}\n          color={this.iconColor}\n          size=\"24\"\n        />\n      );\n    }\n\n    switch (this.type) {\n      case 'info':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconInfo}\n            size=\"24\"\n            color=\"color-std-text\"\n          />\n        );\n\n      case 'error':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconError}\n            size=\"24\"\n            color=\"color-alarm\"\n          />\n        );\n\n      case 'success':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconSuccess}\n            size=\"24\"\n            color=\"color-success\"\n          />\n        );\n\n      case 'warning':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconWarning}\n            size=\"24\"\n            color=\"color-warning\"\n          />\n        );\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.hostElement) {\n      this.hostElement.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    progressBarStyle = {\n      animationDuration: `${this.autoCloseDelay}ms`,\n      animationPlayState: this.touched ? 'paused' : 'running',\n    };\n\n    progressBarClass.push('toast-progress-bar--animated');\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.touched = false;\n          }}\n          onPointerEnter={() => {\n            this.touched = true;\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title\">{this.toastTitle}</div>\n            ) : null}\n            <div class=\"toast-message\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon={iconClose}\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2HAAA,MAAMA,EAAW,m3E,MCiCJC,EAAK,MALlB,WAAAC,CAAAC,G,iDASUC,KAAIC,KAAc,OAUlBD,KAAcE,eAAG,IAKjBF,KAASG,UAAG,KAiBXH,KAAQI,SAAG,EACXJ,KAAOK,QAAG,KAmIpB,CA/HS,OAAAC,GACN,GAAIN,KAAKO,KAAM,CACb,OACEC,EAAA,yBACc,aACZC,KAAMT,KAAKO,KACXG,MAAOV,KAAKW,UACZC,KAAK,M,CAKX,OAAQZ,KAAKC,MACX,IAAK,OACH,OACEO,EACc,sCACZC,KAAMI,EACND,KAAK,KACLF,MAAM,mBAIZ,IAAK,QACH,OACEF,EACc,sCACZC,KAAMK,EACNF,KAAK,KACLF,MAAM,gBAIZ,IAAK,UACH,OACEF,EACc,sCACZC,KAAMM,EACNH,KAAK,KACLF,MAAM,kBAIZ,IAAK,UACH,OACEF,EACc,sCACZC,KAAMO,EACNJ,KAAK,KACLF,MAAM,kBAIZ,QACE,MAAO,G,CAIL,KAAAO,GACN,GAAIjB,KAAKkB,YAAa,CACpBlB,KAAKkB,YAAYC,UAAUC,IAAI,mB,CAEjCC,YAAW,KACTrB,KAAKsB,WAAWC,MAAM,GACrB,I,CAGL,MAAAC,GACE,IAAIC,EAA2C,GAE/C,MAAMC,EAAmB,CAAC,sBAE1BD,EAAmB,CACjBE,kBAAmB,GAAG3B,KAAKE,mBAC3B0B,mBAAoB5B,KAAKK,QAAU,SAAW,WAGhDqB,EAAiBG,KAAK,gCAEtB,OACErB,EAACsB,EAAK,CAAAC,IAAA,2CAAAC,MAAM,qCACVxB,EAAA,OAAAuB,IAAA,2CACEC,MAAM,aACNC,eAAgB,KACdjC,KAAKK,QAAU,KAAK,EAEtB6B,eAAgB,KACdlC,KAAKK,QAAU,IAAI,GAGpBL,KAAKC,MAAQD,KAAKO,KACjBC,EAAK,OAAAwB,MAAM,cAAchC,KAAKM,WAC5B,KACJE,EAAK,OAAAuB,IAAA,2CAAAC,MAAM,iBACRhC,KAAKmC,WACJ3B,EAAA,OAAKwB,MAAM,eAAehC,KAAKmC,YAC7B,KACJ3B,EAAK,OAAAuB,IAAA,2CAAAC,MAAM,iBACTxB,EAAA,QAAAuB,IAAA,+CAGJvB,EAAK,OAAAuB,IAAA,2CAAAC,MAAM,eACTxB,EACE,kBAAAuB,IAAA,2CAAAxB,KAAM6B,EACNxB,KAAK,KACLyB,MACA,KAAAC,QAAS,IAAMtC,KAAKsB,WAAWC,WAIpCvB,KAAKG,UACJK,EAAA,OACEwB,MAAON,EAAiBa,KAAK,KAC7BC,MAAOf,EACPgB,eAAgB,KACdzC,KAAKiB,OAAO,EAEdyB,gBAAiB,KACf,GAAI1C,KAAKI,WAAa,EAAG,CACvBJ,KAAKiB,O,KAIT,K","ignoreList":[]}

package/dist/siemens-ix/p-ecd576f8.entry.js

@@ -1,2 +0,0 @@
-import{h as r,r as e,F as t,H as s,a as i}from"./p-DJsXFBNm.js";import{T as o,c as a,a as n,b as c,i as l}from"./p-DLTnniMb.js";function h({value:e}){return r("div",{class:"linear-progress-container"},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":true},style:{width:`${e}%`},"data-value":e})))}function d(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":return 32;case"lg":return 48;case"xl":return 64;default:return 32}}const p=(e,t)=>{const{value:s,size:i}=e;const o=d(i);const a=o/2;const n=2*Math.PI*a;const c=Math.round(n*((100-s)/100));const l=i==="lg"||i==="xl";return r("div",{class:"circular-progress-container"},r("svg",{width:o,height:o,viewBox:`-${o*.125} -${o*.125} ${o*1.25} ${o*1.25}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:a,cx:a,cy:a,fill:"transparent",stroke:"var(--theme-color-component-4)","stroke-width":`3px`}),c>0&&r("circle",{r:a,cx:a,cy:a,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-linecap":"round","stroke-dashoffset":`${c}px`,fill:"transparent","stroke-dasharray":`${n}px`}),r("foreignObject",{x:`0px`,y:`0px`,width:`${o}px`,height:`${o}px`,style:{transform:`rotate(90deg) translate(0px, -${o}px)`}},l&&r("div",{class:"slotted-container slotted-container-inside"},t))),!l&&r("div",{class:"slotted-container"},t))};const g=":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;align-items:center;gap:0.5rem;flex-wrap:nowrap}:host .label{margin:0.25rem 0px}:host .helper-text{display:flex;align-items:flex-start;margin:0.25rem 0px;gap:0.25rem}:host .helper-text ix-icon{margin:0.125rem}:host .helper-text.success ix-icon{color:var(--theme-color-success)}:host .helper-text.error{color:var(--theme-color-alarm-text)}:host .helper-text.error ix-icon{color:var(--theme-color-alarm)}:host .helper-text.info ix-icon{color:var(--theme-color-info)}:host .helper-text.warning ix-icon{color:var(--theme-color-warning)}:host .helper-text.paused ix-icon{color:var(--theme-color-neutral)}:host .helper-text.text-left{justify-content:flex-start}:host .helper-text.text-right{justify-content:flex-end}:host .helper-text.text-center{justify-content:center}:host .progress-indicator{--ix-progress-indicator-color:var(--theme-color-success);height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator.success{--ix-progress-indicator-color:var(--theme-color-success)}:host .progress-indicator.error{--ix-progress-indicator-color:var(--theme-color-alarm)}:host .progress-indicator.info{--ix-progress-indicator-color:var(--theme-color-info)}:host .progress-indicator.warning{--ix-progress-indicator-color:var(--theme-color-warning)}:host .progress-indicator.paused{--ix-progress-indicator-color:var(--theme-color-neutral)}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-color-component-4);border-radius:2px;overflow:hidden}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{display:flex;align-items:center;width:100%;gap:0.25rem}:host(.circular) .slotted-container{width:100%;height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}";const x=class{constructor(r){e(this,r);this.type="linear";this.size="md";this.value=0;this.min=0;this.max=100;this.status="default";this.textAlignment="left";this.showTextAsTooltip=false}getHelperText(){let e=null;switch(this.status){case"error":e=l;break;case"info":e=c;break;case"warning":e=n;break;case"success":e=a;break;case"paused":e=o;break;default:e=null}if(!this.helperText){return r("slot",{name:"helper-text"})}return r("div",{class:{"helper-text":true,[this.status]:true,"text-left":this.textAlignment==="left","text-center":this.textAlignment==="center","text-right":this.textAlignment==="right"}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:"text"},this.helperText),r("slot",{name:"helper-text"}))}render(){const e=(this.value-this.min)/(this.max-this.min)*100;const i=Math.max(0,Math.min(e,100));return r(s,{key:"cc4c823745da737d65f73c5b5525a58c634ded43",class:{linear:this.type==="linear",circular:this.type==="circular"},tabIndex:-1},r("div",{key:"aa5c1b618b24bccd01611fcd2cb99cf9d496e94b",class:{"progress-indicator":true,[this.size]:true,[this.status]:true}},this.label&&r("ix-typography",{key:"dd49d159c46f555a5e3385c361604d500477b9ba",format:"label",textColor:this.status==="error"?"alarm":"soft",class:"label"},this.label),r("div",{key:"67f62d530de5dcc02f274aab3ddde419d56d383c",class:"progress-container"},this.type==="linear"?r(t,null,r(h,{value:i}),r("div",{class:"linear-slot"},r("slot",null))):r(p,{value:i,size:this.size},r("slot",null))),this.showTextAsTooltip===true&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}get hostElement(){return i(this)}};x.style=g;export{x as ix_progress_indicator};
-//# sourceMappingURL=p-ecd576f8.entry.js.map

package/dist/siemens-ix/p-ecd576f8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LinearBar","value","h","class","role","style","width","getCircularSize","size","CircularProgress","props","children","sizeInPixel","radius","circumference","Math","PI","percentage","round","slotInsideCircular","height","viewBox","version","xmlns","transform","r","cx","cy","fill","stroke","x","y","progressIndicatorCss","ProgressIndicator","constructor","hostRef","this","type","min","max","status","textAlignment","showTextAsTooltip","getHelperText","icon","iconError","iconInfo","iconWarning","iconSuccess","iconCirclePause","helperText","name","render","normalizedValue","clampedValue","Host","key","linear","circular","tabIndex","label","format","textColor","Fragment","for","hostElement","showDelay","placement"],"sources":["src/components/progress-indicator/linear.tsx","src/components/progress-indicator/circular.tsx","src/components/progress-indicator/progress-indicator.scss?tag=ix-progress-indicator&encapsulation=shadow","src/components/progress-indicator/progress-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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 } from '@stencil/core';\n\nexport function LinearBar({\n  value,\n}: Readonly<{\n  value: number;\n}>) {\n  return (\n    <div class=\"linear-progress-container\">\n      <div\n        class=\"progress\"\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          class={{\n            'progress-bar': true,\n          }}\n          style={{ width: `${value}%` }}\n          data-value={value}\n        ></div>\n      </div>\n    </div>\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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, type FunctionalComponent } from '@stencil/core';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\nfunction getCircularSize(size: ProgressIndicatorSize) {\n  switch (size) {\n    case 'xs':\n      return 16;\n    case 'sm':\n      return 24;\n    case 'md':\n      return 32;\n    case 'lg':\n      return 48;\n    case 'xl':\n      return 64;\n    default:\n      return 32;\n  }\n}\n\nexport type CircularProgressProps = {\n  value: number;\n  size: ProgressIndicatorSize;\n};\n\nexport const CircularProgress: FunctionalComponent<CircularProgressProps> = (\n  props: Readonly<CircularProgressProps>,\n  children\n) => {\n  const { value, size } = props;\n  const sizeInPixel = getCircularSize(size);\n  const radius = sizeInPixel / 2;\n  const circumference = 2 * Math.PI * radius;\n  const percentage = Math.round(circumference * ((100 - value) / 100));\n\n  const slotInsideCircular = size === 'lg' || size === 'xl';\n\n  return (\n    <div class=\"circular-progress-container\">\n      <svg\n        width={sizeInPixel}\n        height={sizeInPixel}\n        viewBox={`-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${\n          sizeInPixel * 1.25\n        } ${sizeInPixel * 1.25}`}\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ transform: 'rotate(-90deg)' }}\n      >\n        <circle\n          r={radius}\n          cx={radius}\n          cy={radius}\n          fill=\"transparent\"\n          stroke=\"var(--theme-color-component-4)\"\n          stroke-width={`3px`}\n        ></circle>\n        {percentage > 0 && (\n          <circle\n            r={radius}\n            cx={radius}\n            cy={radius}\n            stroke=\"var(--ix-progress-indicator-color)\"\n            stroke-width=\"3px\"\n            stroke-linecap=\"round\"\n            stroke-dashoffset={`${percentage}px`}\n            fill=\"transparent\"\n            stroke-dasharray={`${circumference}px`}\n          ></circle>\n        )}\n        <foreignObject\n          x={`0px`}\n          y={`0px`}\n          width={`${sizeInPixel}px`}\n          height={`${sizeInPixel}px`}\n          style={{\n            transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,\n          }}\n        >\n          {slotInsideCircular && (\n            <div class=\"slotted-container slotted-container-inside\">\n              {children}\n            </div>\n          )}\n        </foreignObject>\n      </svg>\n      {!slotInsideCircular && <div class=\"slotted-container\">{children}</div>}\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2025 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 './linear' as linear;\n@use './circular' as circular;\n\n:host {\n  display: block;\n  position: relative;\n  width: 24rem;\n  height: fit-content;\n\n  .progress-container {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-wrap: nowrap;\n  }\n\n  .label {\n    margin: 0.25rem 0px;\n  }\n\n  .helper-text {\n    display: flex;\n    align-items: flex-start;\n    margin: 0.25rem 0px;\n    gap: 0.25rem;\n\n    ix-icon {\n      margin: 0.125rem;\n    }\n\n    &.success {\n      ix-icon {\n        color: var(--theme-color-success);\n      }\n    }\n\n    &.error {\n      color: var(--theme-color-alarm-text);\n\n      ix-icon {\n        color: var(--theme-color-alarm);\n      }\n    }\n\n    &.info {\n      ix-icon {\n        color: var(--theme-color-info);\n      }\n    }\n\n    &.warning {\n      ix-icon {\n        color: var(--theme-color-warning);\n      }\n    }\n\n    &.paused {\n      ix-icon {\n        color: var(--theme-color-neutral);\n      }\n    }\n\n    &.text-left {\n      justify-content: flex-start;\n    }\n\n    &.text-right {\n      justify-content: flex-end;\n    }\n\n    &.text-center {\n      justify-content: center;\n    }\n  }\n\n  .progress-indicator {\n    --ix-progress-indicator-color: var(--theme-color-success);\n\n    height: 100%;\n\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n\n    &.success {\n      --ix-progress-indicator-color: var(--theme-color-success);\n    }\n\n    &.error {\n      --ix-progress-indicator-color: var(--theme-color-alarm);\n    }\n\n    &.info {\n      --ix-progress-indicator-color: var(--theme-color-info);\n    }\n\n    &.warning {\n      --ix-progress-indicator-color: var(--theme-color-warning);\n    }\n\n    &.paused {\n      --ix-progress-indicator-color: var(--theme-color-neutral);\n    }\n  }\n}\n\n:host(.linear) {\n  .progress-indicator {\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n  }\n\n  @include linear.linear;\n\n  .linear-slot {\n    min-width: 2.25rem;\n  }\n}\n\n:host(.circular) {\n  @include circular.circular;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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 { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport { LinearBar } from './linear';\nimport {\n  iconCirclePause,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { CircularProgress } from './circular';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\n/**\n * @since 3.2.0\n */\n@Component({\n  tag: 'ix-progress-indicator',\n  styleUrl: 'progress-indicator.scss',\n  shadow: true,\n})\nexport class ProgressIndicator {\n  @Element() hostElement!: HTMLIxProgressIndicatorElement;\n\n  /**\n   * The type of progress indicator to use.\n   */\n  @Prop() type: 'linear' | 'circular' = 'linear';\n\n  /**\n   * The size of the progress indicator.\n   */\n  @Prop() size: ProgressIndicatorSize = 'md';\n\n  /**\n   * The value of the progress indicator.\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The minimum value of the progress indicator.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum value of the progress indicator.\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * The state of the progress indicator.\n   * This is used to indicate the current state of the progress indicator.\n   */\n  @Prop() status:\n    | 'default'\n    | 'success'\n    | 'error'\n    | 'info'\n    | 'warning'\n    | 'paused' = 'default';\n\n  /**\n   * The label for the progress indicator.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The helper text for the progress indicator.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The text alignment for the helper text.\n   * Can be 'left', 'center', or 'right'.\n   */\n  @Prop() textAlignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Show the helper text as a tooltip\n   */\n  @Prop() showTextAsTooltip: boolean = false;\n\n  private getHelperText() {\n    let icon: string | null = null;\n\n    switch (this.status) {\n      case 'error':\n        icon = iconError;\n        break;\n      case 'info':\n        icon = iconInfo;\n        break;\n      case 'warning':\n        icon = iconWarning;\n        break;\n      case 'success':\n        icon = iconSuccess;\n        break;\n      case 'paused':\n        icon = iconCirclePause;\n        break;\n      default:\n        icon = null;\n    }\n\n    if (!this.helperText) {\n      return <slot name=\"helper-text\"></slot>;\n    }\n\n    return (\n      <div\n        class={{\n          'helper-text': true,\n          [this.status]: true,\n          'text-left': this.textAlignment === 'left',\n          'text-center': this.textAlignment === 'center',\n          'text-right': this.textAlignment === 'right',\n        }}\n      >\n        {icon && <ix-icon name={icon} size=\"16\"></ix-icon>}\n        <div class=\"text\">{this.helperText}</div>\n        <slot name=\"helper-text\"></slot>\n      </div>\n    );\n  }\n\n  render() {\n    const normalizedValue =\n      ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    const clampedValue = Math.max(0, Math.min(normalizedValue, 100));\n\n    return (\n      <Host\n        class={{\n          linear: this.type === 'linear',\n          circular: this.type === 'circular',\n        }}\n        tabIndex={-1}\n      >\n        <div\n          class={{\n            'progress-indicator': true,\n            [this.size]: true,\n            [this.status]: true,\n          }}\n        >\n          {this.label && (\n            <ix-typography\n              format=\"label\"\n              textColor={this.status === 'error' ? 'alarm' : 'soft'}\n              class={'label'}\n            >\n              {this.label}\n            </ix-typography>\n          )}\n\n          <div class=\"progress-container\">\n            {this.type === 'linear' ? (\n              <Fragment>\n                <LinearBar value={clampedValue}></LinearBar>\n                <div class=\"linear-slot\">\n                  <slot></slot>\n                </div>\n              </Fragment>\n            ) : (\n              <CircularProgress value={clampedValue} size={this.size}>\n                <slot></slot>\n              </CircularProgress>\n            )}\n          </div>\n          {this.showTextAsTooltip === true && this.helperText ? (\n            <ix-tooltip\n              for={this.hostElement}\n              showDelay={500}\n              placement=\"bottom\"\n            >\n              {this.getHelperText()}\n            </ix-tooltip>\n          ) : (\n            this.getHelperText()\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-fbacd6eb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["timeInputCss","TimeInput","constructor","hostRef","this","value","format","readonly","disabled","i18nErrorTimeUnparsable","hourInterval","minuteInterval","secondInterval","millisecondInterval","i18nSelectTime","i18nTime","i18nHourColumnHeader","i18nMinuteColumnHeader","i18nSecondColumnHeader","i18nMillisecondColumnHeader","show","time","isInputInvalid","isInvalid","isValid","isInfo","isWarning","focus","slotStartRef","makeRef","slotEndRef","timePickerRef","inputElementRef","dropdownElementRef","touched","updateFormInternalValue","formInternals","setFormValue","connectedCallback","classObserver","createClassMutationObserver","hostElement","checkClassList","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","updatePaddings","bind","componentWillLoad","now","DateTime","toFormat","onInput","watchValue","adjustPaddingForStartAndEnd","current","disconnectedCallback","_a","destroy","_b","call","hasValidValue","Promise","resolve","getAssociatedFormElement","form","valueChange","emit","fromFormat","invalidReason","onTimeIconClick","event","stopPropagation","preventDefault","openDropdown","dropdownElement","waitForCurrent","id","getAttribute","dropdownController","dismissAll","dropdown","getDropdownById","present","closeDropdown","dismiss","classList","contains","renderInput","h","class","SlotStart","onSlotChange","autoComplete","readOnly","required","ref","type","placeholder","name","target","onClick","onFocus","async","ixFocus","onBlur","ixBlur","SlotEnd","ghost","icon","iconClock","hookValidationLifecycle","isInvalidByRequired","onInputValidationChange","state","getValidityState","validityStateChange","patternMismatch","badInput","customError","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valid","valueMissing","getNativeInputElement","focusInput","isTouched","render","invalidText","Host","key","label","helperText","infoText","warningText","validText","showTextAsTooltip","controlRef","trigger","closeBehavior","suppressOverflowBehavior","onShowChanged","detail","standaloneAppearance","i18nConfirmTime","i18nHeader","onTimeSelect","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/time-input/time-input.scss?tag=ix-time-input&encapsulation=shadow","src/components/time-input/time-input.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'mixins/input';\n@import './../input/input.mixins.scss';\n\n@include input-field;\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n\n  input {\n    width: 100%;\n    height: 100%;\n  }\n\n  .time-icon-hidden {\n    display: none;\n  }\n}\n\n:host(.readonly) {\n  input {\n    pointer-events: none;\n  }\n}\n\n.input-wrapper {\n  position: relative;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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 { iconClock } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { dropdownController } from '../dropdown/dropdown-controller';\nimport { SlotEnd, SlotStart } from '../input/input.fc';\nimport {\n  DisposableChangesAndVisibilityObservers,\n  addDisposableChangesAndVisibilityObservers,\n  adjustPaddingForStartAndEnd,\n} from '../input/input.util';\nimport {\n  ClassMutationObserver,\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n  createClassMutationObserver,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { IxTimePickerCustomEvent } from '../../components';\nimport type { TimeInputValidityState } from './time-input.types';\n\n/**\n * @since 3.2.0\n * @form-ready\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-time-input',\n  styleUrl: 'time-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class TimeInput implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxTimeInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * Value of the input element\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() format: string = 'TT';\n\n  /**\n   * Required attribute\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * Helper text below the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label of the input field\n   */\n  @Prop() label?: string;\n\n  /**\n   * Error text below the input field\n   */\n  @Prop({ reflect: true }) invalidText?: string;\n\n  /**\n   * Readonly attribute\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * Disabled attribute\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Info text below the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Warning text below the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Valid text below the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * Show text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * I18n string for the error message when the time is not parsable\n   */\n  @Prop({ attribute: 'i18n-error-time-unparsable' }) i18nErrorTimeUnparsable =\n    'Time is not valid';\n\n  /**\n   * Interval for hour selection\n   */\n  @Prop() hourInterval: number = 1;\n\n  /**\n   * Interval for minute selection\n   */\n  @Prop() minuteInterval: number = 1;\n\n  /**\n   * Interval for second selection\n   */\n  @Prop() secondInterval: number = 1;\n\n  /**\n   * Interval for millisecond selection\n   */\n  @Prop() millisecondInterval: number = 100;\n\n  /**\n   * Text of time-picker time select button\n   */\n  @Prop({ attribute: 'i18n-select-time' }) i18nSelectTime: string = 'Confirm';\n\n  /**\n   * Text for time-picker top label\n   */\n  @Prop({ attribute: 'i18n-time' }) i18nTime: string = 'Time';\n\n  /**\n   * Text for time-picker hour column header\n   */\n  @Prop({ attribute: 'i18n-hour-column-header' }) i18nHourColumnHeader: string =\n    'hr';\n\n  /**\n   * Text for time-picker minute column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-minute-column-header' })\n  i18nMinuteColumnHeader: string = 'min';\n\n  /**\n   * Text for time-picker second column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-second-column-header' })\n  i18nSecondColumnHeader: string = 'sec';\n\n  /**\n   * Text for time-picker millisecond column header\n   */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Prop({ attribute: 'i18n-millisecond-column-header' })\n  i18nMillisecondColumnHeader: string = 'ms';\n\n  /**\n   * Input change event.\n   */\n  @Event({ cancelable: false }) valueChange!: EventEmitter<string>;\n\n  /**\n   * Validation state change event.\n   */\n  @Event() validityStateChange!: EventEmitter<TimeInputValidityState>;\n\n  /** @internal */\n  @Event() ixFocus!: EventEmitter<void>;\n\n  /** @internal */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() show = false;\n  @State() time: string | null = null;\n  @State() isInputInvalid = false;\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() focus = false;\n\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n\n  private readonly timePickerRef = makeRef<HTMLIxTimePickerElement>();\n\n  private readonly inputElementRef = makeRef<HTMLInputElement>();\n  private readonly dropdownElementRef = makeRef<HTMLIxDropdownElement>();\n  private classObserver?: ClassMutationObserver;\n  private invalidReason?: string;\n  private touched = false;\n\n  private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n  updateFormInternalValue(value: string): void {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  connectedCallback(): void {\n    this.classObserver = createClassMutationObserver(this.hostElement, () =>\n      this.checkClassList()\n    );\n\n    this.disposableChangesAndVisibilityObservers =\n      addDisposableChangesAndVisibilityObservers(\n        this.hostElement,\n        this.updatePaddings.bind(this)\n      );\n  }\n\n  componentWillLoad(): void {\n    if (!this.value) {\n      const now = DateTime.now();\n      if (now.isValid) {\n        this.value = now.toFormat(this.format);\n      }\n    }\n\n    this.onInput(this.value);\n    if (this.isInputInvalid) {\n      this.time = null;\n    } else {\n      this.watchValue();\n    }\n\n    this.checkClassList();\n    this.updateFormInternalValue(this.value);\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputElementRef.current\n    );\n  }\n\n  disconnectedCallback(): void {\n    this.classObserver?.destroy();\n    this.disposableChangesAndVisibilityObservers?.();\n  }\n\n  @Watch('value')\n  watchValue() {\n    this.time = this.value;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  async onInput(value: string) {\n    this.value = value;\n    if (!value) {\n      this.isInputInvalid = false;\n      this.updateFormInternalValue(value);\n      this.valueChange.emit(value);\n      return;\n    }\n\n    if (!this.format) {\n      return;\n    }\n\n    const time = DateTime.fromFormat(value, this.format);\n    if (time.isValid) {\n      this.isInputInvalid = false;\n    } else {\n      this.isInputInvalid = true;\n      this.invalidReason = time.invalidReason;\n    }\n\n    this.updateFormInternalValue(value);\n    this.valueChange.emit(value);\n  }\n\n  onTimeIconClick(event: Event) {\n    if (!this.show) {\n      event.stopPropagation();\n      event.preventDefault();\n      this.openDropdown();\n    }\n\n    if (this.inputElementRef.current) {\n      this.inputElementRef.current.focus();\n    }\n  }\n\n  async openDropdown() {\n    // keep picker in sync with input\n    this.time = this.value;\n\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    dropdownController.dismissAll();\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.present(dropdown);\n  }\n\n  async closeDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.dismiss(dropdown);\n  }\n\n  private checkClassList() {\n    this.isInvalid = this.hostElement.classList.contains('ix-invalid');\n  }\n\n  private renderInput() {\n    return (\n      <div class=\"input-wrapper\">\n        <SlotStart\n          slotStartRef={this.slotStartRef}\n          onSlotChange={() => this.updatePaddings()}\n        ></SlotStart>\n        <input\n          autoComplete=\"off\"\n          class={{\n            'is-invalid': this.isInputInvalid,\n          }}\n          disabled={this.disabled}\n          readOnly={this.readonly}\n          required={this.required}\n          ref={this.inputElementRef}\n          type=\"text\"\n          value={this.value}\n          placeholder={this.placeholder}\n          name={this.name}\n          onInput={(event) => {\n            const target = event.target as HTMLInputElement;\n            this.onInput(target.value);\n          }}\n          onClick={(event) => {\n            if (this.show) {\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onFocus={async () => {\n            this.openDropdown();\n            this.ixFocus.emit();\n          }}\n          onBlur={() => {\n            this.ixBlur.emit();\n            this.touched = true;\n          }}\n        ></input>\n        <SlotEnd\n          slotEndRef={this.slotEndRef}\n          onSlotChange={() => this.updatePaddings()}\n        >\n          <ix-icon-button\n            data-testid=\"open-time-picker\"\n            class={{ 'time-icon-hidden': this.disabled || this.readonly }}\n            ghost\n            icon={iconClock}\n            onClick={(event) => this.onTimeIconClick(event)}\n            aria-label=\"Toggle time picker\"\n            aria-expanded={this.show}\n          ></ix-icon-button>\n        </SlotEnd>\n      </div>\n    );\n  }\n\n  @HookValidationLifecycle()\n  hookValidationLifecycle({\n    isInfo,\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  @Watch('isInputInvalid')\n  async onInputValidationChange() {\n    const state = await this.getValidityState();\n    this.validityStateChange.emit({\n      patternMismatch: state.patternMismatch,\n      invalidReason: this.invalidReason,\n    });\n  }\n\n  /** @internal */\n  @Method()\n  getValidityState(): Promise<ValidityState> {\n    return Promise.resolve({\n      badInput: false,\n      customError: false,\n      patternMismatch: this.isInputInvalid,\n      rangeOverflow: false,\n      rangeUnderflow: false,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valid: !this.isInputInvalid,\n      valueMissing: !!this.required && !this.value,\n    });\n  }\n\n  /**\n   * Get the native input element\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputElementRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  /**\n   * Returns whether the text field has been touched.\n   * @internal\n   */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    const invalidText = this.isInputInvalid\n      ? this.i18nErrorTimeUnparsable\n      : this.invalidText;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          isInvalid={this.isInvalid}\n          invalidText={invalidText}\n          infoText={this.infoText}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          warningText={this.warningText}\n          isValid={this.isValid}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          required={this.required}\n          controlRef={this.inputElementRef}\n        >\n          {this.renderInput()}\n        </ix-field-wrapper>\n        <ix-dropdown\n          data-testid=\"time-dropdown\"\n          trigger={this.inputElementRef.waitForCurrent()}\n          ref={this.dropdownElementRef}\n          closeBehavior=\"outside\"\n          suppressOverflowBehavior={true}\n          show={this.show}\n          onShowChanged={(event) => {\n            this.show = event.detail;\n          }}\n        >\n          <ix-time-picker\n            ref={this.timePickerRef}\n            format={this.format}\n            time={this.time ?? ''}\n            hourInterval={this.hourInterval}\n            minuteInterval={this.minuteInterval}\n            secondInterval={this.secondInterval}\n            millisecondInterval={this.millisecondInterval}\n            standaloneAppearance={false}\n            i18nConfirmTime={this.i18nSelectTime}\n            i18nHeader={this.i18nTime}\n            i18nHourColumnHeader={this.i18nHourColumnHeader}\n            i18nSecondColumnHeader={this.i18nSecondColumnHeader}\n            i18nMinuteColumnHeader={this.i18nMinuteColumnHeader}\n            i18nMillisecondColumnHeader={this.i18nMillisecondColumnHeader}\n            onTimeSelect={(event: IxTimePickerCustomEvent<string>) => {\n              this.onInput(event.detail);\n\n              this.show = false;\n            }}\n          ></ix-time-picker>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/types/components/application-header/test/application-header.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/avatar/test/avatar.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/blind/test/blind.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/breadcrumb/test/breadcrumb.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/button/test/button.ct.d.ts

@@ -1,7 +0,0 @@
-declare global {
-    interface Window {
-        submitCount: number;
-        isFormSubmitted: boolean;
-    }
-}
-export {};

package/dist/types/components/category-filter/test/category-filter.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/checkbox/tests/checkbox.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/checkbox-group/test/checkbox-group.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/chip/test/chip.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/custom-field/tests/custom-field.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/date-dropdown/test/date-dropdown.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/date-input/tests/date-input.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/date-picker/test/date-picker.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/datetime-picker/test/datetime-picker.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/drawer/test/drawer.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/dropdown/test/dropdown.ct.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/dropdown-button/dropdown-button.ct.d.ts

@@ -1 +0,0 @@
-export {};