@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746

package/dist/siemens-ix/p-07fa84e9.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as r,a}from"./p-B6NtGPRE.js";import{s as i,t as n}from"./p-DLTnniMb.js";import{H as d}from"./p-zYzFdFx8.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,g as u,d as m,o as v,S as f}from"./p-DhH1rUwy.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(){h(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:"6e7e3e9e117348c87aa94528535c5e6dbe3e723d",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"6dd8015435e7add7a1519e093fcd00d824a699bd",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:"bbc85fbba66e4b184ea8e5e1f251a3a000e6dc6b",class:"input-wrapper"},o(c,{key:"ba1f56d2b4ec80969cd0f7e28144c75223a69194",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"2b4b745f814576c511087d66d5f64ecd45a455e9",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:"126271e98c45fba344f375ca4f494b30981764eb",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{key:"c3e698054a2e2cf87284a28d2fa504eb9aec15d1",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:"98239f02ac0431bbd78c04beb3fbceebd8e5c3e1",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-07fa84e9.entry.js.map

package/dist/siemens-ix/p-17a19a44.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownButtonCss","DropdownButton","constructor","hostRef","this","variant","outline","ghost","disabled","closeBehavior","dropdownAnchor","makeRef","getTriangle","h","class","triangle","hide","label","primary","secondary","render","Host","key","ref","alignment","icon","name","size","iconChevronDownSmall","trigger","waitForCurrent","placement"],"sources":["src/components/dropdown-button/dropdown-button.scss?tag=ix-dropdown-button&encapsulation=shadow","src/components/dropdown-button/dropdown-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n  height: $x-large-space;\n  width: auto;\n\n  .hide {\n    display: none;\n  }\n\n  .dropdown-button {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .dropdown-button > ix-button {\n    width: 100%;\n    height: 100%;\n  }\n\n  .dropdown-button .button-label {\n    margin-right: auto;\n    min-width: 0px;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n\n  .dropdown-button .dropdown-icon {\n    margin-right: 0.25rem;\n  }\n\n  .triangle {\n    position: absolute;\n    margin-inline-start: 1.5625rem;\n    margin-block-start: -0.4375rem;\n    border-right: 0 solid transparent;\n    border-left: 4px solid transparent;\n    border-top: 0 solid transparent;\n    border-bottom: 4px solid;\n    color: var(--theme-btn-primary--color);\n  }\n\n  .triangle.primary {\n    &.ghost {\n      color: var(--theme-btn-invisible-primary--color);\n    }\n\n    &.outline {\n      color: var(--theme-btn-outline-primary--color);\n    }\n\n    &.ghost.disabled {\n      color: var(--theme-btn-invisible-primary--color--disabled);\n    }\n\n    &.outline.disabled {\n      color: var(--theme-btn-outline-primary--color--disabled);\n    }\n\n    &.disabled {\n      color: var(--theme-btn-primary--color--disabled);\n    }\n  }\n\n  .triangle.secondary {\n    &.ghost {\n      color: var(--theme-btn-invisible-secondary--color);\n    }\n\n    &.outline {\n      color: var(--theme-btn-outline-secondary--color);\n    }\n\n    &.ghost.disabled {\n      color: var(--theme-btn-invisible-secondary--color--disabled);\n    }\n\n    &.outline.disabled {\n      color: var(--theme-btn-outline-secondary--color--disabled);\n    }\n\n    &.disabled {\n      color: var(--theme-btn-secondary--color--disabled);\n    }\n  }\n\n  .content {\n    display: flex;\n    align-items: center;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\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 { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconChevronDownSmall } from '@siemens/ix-icons/icons';\nimport { makeRef } from '../utils/make-ref';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-dropdown-button',\n  styleUrl: 'dropdown-button.scss',\n  shadow: true,\n})\nexport class DropdownButton {\n  @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n  /**\n   * Button variant\n   */\n  @Prop() variant: DropdownButtonVariant = 'primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable button\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   */\n  @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement?: AlignedPlacement;\n\n  private readonly dropdownAnchor = makeRef<HTMLElement>();\n\n  private getTriangle() {\n    return (\n      <div\n        class={{\n          triangle: true,\n          hide: this.label !== '',\n          primary: this.variant === 'primary',\n          secondary: this.variant === 'secondary',\n          ghost: this.ghost,\n          outline: this.outline,\n          disabled: this.disabled,\n        }}\n      ></div>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n        ref={this.dropdownAnchor}\n      >\n        <div class=\"dropdown-button\">\n          {this.label ? (\n            <ix-button\n              variant={this.variant}\n              outline={this.outline}\n              ghost={this.ghost}\n              disabled={this.disabled}\n              alignment=\"start\"\n            >\n              <div class={'content'}>\n                {this.icon ? (\n                  <ix-icon\n                    name={this.icon}\n                    size=\"24\"\n                    class={'dropdown-icon'}\n                  ></ix-icon>\n                ) : null}\n                <div class={'button-label'}>{this.label}</div>\n                <ix-icon name={iconChevronDownSmall} size=\"24\"></ix-icon>\n              </div>\n            </ix-button>\n          ) : (\n            <div>\n              <ix-icon-button\n                icon={this.icon}\n                variant={this.variant}\n                outline={this.outline}\n                ghost={this.ghost}\n                disabled={this.disabled}\n              ></ix-icon-button>\n              {this.getTriangle()}\n            </div>\n          )}\n        </div>\n\n        <ix-dropdown\n          class=\"dropdown\"\n          trigger={this.dropdownAnchor.waitForCurrent()}\n          placement={this.placement}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAoB,41E,MCsBbC,EAAc,MAL3B,WAAAC,CAAAC,G,UAWUC,KAAOC,QAA0B,UAKjCD,KAAOE,QAAG,MAKVF,KAAKG,MAAG,MAKRH,KAAQI,SAAG,MAeXJ,KAAaK,cAA4C,OAOhDL,KAAcM,eAAGC,GAwEnC,CAtES,WAAAC,GACN,OACEC,EACE,OAAAC,MAAO,CACLC,SAAU,KACVC,KAAMZ,KAAKa,QAAU,GACrBC,QAASd,KAAKC,UAAY,UAC1Bc,UAAWf,KAAKC,UAAY,YAC5BE,MAAOH,KAAKG,MACZD,QAASF,KAAKE,QACdE,SAAUJ,KAAKI,W,CAMvB,MAAAY,GACE,OACEP,EAACQ,EAAI,CAAAC,IAAA,2CACHR,MAAO,CACLN,SAAUJ,KAAKI,UAEjBe,IAAKnB,KAAKM,gBAEVG,EAAA,OAAAS,IAAA,2CAAKR,MAAM,mBACRV,KAAKa,MACJJ,EACE,aAAAR,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZC,SAAUJ,KAAKI,SACfgB,UAAU,SAEVX,EAAK,OAAAC,MAAO,WACTV,KAAKqB,KACJZ,EACE,WAAAa,KAAMtB,KAAKqB,KACXE,KAAK,KACLb,MAAO,kBAEP,KACJD,EAAA,OAAKC,MAAO,gBAAiBV,KAAKa,OAClCJ,EAAA,WAASa,KAAME,EAAsBD,KAAK,SAI9Cd,EAAA,WACEA,EAAA,kBACEY,KAAMrB,KAAKqB,KACXpB,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZC,SAAUJ,KAAKI,WAEhBJ,KAAKQ,gBAKZC,EACE,eAAAS,IAAA,2CAAAR,MAAM,WACNe,QAASzB,KAAKM,eAAeoB,iBAC7BC,UAAW3B,KAAK2B,UAChBtB,cAAeL,KAAKK,eAEpBI,EAAa,QAAAS,IAAA,8C","ignoreList":[]}

package/dist/siemens-ix/p-1b04e58a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["splitButtonCss","SplitButton","constructor","hostRef","this","variant","closeBehavior","outline","ghost","disabled","placement","toggle","linkTriggerRef","triggerElement","dropdownElement","trigger","componentDidLoad","render","buttonAttributes","class","h","Host","key","label","Object","assign","icon","onClick","e","buttonClick","emit","ref","r","_a","splitIcon","iconContextMenu"],"sources":["src/components/split-button/split-button.scss?tag=ix-split-button&encapsulation=shadow","src/components/split-button/split-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n@import 'legacy/components/button-group';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n\n  .btn-group {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n    width: 100%;\n\n    > ix-button:nth-child(1) {\n      width: calc(100% - 2rem);\n    }\n\n    > ix-button:nth-child(2) {\n      width: 2rem;\n    }\n  }\n\n  .middle-gap {\n    gap: 0.125rem;\n  }\n\n  .left-button-border {\n    border-top-width: 0.125rem;\n    border-right-width: 0;\n    border-left-width: 0.125rem;\n    border-bottom-width: 0.125rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconContextMenu } from '@siemens/ix-icons/icons';\nimport { CloseBehavior } from '../dropdown/dropdown-controller';\n\nexport type SplitButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-split-button',\n  styleUrl: 'split-button.scss',\n  shadow: true,\n})\nexport class SplitButton {\n  @Element() hostElement!: HTMLIxSplitButtonElement;\n\n  /**\n   * Color variant of button\n   */\n  @Prop() variant: SplitButtonVariant = 'primary';\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   */\n  @Prop() closeBehavior: CloseBehavior = 'both';\n\n  /**\n   * Button outline variant\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Button label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon of the button on the right\n   */\n  @Prop() splitIcon?: string;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: AlignedPlacement = 'bottom-start';\n\n  @State() toggle = false;\n\n  /**\n   * Button clicked\n   */\n  @Event() buttonClick!: EventEmitter<MouseEvent>;\n\n  private triggerElement?: HTMLElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private linkTriggerRef() {\n    if (this.triggerElement && this.dropdownElement) {\n      this.dropdownElement.trigger = this.triggerElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.linkTriggerRef();\n  }\n\n  render() {\n    const buttonAttributes = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      disabled: this.disabled,\n      class: {\n        'left-button-border': !this.outline,\n      },\n    };\n    return (\n      <Host>\n        <div class={{ 'btn-group': true, 'middle-gap': !this.outline }}>\n          {this.label ? (\n            <ix-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            >\n              {this.label}\n            </ix-button>\n          ) : (\n            <ix-icon-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            ></ix-icon-button>\n          )}\n          <ix-icon-button\n            {...buttonAttributes}\n            ref={(r) => (this.triggerElement = r)}\n            class={'anchor'}\n            icon={this.splitIcon ?? iconContextMenu}\n          ></ix-icon-button>\n        </div>\n\n        <ix-dropdown\n          ref={(r) => (this.dropdownElement = r)}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,i7C,MC+BVC,EAAW,MALxB,WAAAC,CAAAC,G,mDAWUC,KAAOC,QAAuB,UAK9BD,KAAaE,cAAkB,OAK/BF,KAAOG,QAAG,MAKVH,KAAKI,MAAG,MAoBRJ,KAAQK,SAAG,MAKXL,KAASM,UAAqB,eAE7BN,KAAMO,OAAG,KAiEnB,CAvDS,cAAAC,GACN,GAAIR,KAAKS,gBAAkBT,KAAKU,gBAAiB,CAC/CV,KAAKU,gBAAgBC,QAAUX,KAAKS,c,EAIxC,gBAAAG,GACEZ,KAAKQ,gB,CAGP,MAAAK,G,MACE,MAAMC,EAAmB,CACvBb,QAASD,KAAKC,QACdE,QAASH,KAAKG,QACdC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,SACfU,MAAO,CACL,sBAAuBf,KAAKG,UAGhC,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKH,MAAO,CAAE,YAAa,KAAM,cAAef,KAAKG,UAClDH,KAAKmB,MACJH,EACM,YAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,KAErCxB,KAAKmB,OAGRH,EACM,iBAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,MAG1CR,EAAA,iBAAAI,OAAAC,OAAA,CAAAH,IAAA,4CACMJ,EAAgB,CACpBa,IAAMC,GAAO5B,KAAKS,eAAiBmB,EACnCb,MAAO,SACPO,MAAMO,EAAA7B,KAAK8B,aAAa,MAAAD,SAAA,EAAAA,EAAAE,MAI5Bf,EAAA,eAAAE,IAAA,2CACES,IAAMC,GAAO5B,KAAKU,gBAAkBkB,EACpC1B,cAAeF,KAAKE,eAEpBc,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/siemens-ix/p-1fc79a42.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as t}from"./p-B6NtGPRE.js";const s=":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";const o=class{constructor(a){e(this,a)}render(){return a(t,{key:"c464743230eac8e958ea537de3f106a87998d013"},a("ix-spinner",{key:"75c7dc3ec65b50fdd24c2408edb6a719b31d8195",variant:"primary"}),a("span",{key:"5f95a8a338d2ab59faf040ebbf9fb4b79f3adc13",class:"loading-text"},a("slot",{key:"faa67dcf4f19eb79e9dbf625d4f616e6a638929d"})))}};o.style=s;export{o as ix_modal_loading};
-//# sourceMappingURL=p-1fc79a42.entry.js.map

package/dist/siemens-ix/p-227ea9bc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as o,a as r}from"./p-B6NtGPRE.js";import{u as a,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 c=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=a(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:"554173d72095d06ac3d5513c91174c083f3e35a6","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:"7d075b4b4f09e258bf8067ac5faee35777e955d0",class:"navigation-content"},e("slot",{key:"23e5d833f6aa27e5dd5103e3ef029f274397169e",name:"menu"}),e("div",{key:"1ae544b1a13a03981af145ca73c9320cd93350c3",class:"content",onClick:()=>this.onContentClick()},e("slot",{key:"2087065094c3cc5de206d771bcfe5be56adccb70"}))))}get hostElement(){return r(this)}static get watchers(){return{hideHeader:["onHideHeaderChange"],breakpoints:["onBreakpointsChange"]}}};c.style=h;export{c as ix_basic_navigation};
-//# sourceMappingURL=p-227ea9bc.entry.js.map

package/dist/siemens-ix/p-2a1152d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["keyValueCss","KeyValue","constructor","hostRef","this","labelPosition","render","h","Host","key","class","icon","name","size","label","content__value","value","undefined"],"sources":["src/components/key-value/key-value.scss?tag=ix-key-value&encapsulation=shadow","src/components/key-value/key-value.tsx"],"sourcesContent":["@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host(.keyValue) {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: $default-space;\n\n  .keyValue__icon {\n    padding: $tiny-space 0;\n  }\n\n  .keyValue__content {\n    display: flex;\n    flex-grow: 1;\n    align-items: flex-start;\n\n    &,\n    .content__label,\n    .content__value {\n      @include ellipsis;\n      max-width: 100%;\n    }\n\n    .content__label {\n      color: var(--theme-color-soft-text);\n    }\n\n    .content__value {\n      width: 100%;\n    }\n  }\n}\n\n:host(.keyValue.keyValue--column) {\n  padding: $small-space 0;\n  border-bottom: 1px solid var(--theme-color-soft-bdr);\n\n  .keyValue__content {\n    flex-direction: column;\n\n    .content__label,\n    .content__value:not(.has-customValue) {\n      padding: 2px 0;\n    }\n  }\n}\n\n:host(.keyValue.keyValue--row) {\n  padding: $tiny-space 0;\n\n  .keyValue__content {\n    flex-direction: row;\n    gap: $default-space;\n    align-items: center;\n\n    .content__label,\n    .content__value:not(.has-customValue) {\n      padding: 6px 0;\n    }\n\n    .content__label {\n      min-width: 8rem;\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\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nexport type KeyValueLabelPosition = 'top' | 'left';\n\n/**\n * @slot custom-value - Optional custom value at key value instead of text value\n */\n@Component({\n  tag: 'ix-key-value',\n  styleUrl: 'key-value.scss',\n  shadow: true,\n})\nexport class KeyValue {\n  /**\n   * Optional key value icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Key value label\n   */\n  @Prop() label!: string;\n\n  /**\n   * Optional key value label position - 'top' or 'left'\n   */\n  @Prop() labelPosition: KeyValueLabelPosition = 'top';\n\n  /**\n   * Optional key value text value\n   */\n  @Prop() value?: string;\n\n  render() {\n    return (\n      <Host\n        class={`keyValue keyValue--${\n          this.labelPosition === 'top' ? 'column' : 'row'\n        }`}\n      >\n        {this.icon && (\n          <ix-icon name={this.icon} size=\"24\" class=\"keyValue__icon\"></ix-icon>\n        )}\n        <div class=\"keyValue__content\">\n          <div class=\"content__label\">{this.label}</div>\n          <div\n            class={{\n              content__value: true,\n              'has-customValue': this.value === undefined,\n            }}\n          >\n            {this.value !== undefined ? (\n              this.value\n            ) : (\n              <slot name=\"custom-value\"></slot>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,6yC,MCqBPC,EAAQ,MALrB,WAAAC,CAAAC,G,UAmBUC,KAAaC,cAA0B,KAmChD,CA5BC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,sBACLN,KAAKC,gBAAkB,MAAQ,SAAW,SAG3CD,KAAKO,MACJJ,EAAS,WAAAE,IAAA,2CAAAG,KAAMR,KAAKO,KAAME,KAAK,KAAKH,MAAM,mBAE5CH,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBAAkBN,KAAKU,OAClCP,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACLK,eAAgB,KAChB,kBAAmBX,KAAKY,QAAUC,YAGnCb,KAAKY,QAAUC,UACdb,KAAU,MAEVG,EAAM,QAAAK,KAAK,mB","ignoreList":[]}

package/dist/siemens-ix/p-2e0dab7b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dateDropdownCss","DateDropdown","constructor","hostRef","this","disabled","format","range","from","to","minDate","maxDate","dateRangeId","variant","outline","ghost","loading","showWeekNumbers","customRangeAllowed","dateRangeOptions","weekStartIndex","i18nCustomItem","i18nDone","i18nNoRange","today","DateTime","now","toISO","selectedDateRangeId","triggerRef","makeRef","datePickerTouched","onDateRangeIdChange","onRangeListSelect","updateCurrentDate","setDateRangeSelection","currentRangeValue","onDateSelect","id","onDateRangeOptionsChange","initialize","onDisabledChange","closeDropdown","componentWillLoad","getDateRange","isCustomRange","isValidConfiguration","console","warn","rangeValue","preserveDropdown","dateRangeChange","emit","option","find","dropdown","hostElement","shadowRoot","querySelector","show","getButtonLabel","_a","_b","length","error","label","render","h","Host","key","icon","iconHistory","ref","class","trigger","waitForCurrent","closeBehavior","placement","onShowChanged","detail","noMargin","map","dateRangeOption","onClick","checked","hidden","Fragment","standaloneAppearance","locale","onDateChange","e","stopPropagation","Object","assign","onDateRangeChange","_c"],"sources":["src/components/date-dropdown/date-dropdown.scss?tag=ix-date-dropdown&encapsulation=shadow","src/components/date-dropdown/date-dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  @media (max-width: 48em) {\n    .min-width {\n      width: min-content;\n    }\n  }\n\n  @media (min-width: 48em) {\n    .border-right {\n      border-right: var(--theme-x-weak-bdr-2);\n    }\n  }\n\n  ix-button {\n    width: 100%;\n  }\n\n  .max-height {\n    max-height: max-content;\n  }\n\n  .no-margin {\n    margin: 0;\n    padding: 0;\n  }\n\n  .pull-right {\n    float: right;\n    padding: 0 $default-space $medium-space $default-space;  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { type LiteralStringUnion } from '../utils/type-helper';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport { makeRef } from '../utils/make-ref';\nimport { ButtonVariant } from '../button/button';\nimport { IxButtonComponent } from '../button/button-component';\nimport { iconHistory } from '@siemens/ix-icons/icons';\n\nexport type DateDropdownOption = {\n  id: string;\n  label: string;\n  from?: string;\n  to?: string;\n};\n\nexport type DateRangeChangeEvent = {\n  id: string;\n  from?: string;\n  to?: string;\n};\n\n@Component({\n  tag: 'ix-date-dropdown',\n  styleUrl: 'date-dropdown.scss',\n  shadow: true,\n})\nexport class DateDropdown\n  implements\n    Omit<IxDatePickerComponent, 'corners'>,\n    Omit<IxButtonComponent, 'type' | 'icon'>\n{\n  @Element() hostElement!: HTMLIxDateDropdownElement;\n\n  /**\n   * Disable the button that opens the dropdown containing the date picker.\n   */\n  @Prop() disabled = false;\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 = 'yyyy/LL/dd';\n\n  /**\n   * If true a range of dates can be selected.\n   */\n  @Prop() range = true;\n\n  /**\n   * Picker date. If the picker is in range mode this property is the start date.\n   * If set to `null` no default start date will be pre-selected.\n   *\n   * Format is based on `format`\n   */\n  @Prop() from = '';\n\n  /**\n   * Picker date. If the picker is in range mode this property is the end date.\n   * If the picker is not in range mode leave this value `null`\n   *\n   * Format is based on `format`\n   */\n  @Prop() to = '';\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   * Used to set the initial select date range as well as the button name,\n   * if not set or no according date range label is found, nothing will be selected\n   */\n  @Prop() dateRangeId = 'custom';\n\n  /**\n   * Button variant\n   */\n  @Prop() variant: ButtonVariant = 'primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Loading button\n   */\n  @Prop() loading: boolean = false;\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  @Watch('dateRangeId')\n  @Watch('to')\n  @Watch('from')\n  onDateRangeIdChange() {\n    this.onRangeListSelect(this.dateRangeId);\n    this.updateCurrentDate();\n    this.setDateRangeSelection(this.dateRangeId);\n\n    if (!this.currentRangeValue) {\n      return;\n    }\n\n    this.onDateSelect({\n      from: this.currentRangeValue.from,\n      to: this.currentRangeValue.to,\n      id: this.currentRangeValue.id,\n    });\n  }\n\n  /**\n   * Controls whether the user is allowed to pick custom date ranges in the component.\n   * When set to 'true', the user can select a custom date range using the date picker.\n   * When set to 'false', only predefined time date ranges are available for selection.\n   */\n  @Prop() customRangeAllowed = true;\n\n  /**\n   * An array of predefined date range options for the date picker.\n   * Each option is an object with a label describing the range and a function\n   * that returns the start and end dates of the range as a DateRangeOption object.\n   *\n   * Example format:\n   *   {\n   *     id: 'some unique id',\n   *     label: 'Name of the range',\n   *     from: undefined, to: '2023/03/29'\n   *   },\n   *   // ... other predefined date range options ...\n   */\n  @Prop() dateRangeOptions: DateDropdownOption[] = [];\n\n  @Watch('dateRangeOptions')\n  onDateRangeOptionsChange() {\n    this.initialize();\n    this.onDateRangeIdChange();\n  }\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   */\n  @Prop() locale?: string;\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   * Text for custom dropdown item. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n  /** @internal */\n  @Prop() today = DateTime.now().toISO();\n\n  /**\n   * EventEmitter for date range change events.\n   *\n   * This event is emitted when the date range changes within the component.\n   * The event payload contains information about the selected date range.\n   */\n  @Event()\n  private readonly dateRangeChange!: EventEmitter<DateRangeChangeEvent>;\n\n  @State() private selectedDateRangeId: LiteralStringUnion<'custom'> = '';\n  @State() private currentRangeValue?: {\n    from?: string;\n    to?: string;\n    id: string;\n  };\n  private readonly triggerRef = makeRef<HTMLElement>();\n\n  @Watch('disabled')\n  onDisabledChange() {\n    if (this.disabled) {\n      this.closeDropdown();\n    }\n  }\n\n  private datePickerTouched = false;\n\n  componentWillLoad() {\n    this.initialize();\n    this.setDateRangeSelection(this.dateRangeId);\n  }\n\n  /**\n   * Retrieves the currently selected date range from the component.\n   * This method returns the selected date range as a `DateChangeEvent` object.\n   */\n  @Method()\n  public async getDateRange(): Promise<DateRangeChangeEvent> {\n    return this.currentRangeValue || { id: '', from: '', to: '' };\n  }\n\n  private initialize() {\n    const isCustomRange =\n      this.dateRangeId === 'custom' ||\n      (!this.dateRangeId && !!this.from && !!this.to);\n\n    if (isCustomRange && this.customRangeAllowed) {\n      this.selectedDateRangeId = 'custom';\n      this.updateCurrentDate();\n\n      return;\n    }\n    const isValidConfiguration = !isCustomRange && !this.from;\n    if (!isValidConfiguration) {\n      console.warn(\n        '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n      );\n\n      this.selectedDateRangeId = 'custom';\n      this.updateCurrentDate();\n\n      return;\n    }\n  }\n\n  private updateCurrentDate() {\n    this.currentRangeValue = {\n      id: this.selectedDateRangeId,\n      from: this.from,\n      to: this.to,\n    };\n  }\n\n  private onDateSelect(\n    rangeValue: { from?: string; to?: string; id: string },\n    preserveDropdown = true\n  ) {\n    this.dateRangeChange.emit(rangeValue);\n\n    if (preserveDropdown) {\n      this.closeDropdown();\n    }\n\n    this.datePickerTouched = false;\n  }\n\n  private onRangeListSelect(id: string) {\n    if (this.setDateRangeSelection(id) && this.currentRangeValue) {\n      this.onDateSelect(this.currentRangeValue);\n    }\n  }\n\n  private setDateRangeSelection(id: string) {\n    this.selectedDateRangeId = id;\n    const option = this.dateRangeOptions.find((range) => range.id === id);\n\n    if (option) {\n      this.currentRangeValue = option;\n    }\n\n    return option;\n  }\n\n  private closeDropdown() {\n    const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n\n    if (dropdown) {\n      dropdown.show = false;\n    }\n  }\n\n  private getButtonLabel() {\n    if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n      let range = this.currentRangeValue.from;\n\n      if (this.currentRangeValue.to) {\n        range += ` - ${this.currentRangeValue.to}`;\n      }\n\n      return range;\n    }\n\n    if (!this.selectedDateRangeId) {\n      return this.i18nNoRange;\n    }\n\n    if (!this.dateRangeOptions || this.dateRangeOptions?.length === 0) {\n      return this.i18nNoRange;\n    }\n\n    const option = this.dateRangeOptions.find(\n      (option) => option.id === this.selectedDateRangeId\n    );\n\n    if (!option) {\n      console.error(\n        `Cannot find range option with id ${this.selectedDateRangeId}`\n      );\n      return this.i18nNoRange;\n    }\n\n    return option.label;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-button\n          data-testid=\"date-dropdown-trigger\"\n          data-date-dropdown-trigger\n          variant={this.variant}\n          ghost={this.ghost}\n          outline={this.outline}\n          loading={this.loading}\n          icon={iconHistory}\n          ref={this.triggerRef}\n          disabled={this.disabled}\n        >\n          {this.getButtonLabel()}\n        </ix-button>\n        <ix-dropdown\n          data-testid=\"date-dropdown\"\n          data-date-dropdown\n          class=\"min-width max-height\"\n          trigger={this.triggerRef.waitForCurrent()}\n          closeBehavior=\"outside\"\n          placement=\"bottom-start\"\n          onShowChanged={({ detail: show }) => {\n            if (\n              !show &&\n              this.selectedDateRangeId === 'custom' &&\n              this.datePickerTouched &&\n              this.currentRangeValue\n            ) {\n              this.onDateSelect(this.currentRangeValue);\n            }\n          }}\n        >\n          <ix-layout-grid noMargin>\n            <ix-row>\n              {this.dateRangeOptions?.length > 1 && (\n                <ix-col\n                  class={{\n                    'no-margin': true,\n                    'border-right': this.selectedDateRangeId === 'custom',\n                  }}\n                >\n                  {this.dateRangeOptions.map((dateRangeOption) => (\n                    <ix-dropdown-item\n                      label={dateRangeOption.label}\n                      onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n                      checked={this.selectedDateRangeId === dateRangeOption.id}\n                    ></ix-dropdown-item>\n                  ))}\n                  <div hidden={!this.customRangeAllowed}>\n                    <ix-dropdown-item\n                      label={this.i18nCustomItem}\n                      checked={this.selectedDateRangeId === 'custom'}\n                      onClick={() => this.onRangeListSelect('custom')}\n                    ></ix-dropdown-item>\n                  </div>\n                </ix-col>\n              )}\n              <ix-col class=\"no-margin\">\n                {this.selectedDateRangeId === 'custom' && (\n                  <Fragment>\n                    <ix-date-picker\n                      standaloneAppearance={false}\n                      locale={this.locale}\n                      onDateChange={(e) => {\n                        e.stopPropagation();\n                        this.currentRangeValue = {\n                          ...e.detail,\n                          id: 'custom',\n                        };\n                        this.datePickerTouched = true;\n                      }}\n                      onDateRangeChange={(e) => e.stopPropagation()}\n                      format={this.format}\n                      range={this.range}\n                      from={this.from || this.currentRangeValue?.from}\n                      to={this.to || this.currentRangeValue?.to}\n                      minDate={this.minDate}\n                      maxDate={this.maxDate}\n                      today={this.today}\n                      weekStartIndex={this.weekStartIndex}\n                      showWeekNumbers={this.showWeekNumbers}\n                    ></ix-date-picker>\n                    <div class=\"pull-right\">\n                      <ix-button\n                        onClick={() => {\n                          if (this.currentRangeValue) {\n                            this.onDateSelect(this.currentRangeValue);\n                          }\n                        }}\n                      >\n                        {this.i18nDone}\n                      </ix-button>\n                    </div>\n                  </Fragment>\n                )}\n              </ix-col>\n            </ix-row>\n          </ix-layout-grid>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-2edc9a43.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["actionCardCss","IxActionCard","constructor","hostRef","this","variant","icon","undefined","selected","render","h","Host","key","class","name","size","heading","format","subheading"],"sources":["src/components/action-card/action-card.scss?tag=ix-action-card&encapsulation=shadow","src/components/action-card/action-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  min-width: 13.375rem;\n  width: 13.375rem;\n  height: 7.5rem;\n  min-height: 7.5rem;\n  cursor: pointer;\n\n  margin: 0.25rem 0;\n\n  ix-card {\n    width: 100%;\n    height: 100%;\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 { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type ActionCardVariant = CardVariant;\n\n@Component({\n  tag: 'ix-action-card',\n  styleUrl: 'action-card.scss',\n  shadow: true,\n})\nexport class IxActionCard {\n  /**\n   * Card variant\n   */\n  @Prop() variant: ActionCardVariant = 'outline';\n\n  /**\n   * Card icon\n   */\n  @Prop() icon: string | undefined = undefined;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card selection\n   */\n  @Prop() selected = false;\n\n  render() {\n    return (\n      <Host>\n        <ix-card\n          selected={this.selected}\n          variant={this.variant}\n          class={'pointer'}\n        >\n          <ix-card-content>\n            {this.icon ? (\n              <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n            ) : null}\n            <div>\n              {this.heading ? (\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              ) : null}\n              {this.subheading ? (\n                <ix-typography format=\"h5\">{this.subheading}</ix-typography>\n              ) : null}\n              <slot></slot>\n            </div>\n          </ix-card-content>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,06B,MCmBTC,EAAY,MALzB,WAAAC,CAAAC,G,UASUC,KAAOC,QAAsB,UAK7BD,KAAIE,KAAuBC,UAe3BH,KAAQI,SAAG,KA4BpB,CA1BC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CACEJ,SAAUJ,KAAKI,SACfH,QAASD,KAAKC,QACdQ,MAAO,WAEPH,EAAA,mBAAAE,IAAA,4CACGR,KAAKE,KACJI,EAAS,WAAAG,MAAO,OAAQC,KAAMV,KAAKE,KAAMS,KAAK,OAC5C,KACJL,EAAA,OAAAE,IAAA,4CACGR,KAAKY,QACJN,EAAA,iBAAeO,OAAO,MAAMb,KAAKY,SAC/B,KACHZ,KAAKc,WACJR,EAAA,iBAAeO,OAAO,MAAMb,KAAKc,YAC/B,KACJR,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/siemens-ix/p-30e325ee.entry.js.map

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

package/dist/siemens-ix/p-3d4eba06.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s}from"./p-B6NtGPRE.js";const a=":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";const o=class{constructor(t){e(this,t);this.striped=false}render(){return t(s,{key:"a0383621779021bfaa04dfa24c0d64f843caef46",class:{keyValueList:true,"keyValueList--striped":this.striped}},t("slot",{key:"f42227578514bbc39d2c03fa5938487d3ba04cf0"}))}};o.style=a;export{o as ix_key_value_list};
-//# sourceMappingURL=p-3d4eba06.entry.js.map

package/dist/siemens-ix/p-44a9c1db.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["iconButtonCss","IconButton","constructor","hostRef","this","variant","outline","ghost","oval","size","disabled","type","loading","componentDidLoad","submitButton","document","createElement","style","display","tabIndex","hostElement","appendChild","submitButtonElement","dispatchFormEvents","click","getIconSizeClass","render","baseButtonProps","ariaAttributes","a11yLabel","getFallbackLabelFromIconName","icon","iconOnly","iconOval","selected","iconColor","iconSize","onClick","extraClasses","h","Host","key","class","Object","assign","BaseIconButton","spinnerCss","Spinner","hideTrack","primary"],"sources":["src/components/icon-button/icon-button.scss?tag=ix-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx","src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import './icon-button-mixin.scss';\n\n@include base-icon-button;\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 { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport { getFallbackLabelFromIconName } from '../utils/a11y';\n\nexport type IconButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-icon-button',\n  styleUrl: 'icon-button.scss',\n  shadow: true,\n})\nexport class IconButton {\n  @Element() hostElement!: HTMLIxIconButtonElement;\n\n  /**\n   * Accessibility label for the icon button\n   * Will be set as aria-label on the nested HTML button element\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Variant of button\n   */\n  @Prop() variant: IconButtonVariant = 'secondary';\n\n  /**\n   * Button outline\n   */\n  @Prop() outline: boolean = false;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost: boolean = false;\n\n  /**\n   * Button in oval shape\n   */\n  @Prop() oval: boolean = false;\n\n  /**\n   * Icon name\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Size of icon in button\n   *\n   */\n  @Prop() size: '24' | '16' | '12' = '24';\n\n  /**\n   * Color of icon in  button\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Type of the button\n   */\n  @Prop() type: 'button' | 'submit' = 'button';\n\n  /**\n   * Loading button\n   */\n  @Prop() loading = false;\n\n  /**\n   * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n   */\n  submitButtonElement!: HTMLButtonElement;\n\n  componentDidLoad() {\n    if (this.type === 'submit') {\n      const submitButton = document.createElement('button');\n      submitButton.style.display = 'none';\n      submitButton.type = 'submit';\n      submitButton.tabIndex = -1;\n      this.hostElement.appendChild(submitButton);\n\n      this.submitButtonElement = submitButton;\n    }\n  }\n\n  dispatchFormEvents() {\n    if (this.type === 'submit' && this.submitButtonElement) {\n      this.submitButtonElement.click();\n    }\n  }\n\n  private getIconSizeClass() {\n    return {\n      'btn-icon-12': this.size === '12',\n      'btn-icon-16': this.size === '16',\n      'btn-icon-32': this.size === '24' || !this.size,\n    };\n  }\n\n  render() {\n    const baseButtonProps: BaseButtonProps = {\n      ariaAttributes: {\n        'aria-label': this.a11yLabel\n          ? this.a11yLabel\n          : getFallbackLabelFromIconName(this.icon),\n      },\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      iconOnly: true,\n      iconOval: this.oval,\n      selected: false,\n      disabled: this.disabled || this.loading,\n      icon: this.icon,\n      iconColor: this.iconColor,\n      iconSize: this.size,\n      loading: this.loading,\n      onClick: () => this.dispatchFormEvents(),\n      type: this.type,\n      extraClasses: this.getIconSizeClass(),\n    };\n\n    return (\n      <Host\n        class={{\n          ...this.getIconSizeClass(),\n          disabled: this.disabled || this.loading,\n        }}\n      >\n        <BaseIconButton {...baseButtonProps}></BaseIconButton>\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 'mixins/shadow-dom/component';\n\n@mixin ix-spinner($size-name: 'medium', $size: 2rem, $track-size: 4px) {\n  :host {\n    @include ix-component;\n    display: block;\n    position: relative;\n  }\n\n  .#{$size-name} {\n    width: $size;\n    height: $size;\n    min-width: $size;\n    min-height: $size;\n    max-width: $size;\n    max-height: $size;\n    border-radius: 100%;\n    position: relative;\n    animation: rotate 2s linear infinite;\n\n    @keyframes rotate {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes clipMask {\n      0% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n      12.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n      }\n      25% {\n        clip-path: polygon(\n          50% 50%,\n          0 0,\n          100% 0,\n          100% 100%,\n          100% 100%,\n          100% 100%\n        );\n      }\n      37.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n      }\n      50% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      62.5% {\n        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      75% {\n        clip-path: polygon(\n          50% 50%,\n          100% 100%,\n          100% 100%,\n          100% 100%,\n          0 100%,\n          0 0\n        );\n      }\n      87.5% {\n        clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);\n      }\n      100% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n    }\n  }\n\n  .#{$size-name}::after {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid\n      var(--ix-button-color, var(--theme-color-soft-text));\n    animation: clipMask 3s linear infinite;\n  }\n\n  .#{$size-name}:not(.hide-track)::before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid var(--theme-color-ghost--hover);\n  }\n\n  .primary::after {\n    border-color: var(--theme-color-dynamic);\n  }\n\n  .primary::before {\n    border-color: var(--theme-color-ghost--hover);\n  }\n}\n\n@include ix-spinner($size-name: 'xx-small', $size: 0.75rem, $track-size: 1px);\n@include ix-spinner($size-name: 'x-small', $size: 1.25rem, $track-size: 2px);\n@include ix-spinner($size-name: 'small', $size: 1.5rem, $track-size: 2px);\n@include ix-spinner($size-name: 'medium', $size: 2rem, $track-size: 2px);\n@include ix-spinner($size-name: 'large', $size: 6rem, $track-size: 4px);\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 { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Element() hostElement!: HTMLIxSpinnerElement;\n\n  /**\n   * Variant of spinner\n   */\n  @Prop() variant: 'primary' | 'secondary' = 'secondary';\n\n  /**\n   * Size of spinner\n   */\n  @Prop() size: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' =\n    'medium';\n\n  /**\n   * @internal\n   */\n  @Prop() hideTrack = false;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            primary: this.variant === 'primary',\n            [this.size]: true,\n            'hide-track': this.hideTrack,\n          }}\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAgB,2lwB,MCsBTC,EAAU,MALvB,WAAAC,CAAAC,G,UAiBUC,KAAOC,QAAsB,YAK7BD,KAAOE,QAAY,MAKnBF,KAAKG,MAAY,MAKjBH,KAAII,KAAY,MAWhBJ,KAAIK,KAAuB,KAU3BL,KAAQM,SAAG,MAKXN,KAAIO,KAAwB,SAK5BP,KAAOQ,QAAG,KAmEnB,CA5DC,gBAAAC,GACE,GAAIT,KAAKO,OAAS,SAAU,CAC1B,MAAMG,EAAeC,SAASC,cAAc,UAC5CF,EAAaG,MAAMC,QAAU,OAC7BJ,EAAaH,KAAO,SACpBG,EAAaK,UAAW,EACxBf,KAAKgB,YAAYC,YAAYP,GAE7BV,KAAKkB,oBAAsBR,C,EAI/B,kBAAAS,GACE,GAAInB,KAAKO,OAAS,UAAYP,KAAKkB,oBAAqB,CACtDlB,KAAKkB,oBAAoBE,O,EAIrB,gBAAAC,GACN,MAAO,CACL,cAAerB,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,OAASL,KAAKK,K,CAI/C,MAAAiB,GACE,MAAMC,EAAmC,CACvCC,eAAgB,CACd,aAAcxB,KAAKyB,UACfzB,KAAKyB,UACLC,EAA6B1B,KAAK2B,OAExC1B,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZyB,SAAU,KACVC,SAAU7B,KAAKI,KACf0B,SAAU,MACVxB,SAAUN,KAAKM,UAAYN,KAAKQ,QAChCmB,KAAM3B,KAAK2B,KACXI,UAAW/B,KAAK+B,UAChBC,SAAUhC,KAAKK,KACfG,QAASR,KAAKQ,QACdyB,QAAS,IAAMjC,KAAKmB,qBACpBZ,KAAMP,KAAKO,KACX2B,aAAclC,KAAKqB,oBAGrB,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GACAxC,KAAKqB,oBACR,CAAAf,SAAUN,KAAKM,UAAYN,KAAKQ,WAGlC2B,EAACM,EAAmBF,OAAAC,OAAA,CAAAH,IAAA,4CAAAd,I,8CC/I5B,MAAMmB,EAAa,ugV,MCgBNC,EAAO,MALpB,WAAA7C,CAAAC,G,UAWUC,KAAOC,QAA4B,YAKnCD,KAAIK,KACV,SAKML,KAAS4C,UAAG,KAerB,CAbC,MAAAtB,GACE,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACLO,QAAS7C,KAAKC,UAAY,UAC1B,CAACD,KAAKK,MAAO,KACb,aAAcL,KAAK4C,a","ignoreList":[]}

package/dist/siemens-ix/p-64a2f777.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,f as r,H as s,a as o}from"./p-B6NtGPRE.js";import{b as a,a as h}from"./p-Bb7pDeaQ.js";import{c}from"./p-CX81WQtk.js";import{m as d}from"./p-bcj7UEIC.js";const l=":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}: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 .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";let n=0;const b=(t="breadcrumb-")=>`${t}-${n++}`;const m=class{constructor(i){t(this,i);this.itemClick=e(this,"itemClick",7);this.nextClick=e(this,"nextClick",7);this.visibleItemCount=9;this.nextItems=[];this.ghost=true;this.ariaLabelPreviousButton="previous";this.previousButtonRef=d();this.nextButtonRef=d();this.items=[];this.isPreviousDropdownExpanded=false;this.previousButtonId=b();this.previousDropdownId=b()}onNextItemsChange(){this.onChildMutation()}onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=c((()=>this.onChildMutation()));this.mutationObserver.observe(this.hostElement,{subtree:true,childList:true})}componentWillLoad(){this.onChildMutation()}disconnectedCallback(){var t;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,i)=>{const r=this.nextItems.length!==0&&t.length-1===i;e.ghost=this.ghost;e.showChevron=t.length-1!==i||r;e.isDropdownTrigger=r;if(r){this.nextButtonRef(e)}if(t.length<this.visibleItemCount){return}e.visible=i>=t.length-this.visibleItemCount}));this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}render(){var t,e,o,c;const d=a(this.hostElement);return i(s,{key:"5a11e3322ff26cb7e57d828ddc3eef3769acbdd3"},i("ix-dropdown",{key:"524eaf6b1d507876fced96ebeb2cfdb47bb32925",id:this.previousDropdownId,"aria-label":this.ariaLabelPreviousButton,trigger:((t=this.items)===null||t===void 0?void 0:t.length)>this.visibleItemCount?this.previousButtonRef.waitForCurrent():undefined,onShowChanged:({detail:t})=>{this.isPreviousDropdownExpanded=t;const e=this.hostElement.shadowRoot.getElementById(this.previousButtonId);if(e){r(e)}}},this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{var e;const r=(e=t.label)!==null&&e!==void 0?e:t.innerText;return i("ix-dropdown-item",{label:r,onClick:()=>{this.onItemClick(r)},onItemClick:t=>t.stopPropagation()})}))),((e=this.items)===null||e===void 0?void 0:e.length)>this.visibleItemCount?i("ix-breadcrumb-item",{id:this.previousButtonId,ref:this.previousButtonRef,label:"...",tabIndex:1,onItemClick:t=>t.stopPropagation(),"aria-describedby":this.previousDropdownId,"aria-controls":this.previousDropdownId,"aria-expanded":h(this.isPreviousDropdownExpanded),class:"previous-button"}):null,i("nav",{key:"c48b488cb7ea5823b7ed0d45247b7da7bda675a4",class:"crumb-items","aria-label":(o=d["aria-label"])!==null&&o!==void 0?o:"breadcrumbs"},i("ol",{key:"dc8f0d4a08ce647a2bec31230d8464daca40bdc5"},i("slot",{key:"ddc547de71a1f4ca9c4be838547f9cc889f505b8"}))),i("ix-dropdown",{key:"dbf0ead59000611d1c992a5bee82b98571d40f18",trigger:this.nextButtonRef.waitForCurrent()},(c=this.nextItems)===null||c===void 0?void 0:c.map((t=>i("ix-dropdown-item",{label:t,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}get hostElement(){return o(this)}static get watchers(){return{nextItems:["onNextItemsChange"]}}};m.style=l;export{m as ix_breadcrumb};
-//# sourceMappingURL=p-64a2f777.entry.js.map

package/dist/siemens-ix/p-674dd99b.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as s}from"./p-B6NtGPRE.js";const c=":host{display:block}";const b=class{constructor(a){e(this,a);this.labelChange=t(this,"labelChange",7)}watchLabel(e,t){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:t,newLabel:e})}render(){return a(s,{key:"8ef680041a9466972e2f792909117c11a4ffcd83"},a("slot",{key:"b7f62049ac40bd8563568b627c3b50993c30eb4a"}))}static get watchers(){return{label:["watchLabel"]}}};b.style=c;export{b as ix_menu_about_item};
-//# sourceMappingURL=p-674dd99b.entry.js.map

package/dist/siemens-ix/p-6b5cb4c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tabItemCss","TabItem","constructor","hostRef","this","selected","disabled","small","icon","rounded","layout","placement","tabItemClasses","props","stretched","bottom","top","circle","render","h","Host","key","class","tabIndex","onClick","event","defaultPrevented","clientEvent","tabClick","emit","nativeEvent","stopPropagation","text","counter","hidden","undefined","requestAnimationFrameNoNgZone","callback","__zone_symbol__requestAnimationFrame","requestAnimationFrame","setTimeout","tabsCss","Tabs","totalItems","currentScrollAmount","scrollAmount","scrollActionAmount","showArrowPrevious","showArrowNext","windowStartSize","window","innerWidth","clickAction","timeout","isClick","onWindowResize","getTabs","length","move","Array","from","hostElement","querySelectorAll","getTab","getTabsWrapper","_a","shadowRoot","querySelector","initResizeObserver","parentElement","resizeObserver","ResizeObserver","renderArrows","observe","showArrows","tabWrapper","scrollWidth","Math","ceil","getBoundingClientRect","width","error","showPreviousArrow","showNextArrow","tabWrapperRect","amount","click","tabsWrapper","tabsWrapperVisibleWidth","maxScrollWidth","min","styles","join","setAttribute","onSelectedChange","newValue","tabRect","wrapperWidth","clientWidth","arrowWidth","left","right","setSelected","index","clickTab","dragStop","selectedChange","dragStart","element","button","tabPositionX","parseFloat","getComputedStyle","mousedownPositionX","clientX","dragMove","windowClick","removeEventListener","addEventListener","tabX","mousedownX","clearTimeout","componentWillLoad","tabs","map","componentDidRender","componentWillRender","componentDidLoad","forEach","disconnectedCallback","disconnect","onTabClick","target","tab","name","iconChevronLeftSmall","iconChevronRightSmall"],"sources":["src/components/tab-item/tab-item.scss?tag=ix-tab-item&encapsulation=shadow","src/components/tab-item/tab-item.tsx","src/components/utils/requestAnimationFrame.ts","src/components/tabs/tabs.scss?tag=ix-tabs&encapsulation=shadow","src/components/tabs/tabs.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 10px $large-space;\n  line-height: 20px;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: var(--theme-tab--background);\n  color: var(--theme-tab--color);\n\n  &::after {\n    content: '';\n    position: absolute;\n    background-color: var(--theme-tab-indicator--background);\n    width: 100%;\n    height: var(--theme-tab-indicator--height);\n    left: 0;\n  }\n\n  .text {\n    @include ellipsis;\n\n    span,\n    span::before {\n      pointer-events: none;\n    }\n\n    vertical-align: middle;\n  }\n\n  .circle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 3rem;\n    width: 3rem;\n    background-color: var(--theme-animated-tab-indicator--background);\n    border-radius: 50%;\n    border: 2px solid var(--theme-animated-tab-circle--border-color);\n    color: var(--theme-an…icon--color);\n    cursor: pointer;\n\n    &.selected:not(.disabled) {\n      background-color: var(--theme-animated-tab-circle--background--selected);\n      color: var(--theme-animated-tab-icon--color--selected);\n      border-color: var(--theme-animated-tab-circle--border-color--selected);\n\n      &:hover {\n        background-color: var(\n          --theme-animated-tab-circle--background--selected\n        );\n      }\n    }\n\n    &:hover {\n      background-color: var(--theme-animated-tab-circle--background--hover);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &.disabled {\n      background-color: var(--theme-animated-tab-circle--background--disabled);\n      border-color: var(--theme-animated-tab-circle--border-color--disabled);\n    }\n  }\n\n  .counter {\n    position: absolute;\n    z-index: 1;\n    height: 16px;\n    width: auto;\n    background-color: var(--theme-pill-outline--background);\n    border: 1px solid var(--theme-tab-pill--border-color);\n    border-radius: 100px;\n    bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: $tiny-space;\n    padding-right: $tiny-space;\n    font-size: 12px;\n    line-height: 14px;\n    color: var(--theme-pill-outline--color);\n    cursor: pointer;\n\n    &.selected {\n      border-color: var(--theme-tab-pill--border-color--selected);\n    }\n\n    &.disabled {\n      border-color: var(--theme-tab-pill--border-color--disabled);\n    }\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n\n:host(.circle) {\n  height: 72px;\n}\n\n:host(.top) {\n  &::after {\n    top: 0;\n  }\n}\n\n:host(.bottom) {\n  &::after {\n    bottom: 0;\n  }\n}\n\n:host(.stretched) {\n  flex-basis: 100%;\n  width: 100%;\n  @include ellipsis;\n}\n\n:host(:hover:not(.circle)) {\n  background-color: var(--theme-tab--background--hover);\n  color: var(--theme-tab-color-hover);\n  cursor: pointer;\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--hover);\n  }\n}\n\n:host(:active:not(.circle)) {\n  background-color: var(--theme-tab--background--active);\n  color: var(--theme-tab-color--active);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--active);\n  }\n}\n\n:host(:focus-visible) {\n  outline: 0px solid var(--focus--border-color);\n\n  .circle {\n    outline: 1px solid var(--focus--border-color);\n  }\n}\n\n:host(:focus-visible:not(.circle)) {\n  outline: 1px solid var(--focus--border-color);\n}\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-tab--color--disabled);\n  background-color: var(--theme-tab--background--disabled);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--disabled);\n  }\n}\n\n:host(.selected:not(.disabled)) {\n  background-color: var(--theme-tab--background--selected);\n  color: var(--theme-tab--color--selected);\n\n  &::after {\n    background-color: var(--theme-tab-indicator--background--selected);\n  }\n}\n\n:host(.icon) {\n  padding: $large-space $small-space;\n}\n\n:host(.small-tab) {\n  height: 32px;\n  padding: $default-space;\n}\n\n:host(.small-tab.icon) {\n  padding: $default-space $tiny-space;\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 { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type TabClickDetail = {\n  nativeEvent: MouseEvent;\n};\n\n@Component({\n  tag: 'ix-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Set selected tab\n   */\n  @Prop() selected = false;\n\n  /**\n   * Set disabled tab\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set small size tab\n   */\n  @Prop() small = false;\n\n  /**\n   * Set icon only tab\n   */\n  @Prop() icon = false;\n\n  /**\n   * Set rounded tab\n   */\n  @Prop() rounded = false;\n\n  /**\n   * Set counter value\n   */\n  @Prop() counter?: number;\n\n  /**\n   * Set layout width style\n   */\n  @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n  /**\n   * Set selected placement\n   */\n  @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n  /**\n   * Emitted when the tab is clicked.\n   */\n  @Event() tabClick!: EventEmitter<TabClickDetail>;\n\n  private tabItemClasses(props: {\n    selected: boolean;\n    disabled: boolean;\n    small: boolean;\n    icon: boolean;\n    circle: boolean;\n    layout: 'auto' | 'stretched';\n    placement: 'bottom' | 'top';\n  }) {\n    return {\n      selected: props.selected,\n      disabled: props.disabled,\n      'small-tab': props.small,\n      icon: props.small,\n      stretched: props.layout === 'stretched',\n      bottom: props.placement === 'bottom',\n      top: props.placement === 'top',\n      circle: props.circle,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.tabItemClasses({\n          selected: this.selected,\n          disabled: this.disabled,\n          small: this.small,\n          icon: this.icon,\n          layout: this.layout,\n          placement: this.placement,\n          circle: this.rounded,\n        })}\n        tabIndex={0}\n        onClick={(event: MouseEvent) => {\n          if (event.defaultPrevented) return;\n\n          const clientEvent = this.tabClick.emit({\n            nativeEvent: event,\n          });\n\n          if (clientEvent.defaultPrevented) {\n            event.stopPropagation();\n          }\n        }}\n      >\n        <div\n          class={{\n            circle: this.rounded,\n            text: !this.rounded,\n            selected: this.selected,\n            disabled: this.disabled,\n          }}\n        >\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            counter: true,\n            selected: this.selected,\n            hidden: !(this.rounded && this.counter !== undefined),\n            disabled: this.disabled,\n          }}\n        >\n          {this.counter}\n        </div>\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\ndeclare const __zone_symbol__requestAnimationFrame: any;\n\n/**\n * Prevents angular from change detection when requesting an animation frame\n *\n * Credits goes to:\n * https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts\n */\nexport const requestAnimationFrameNoNgZone = (\n  callback: (...args: any[]) => void\n) => {\n  if (typeof __zone_symbol__requestAnimationFrame === 'function') {\n    return __zone_symbol__requestAnimationFrame(callback);\n  }\n  if (typeof requestAnimationFrame === 'function') {\n    return requestAnimationFrame(callback);\n  }\n  return setTimeout(callback);\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@import 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  width: auto;\n  display: flex;\n  align-items: center;\n  position: relative;\n\n  .tab-items {\n    overflow: hidden;\n    scroll-behavior: smooth;\n    width: 100%;\n\n    .items-content {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .arrow {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    margin: auto 0;\n    border-radius: 4px;\n    color: var(--theme-btn-invisible-primary--color);\n    background-color: var(--theme-btn-invisible-primary--background);\n    z-index: 2;\n\n    &:hover {\n      color: var(--theme-btn-invisible-primary--color--hover);\n      background-color: var(--theme-btn-invisible-primary--background--hover);\n    }\n\n    &:active {\n      color: var(--theme-btn-invisible-primary--color--active);\n      background-color: var(--theme-btn-invisible-primary--background--active);\n    }\n\n    &.right {\n      left: auto;\n      right: 0;\n    }\n  }\n\n  .overflow-shadow {\n    display: block;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    pointer-events: all;\n\n    &.shadow-left {\n      mask-image: linear-gradient(90deg, transparent 0px, black 45px);\n    }\n\n    &.shadow-right {\n      mask-image: linear-gradient(\n        90deg,\n        black calc(100% - 45px),\n        transparent 100%\n      );\n    }\n\n    &.shadow-both {\n      mask-image: linear-gradient(\n        90deg,\n        transparent 0px,\n        black 45px,\n        black calc(100% - 45px),\n        transparent 100%\n      );\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { requestAnimationFrameNoNgZone } from '../utils/requestAnimationFrame';\nimport {\n  iconChevronLeftSmall,\n  iconChevronRightSmall,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-tabs',\n  styleUrl: 'tabs.scss',\n  shadow: true,\n})\nexport class Tabs {\n  @Element() hostElement!: HTMLIxTabsElement;\n\n  /**\n   * Set tab items to small size\n   */\n  @Prop() small = false;\n\n  /**\n   * Set rounded tabs\n   */\n  @Prop() rounded = false;\n\n  /**\n   * Set default selected tab by index\n   */\n  @Prop({ mutable: true }) selected = 0;\n\n  /**\n   * Set layout width style\n   */\n  @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n  /**\n   * Set placement style\n   */\n  @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n  /**\n   * `selected` property changed\n   */\n  @Event() selectedChange!: EventEmitter<number>;\n\n  @State() totalItems = 0;\n  @State() currentScrollAmount = 0;\n  @State() scrollAmount = 100;\n  @State() scrollActionAmount = 0;\n  @State() showArrowPrevious = false;\n  @State() showArrowNext = false;\n\n  private windowStartSize = window.innerWidth;\n  private resizeObserver?: ResizeObserver;\n\n  private clickAction: {\n    timeout: NodeJS.Timeout | null;\n    isClick: boolean;\n  } = {\n    timeout: null,\n    isClick: true,\n  };\n\n  @Listen('resize', { target: 'window' })\n  onWindowResize() {\n    this.totalItems = 0;\n    this.totalItems = this.getTabs().length;\n\n    if (this.windowStartSize === 0)\n      return (this.windowStartSize = window.innerWidth);\n    this.move(this.windowStartSize - window.innerWidth);\n    this.windowStartSize = window.innerWidth;\n  }\n\n  private getTabs() {\n    return Array.from(this.hostElement.querySelectorAll('ix-tab-item'));\n  }\n\n  private getTab(tabIndex: number) {\n    return this.getTabs()[tabIndex];\n  }\n\n  private getTabsWrapper() {\n    return this.hostElement.shadowRoot?.querySelector('.items-content');\n  }\n\n  private initResizeObserver() {\n    const parentElement = this.hostElement.parentElement;\n    if (!parentElement) return;\n    this.resizeObserver = new ResizeObserver(() => {\n      this.renderArrows();\n    });\n    this.resizeObserver.observe(parentElement);\n  }\n\n  private showArrows() {\n    try {\n      const tabWrapper = this.getTabsWrapper();\n      return (\n        tabWrapper &&\n        tabWrapper.scrollWidth >\n          Math.ceil(tabWrapper.getBoundingClientRect().width) &&\n        this.layout === 'auto'\n      );\n    } catch (error) {\n      return false;\n    }\n  }\n\n  private showPreviousArrow() {\n    try {\n      return this.showArrows() === true && this.scrollActionAmount < 0;\n    } catch (error) {\n      return false;\n    }\n  }\n\n  private showNextArrow() {\n    try {\n      const tabWrapper = this.getTabsWrapper();\n\n      if (!tabWrapper) {\n        return false;\n      }\n\n      const tabWrapperRect = tabWrapper.getBoundingClientRect();\n\n      return (\n        this.showArrows() === true &&\n        this.scrollActionAmount >\n          (tabWrapper.scrollWidth - tabWrapperRect.width) * -1\n      );\n    } catch (error) {\n      return false;\n    }\n  }\n\n  private move(amount: number, click = false) {\n    const tabsWrapper = this.getTabsWrapper();\n\n    if (!tabsWrapper) {\n      return;\n    }\n\n    const tabsWrapperVisibleWidth = tabsWrapper.getBoundingClientRect().width;\n    const maxScrollWidth =\n      -this.currentScrollAmount +\n      tabsWrapperVisibleWidth -\n      tabsWrapper.scrollWidth;\n\n    amount = amount < maxScrollWidth ? maxScrollWidth : amount;\n    amount += this.currentScrollAmount;\n    amount = Math.min(amount, 0);\n\n    const styles = [\n      `transform: translateX(${amount}px);`,\n      click ? 'transition: all ease-in-out 400ms;' : '',\n    ].join('');\n\n    tabsWrapper.setAttribute('style', styles);\n\n    if (click) this.currentScrollAmount = this.scrollActionAmount = amount;\n    else this.scrollActionAmount = amount;\n  }\n\n  @Watch('selected')\n  onSelectedChange(newValue: number) {\n    if (!this.showArrows()) return;\n\n    const tabRect = this.getTab(newValue).getBoundingClientRect();\n    const wrapperWidth = this.getTabsWrapper()?.clientWidth;\n    const arrowWidth = 32;\n\n    if (tabRect.left < arrowWidth) {\n      this.move(-tabRect.left + arrowWidth, true);\n    } else if (wrapperWidth && tabRect.right > wrapperWidth - arrowWidth) {\n      this.move(wrapperWidth - tabRect.right - arrowWidth, true);\n    }\n  }\n\n  private setSelected(index: number) {\n    this.selected = index;\n  }\n\n  private clickTab(index: number) {\n    if (!this.clickAction.isClick || this.dragStop()) {\n      return;\n    }\n\n    const { defaultPrevented } = this.selectedChange.emit(index);\n    if (defaultPrevented) {\n      return;\n    }\n\n    this.setSelected(index);\n  }\n\n  private dragStart(element: HTMLIxTabItemElement, event: MouseEvent) {\n    if (!this.showArrows()) return;\n    if (event.button > 0) return;\n\n    this.clickAction.timeout =\n      this.clickAction.timeout === null\n        ? setTimeout(() => (this.clickAction.isClick = false), 300)\n        : null;\n\n    const tabPositionX = parseFloat(window.getComputedStyle(element).left);\n    const mousedownPositionX = event.clientX;\n    const move = (event: MouseEvent) =>\n      this.dragMove(event, tabPositionX, mousedownPositionX);\n    const windowClick = () => {\n      window.removeEventListener('mousemove', move, false);\n      window.removeEventListener('click', windowClick, false);\n      this.dragStop();\n    };\n    window.addEventListener('click', windowClick);\n    window.addEventListener('mousemove', move, false);\n  }\n\n  private dragMove(event: MouseEvent, tabX: number, mousedownX: number) {\n    this.move(event.clientX + tabX - mousedownX);\n  }\n\n  private dragStop() {\n    if (this.clickAction.timeout) {\n      clearTimeout(this.clickAction.timeout);\n      this.clickAction.timeout = null;\n    }\n\n    if (this.clickAction.isClick) return false;\n\n    this.currentScrollAmount = this.scrollActionAmount;\n    this.clickAction.isClick = true;\n\n    return true;\n  }\n\n  componentWillLoad() {\n    const tabs = this.getTabs();\n\n    tabs.map((element, index) => {\n      if (this.small) element.setAttribute('small', 'true');\n\n      if (this.rounded) element.setAttribute('rounded', 'true');\n\n      element.setAttribute('layout', this.layout);\n      element.setAttribute(\n        'selected',\n        index === this.selected ? 'true' : 'false'\n      );\n\n      element.setAttribute('placement', this.placement);\n    });\n\n    this.initResizeObserver();\n  }\n\n  componentDidRender() {\n    const tabs = this.getTabs();\n    this.totalItems = tabs.length;\n\n    tabs.map((element, index) => {\n      element.setAttribute(\n        'selected',\n        index === this.selected ? 'true' : 'false'\n      );\n    });\n  }\n\n  componentWillRender() {\n    this.renderArrows();\n  }\n\n  private renderArrows() {\n    requestAnimationFrameNoNgZone(() => {\n      this.showArrowNext = this.showNextArrow();\n      this.showArrowPrevious = this.showPreviousArrow();\n    });\n  }\n\n  componentDidLoad() {\n    const tabs = this.getTabs();\n    tabs.forEach((element) => {\n      element.addEventListener('mousedown', (event) =>\n        this.dragStart(element, event)\n      );\n    });\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  @Listen('tabClick')\n  onTabClick(event: CustomEvent) {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const target = event.target;\n    const tabs = this.getTabs();\n\n    tabs.forEach((tab, index) => {\n      if (!tab.disabled && tab === target) {\n        this.clickTab(index);\n      }\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.showArrowPrevious && (\n          <div class=\"arrow\" onClick={() => this.move(this.scrollAmount, true)}>\n            <ix-icon name={iconChevronLeftSmall}></ix-icon>\n          </div>\n        )}\n        <div\n          class={{\n            'tab-items': true,\n            'overflow-shadow': true,\n            'shadow-left': this.showArrowPrevious,\n            'shadow-right': this.showArrowNext,\n            'shadow-both': this.showArrowNext && this.showArrowPrevious,\n          }}\n        >\n          <div class=\"items-content\">\n            <slot></slot>\n          </div>\n        </div>\n        {this.showArrowNext && (\n          <div\n            class=\"arrow right\"\n            onClick={() => this.move(-this.scrollAmount, true)}\n          >\n            <ix-icon name={iconChevronRightSmall}></ix-icon>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-6cc4c39e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i,H as e,a as s}from"./p-B6NtGPRE.js";import{H as a}from"./p-zYzFdFx8.js";const n=":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}";var f=undefined&&undefined.__decorate||function(t,i,e,s){var a=arguments.length,n=a<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,e):s,f;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,i,e,s);else for(var h=t.length-1;h>=0;h--)if(f=t[h])n=(a<3?f(n):a>3?f(i,e,n):f(i,e))||n;return a>3&&n&&Object.defineProperty(i,e,n),n};const h=class{constructor(i){t(this,i);this.required=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false}updateValidationState({isInvalid:t,isValid:i,isInfo:e,isWarning:s}){this.isInvalid=t;this.isValid=i;this.isInfo=e;this.isWarning=s}render(){return i(e,{key:"169feb69a90e647f7e3d6c989bdf55fbd899e91b"},i("ix-field-wrapper",{key:"ff3596456a62d3bf0c3a1481d60b3294ca727a7a",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},i("slot",{key:"4c6d8db5227627a16a08342e51ff3670e5e41f4e"})))}get hostElement(){return s(this)}};f([a({includeChildren:true})],h.prototype,"updateValidationState",null);h.style=n;export{h as ix_custom_field};
-//# sourceMappingURL=p-6cc4c39e.entry.js.map

package/dist/siemens-ix/p-6dffce02.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 { ProgressIndicatorSize } from './progress-indicator';\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';\n\nexport type ProgressIndicatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\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-702d290f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["datetimePickerCss","DatetimePicker","constructor","hostRef","this","range","showHour","showMinutes","showSeconds","dateFormat","timeFormat","showTimeReference","i18nDone","i18nTime","weekStartIndex","showWeekNumbers","onDone","date","_a","datePickerElement","getCurrentDate","time","_b","timePickerElement","getCurrentTime","dateSelect","emit","from","_c","to","_d","onDateChange","event","preventDefault","stopPropagation","detail","dateChange","onTimeChange","timeChange","render","h","Host","key","class","ref","corners","format","minDate","maxDate","standaloneAppearance","locale","dateTimePickerAppearance","textTime","onClick"],"sources":["src/components/datetime-picker/datetime-picker.scss?tag=ix-datetime-picker&encapsulation=shadow","src/components/datetime-picker/datetime-picker.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: block;\n  background-color: var(--theme-menu--background);\n  border-radius: 4px;\n  position: relative;\n  width: min-content;\n\n  ix-layout-grid {\n    border-radius: 0.25rem;\n    box-shadow: var(--theme-shadow-4);\n  }\n\n  ix-time-picker {\n    width: 100%;\n  }\n\n  .no-padding {\n    padding: 0;\n  }\n\n  ix-col {\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n  }\n\n  .flex {\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n  }\n\n  @media (min-width: 576px) {\n    min-width: max-content;\n\n    .btn-select-date-container {\n      display: inline-flex;\n      flex-grow: 1;\n\n      ix-button {\n        margin-left: auto;\n        margin-top: auto;\n      }\n    }\n\n    .min-width {\n      width: min-content;\n    }\n\n    ix-time-picker {\n      width: initial;\n    }\n  }\n\n  .individual {\n    box-shadow: none;\n    border: none;\n  }\n\n  .btn-select-date-container {\n    padding: 0 $default-space $default-space;\n\n    @media (max-width: 576px) {\n      & .btn-select-date {\n        width: 100%;\n      }\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\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { DateChangeEvent } from '../date-picker/date-picker';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\n\nexport type DateTimeSelectEvent = {\n  from?: string;\n  to?: string;\n  time: string;\n};\n\nexport type DateTimeDateChangeEvent =\n  | string\n  | Omit<DateTimeSelectEvent, 'time'>;\n\n@Component({\n  tag: 'ix-datetime-picker',\n  styleUrl: 'datetime-picker.scss',\n  shadow: true,\n})\nexport class DatetimePicker\n  implements Omit<IxDatePickerComponent, 'corners' | 'format'>\n{\n  /**\n   * If true a date-range can be selected (from/to).\n   */\n  @Prop() range = true;\n\n  /**\n   * Show hour input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showSeconds = true;\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?: string;\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?: string;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() dateFormat: string = 'yyyy/LL/dd';\n\n  /**\n   * Time format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() timeFormat: string = 'HH:mm:ss';\n\n  /**\n   * The selected starting date. If the picker is not in range mode this is the selected date.\n   * Format has to match the `format` property.\n   */\n  @Prop() from?: string;\n\n  /**\n   * The selected end date. If the the picker is not in range mode this property has no impact.\n   * Format has to match the `format` property.\n   */\n  @Prop() to?: string;\n\n  /**\n   * Select time with format string\n   */\n  @Prop() time?: string;\n\n  /**\n   * Show time reference input\n   * Time reference is default aligned with @see {this.timeFormat}\n   */\n  @Prop() showTimeReference: boolean = false;\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference?: 'AM' | 'PM';\n\n  /**\n   * Text of date select button\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone: string = 'Done';\n\n  /**\n   * Top label of time picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() i18nTime: string = 'Time';\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   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() locale?: string;\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  /**\n   * Time change\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  /**\n   * Date change\n   */\n  @Event() dateChange!: EventEmitter<DateTimeDateChangeEvent>;\n\n  /**\n   * Datetime selection event is fired after confirm button is pressed\n   */\n  @Event() dateSelect!: EventEmitter<DateTimeSelectEvent>;\n\n  private datePickerElement?: HTMLIxDatePickerElement;\n  private timePickerElement?: HTMLIxTimePickerElement;\n\n  private async onDone() {\n    const date = await this.datePickerElement?.getCurrentDate();\n    const time = await this.timePickerElement?.getCurrentTime();\n\n    this.dateSelect.emit({\n      from: date?.from ?? '',\n      to: date?.to ?? '',\n      time: time ?? '',\n    });\n  }\n\n  private async onDateChange(event: CustomEvent<string | DateChangeEvent>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: date } = event;\n    this.dateChange.emit(date);\n  }\n\n  private async onTimeChange(event: CustomEvent<string>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: time } = event;\n    this.timeChange.emit(time);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-layout-grid class=\"no-padding\">\n          <ix-row>\n            <ix-col>\n              <ix-date-picker\n                ref={(ref) => (this.datePickerElement = ref)}\n                corners=\"left\"\n                range={this.range}\n                onDateChange={(event) => this.onDateChange(event)}\n                from={this.from}\n                to={this.to}\n                format={this.dateFormat}\n                minDate={this.minDate}\n                maxDate={this.maxDate}\n                weekStartIndex={this.weekStartIndex}\n                standaloneAppearance={false}\n                locale={this.locale}\n                showWeekNumbers={this.showWeekNumbers}\n              ></ix-date-picker>\n            </ix-col>\n\n            <ix-col>\n              <ix-time-picker\n                class=\"min-width\"\n                ref={(ref) => (this.timePickerElement = ref)}\n                standaloneAppearance={false}\n                dateTimePickerAppearance={true}\n                onTimeChange={(event) => this.onTimeChange(event)}\n                format={this.timeFormat}\n                textTime={this.i18nTime}\n                time={this.time}\n                showHour={this.showHour}\n                showMinutes={this.showMinutes}\n                showSeconds={this.showSeconds}\n              ></ix-time-picker>\n              <div class=\"btn-select-date-container\">\n                <ix-button\n                  class=\"btn-select-date\"\n                  onClick={() => this.onDone()}\n                >\n                  {this.i18nDone}\n                </ix-button>\n              </div>\n            </ix-col>\n          </ix-row>\n        </ix-layout-grid>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,0oD,MC4BbC,EAAc,MAL3B,WAAAC,CAAAC,G,+HAWUC,KAAKC,MAAG,KAORD,KAAQE,SAAG,KAOXF,KAAWG,YAAG,KAOdH,KAAWI,YAAG,KAkBdJ,KAAUK,WAAW,aAMrBL,KAAUM,WAAW,WAuBrBN,KAAiBO,kBAAY,MAUHP,KAAQQ,SAAW,OAO7CR,KAAQS,SAAW,OAMnBT,KAAcU,eAAG,EAajBV,KAAeW,gBAAG,KAkG3B,CA9ES,YAAMC,G,YACZ,MAAMC,SAAaC,EAAAd,KAAKe,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,kBAC3C,MAAMC,SAAaC,EAAAlB,KAAKmB,qBAAmB,MAAAD,SAAA,SAAAA,EAAAE,kBAE3CpB,KAAKqB,WAAWC,KAAK,CACnBC,MAAMC,EAAAX,IAAA,MAAAA,SAAI,SAAJA,EAAMU,QAAI,MAAAC,SAAA,EAAAA,EAAI,GACpBC,IAAIC,EAAAb,IAAA,MAAAA,SAAI,SAAJA,EAAMY,MAAE,MAAAC,SAAA,EAAAA,EAAI,GAChBT,KAAMA,IAAI,MAAJA,SAAA,EAAAA,EAAQ,I,CAIV,kBAAMU,CAAaC,GACzBA,EAAMC,iBACND,EAAME,kBAEN,MAAQC,OAAQlB,GAASe,EACzB5B,KAAKgC,WAAWV,KAAKT,E,CAGf,kBAAMoB,CAAaL,GACzBA,EAAMC,iBACND,EAAME,kBAEN,MAAQC,OAAQd,GAASW,EACzB5B,KAAKkC,WAAWZ,KAAKL,E,CAGvB,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAgB,kBAAAE,IAAA,2CAAAC,MAAM,cACpBH,EAAA,UAAAE,IAAA,4CACEF,EAAA,UAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CACEE,IAAMA,GAASxC,KAAKe,kBAAoByB,EACxCC,QAAQ,OACRxC,MAAOD,KAAKC,MACZ0B,aAAeC,GAAU5B,KAAK2B,aAAaC,GAC3CL,KAAMvB,KAAKuB,KACXE,GAAIzB,KAAKyB,GACTiB,OAAQ1C,KAAKK,WACbsC,QAAS3C,KAAK2C,QACdC,QAAS5C,KAAK4C,QACdlC,eAAgBV,KAAKU,eACrBmC,qBAAsB,MACtBC,OAAQ9C,KAAK8C,OACbnC,gBAAiBX,KAAKW,mBAI1ByB,EAAA,UAAAE,IAAA,4CACEF,EAAA,kBAAAE,IAAA,2CACEC,MAAM,YACNC,IAAMA,GAASxC,KAAKmB,kBAAoBqB,EACxCK,qBAAsB,MACtBE,yBAA0B,KAC1Bd,aAAeL,GAAU5B,KAAKiC,aAAaL,GAC3Cc,OAAQ1C,KAAKM,WACb0C,SAAUhD,KAAKS,SACfQ,KAAMjB,KAAKiB,KACXf,SAAUF,KAAKE,SACfC,YAAaH,KAAKG,YAClBC,YAAaJ,KAAKI,cAEpBgC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,6BACTH,EACE,aAAAE,IAAA,2CAAAC,MAAM,kBACNU,QAAS,IAAMjD,KAAKY,UAEnBZ,KAAKQ,c","ignoreList":[]}

package/dist/siemens-ix/p-719704c7.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as c}from"./p-B6NtGPRE.js";const t=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";const i=class{constructor(a){e(this,a);this.variant="outline";this.collapse=true}render(){var e;return a(c,{key:"551eaf59756a26404f08550ffd581c1d2a5ec6cb"},a("ix-card",{key:"234c25fbff11612a41cf7195375388a1e04dd2cf",variant:this.variant},a("ix-card-content",{key:"b71305f3dc0309a7861c14a4315f65eebe1ffb2c"},a("ix-card-title",{key:"e0eaa51dc09a29d8b58a08f5cc49c7b8fb5f423b"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,a("span",{key:"2004b4d4678c4ee82446c0a0e2aa53e4f49d4b99",class:"notification"},(e=this.notification)!==null&&e!==void 0?e:0),a("slot",{key:"6e3e664070520558f015007d68ea0bb6e229fcde",name:"title-action"})),a("ix-typography",{key:"2955264ba26f4794d5d917127d5f9394ab2242e6",format:"h4"},this.heading),a("ix-typography",{key:"0b4ce54a5dce834ffeb5fe8b5a369a1839e2f300"},this.subheading)),a("ix-card-accordion",{key:"9061ab3e0ead9f5d6c272b718c81ad7efdd1d18d",collapse:this.collapse},a("slot",{key:"2117cbc308f825d5b45e1ecaf7fd83f4b0e9e798"}))))}};i.style=t;export{i as ix_push_card};
-//# sourceMappingURL=p-719704c7.entry.js.map

package/dist/siemens-ix/p-719704c7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pushCardCss","PushCard","constructor","hostRef","this","variant","collapse","render","h","Host","key","icon","class","name","size","_a","notification","format","heading","subheading"],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: block;\n  position: relative;\n\n  ix-card {\n    cursor: default;\n  }\n\n  ix-card-accordion {\n    cursor: pointer;\n  }\n\n  .icon {\n    height: 2.5rem;\n    width: 2.5rem;\n  }\n\n  .notification {\n    font-size: 40px;\n  }\n\n  ix-card-content {\n    height: 11rem;\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 { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type PushCardVariant = CardVariant;\n\n@Component({\n  tag: 'ix-push-card',\n  styleUrl: 'push-card.scss',\n  shadow: true,\n})\nexport class PushCard {\n  /**\n   * Card icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Card KPI value\n   */\n  @Prop() notification?: string;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card variant\n   */\n  @Prop() variant: PushCardVariant = 'outline';\n\n  /**\n   * Collapse the card\n   */\n  @Prop() collapse: boolean = true;\n\n  render() {\n    return (\n      <Host>\n        <ix-card variant={this.variant}>\n          <ix-card-content>\n            <ix-card-title>\n              {this.icon ? (\n                <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n              ) : null}\n              <span class={'notification'}>{this.notification ?? 0}</span>\n              <slot name=\"title-action\"></slot>\n            </ix-card-title>\n            <ix-typography format=\"h4\">{this.heading}</ix-typography>\n            <ix-typography>{this.subheading}</ix-typography>\n          </ix-card-content>\n          <ix-card-accordion collapse={this.collapse}>\n            <slot></slot>\n          </ix-card-accordion>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,0N,MCmBPC,EAAQ,MALrB,WAAAC,CAAAC,G,UA6BUC,KAAOC,QAAoB,UAK3BD,KAAQE,SAAY,IAwB7B,CAtBC,MAAAC,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CAASL,QAASD,KAAKC,SACrBG,EAAA,mBAAAE,IAAA,4CACEF,EAAA,iBAAAE,IAAA,4CACGN,KAAKO,KACJH,EAAS,WAAAI,MAAO,OAAQC,KAAMT,KAAKO,KAAMG,KAAK,OAC5C,KACJN,EAAM,QAAAE,IAAA,2CAAAE,MAAO,iBAAiBG,EAAAX,KAAKY,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GACnDP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAEbL,EAAA,iBAAAE,IAAA,2CAAeO,OAAO,MAAMb,KAAKc,SACjCV,EAAA,iBAAAE,IAAA,4CAAgBN,KAAKe,aAEvBX,EAAA,qBAAAE,IAAA,2CAAmBJ,SAAUF,KAAKE,UAChCE,EAAA,QAAAE,IAAA,+C","ignoreList":[]}