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

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

@@ -1,2 +0,0 @@
-import{h as t}from"./p-B6NtGPRE.js";import{B as o}from"./p-DyBJEhgA.js";function r(r){return t(o,Object.assign({},r,{type:"button"}))}export{r as B};
-//# sourceMappingURL=p-BaslXuvq.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["breadcrumbItemCss","BreadcrumbItem","constructor","hostRef","this","ghost","visible","showChevron","isDropdownTrigger","componentDidLoad","animationFadeIn","componentWillLoad","a11y","a11yHostAttributes","hostElement","animejs","targets","duration","opacity","translateX","easing","render","props","variant","outline","iconOnly","iconOval","disabled","icon","iconSize","loading","selected","type","tabIndex","extraClasses","ariaAttributes","h","Host","class","onClick","itemClick","emit","label","BaseButton","Object","assign","afterContent","Fragment","name","iconChevronRightSmall","size"],"sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n@import '../button/button-mixin';\n@import '../button/button';\n\n@include all-btn-variants;\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-right: 0.25rem;\n  max-width: 15rem;\n  min-width: 0;\n\n  li {\n    display: contents;\n  }\n\n  .btn {\n    pointer-events: all;\n    width: fit-content;\n    padding-right: 0;\n    padding-left: 0.25rem;\n  }\n\n  .chevron {\n    pointer-events: none;\n    margin-left: 0.5rem;\n    margin-right: 0rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n\n  ::slotted(a[href]:active) {\n    text-decoration: none !important;\n  }\n}\n\n:host(:last-child) {\n  .btn:not(.dropdown-trigger) {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.hide-chevron) {\n  cursor: default;\n\n  .btn {\n    padding-right: 0.5rem;\n    pointer-events: none;\n  }\n}\n\n:host(.invisible) {\n  display: none;\n}\n\n:host(:focus-visible) {\n  outline: 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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\nimport { iconChevronRightSmall } from '@siemens/ix-icons/icons';\n\nexport type BreadcrumbItemLinkTarget =\n  | '_self'\n  | '_blank'\n  | '_parent'\n  | '_top'\n  | string;\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n  @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon?: string;\n\n  /**@internal */\n  @Prop() ghost: boolean = true;\n\n  /**@internal */\n  @Prop() visible = true;\n\n  /**@internal */\n  @Prop() showChevron = true;\n\n  /** @internal */\n  @Prop() isDropdownTrigger = false;\n\n  /**@internal */\n  @Event() itemClick!: EventEmitter<string>;\n\n  @State() a11y: any;\n\n  componentDidLoad() {\n    this.animationFadeIn();\n  }\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement, [\n      'aria-describedby',\n      'aria-controls',\n      'aria-expanded',\n    ]);\n  }\n\n  animationFadeIn() {\n    animejs({\n      targets: this.hostElement,\n      duration: 150,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  render() {\n    const props: BaseButtonProps = {\n      variant: this.ghost ? 'primary' : 'secondary',\n      outline: false,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      disabled: false,\n      icon: this.icon,\n      iconSize: '16',\n      loading: false,\n      selected: false,\n      type: 'button',\n      tabIndex:\n        this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n      extraClasses: {\n        'dropdown-trigger': this.isDropdownTrigger,\n      },\n      ariaAttributes: this.a11y,\n    };\n\n    if (!this.visible) {\n      return <Host class={'invisible'}></Host>;\n    }\n\n    return (\n      <Host\n        class={{\n          'hide-chevron': !this.showChevron,\n        }}\n        onClick={() => this.itemClick.emit(this.label)}\n      >\n        <li>\n          <BaseButton\n            {...props}\n            afterContent={\n              <Fragment>\n                {this.showChevron ? (\n                  <ix-icon\n                    name={iconChevronRightSmall}\n                    size=\"16\"\n                    class={'chevron'}\n                  ></ix-icon>\n                ) : null}\n              </Fragment>\n            }\n          >\n            {this.label}\n            <slot></slot>\n          </BaseButton>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uNAAA,MAAMA,EAAoB,u0wC,MCqCbC,EAAc,MAL3B,WAAAC,CAAAC,G,+CAmBUC,KAAKC,MAAY,KAGjBD,KAAOE,QAAG,KAGVF,KAAWG,YAAG,KAGdH,KAAiBI,kBAAG,KAmF7B,CA5EC,gBAAAC,GACEL,KAAKM,iB,CAGP,iBAAAC,GACEP,KAAKQ,KAAOC,EAAmBT,KAAKU,YAAa,CAC/C,mBACA,gBACA,iB,CAIJ,eAAAJ,GACEK,EAAQ,CACNC,QAASZ,KAAKU,YACdG,SAAU,IACVC,QAAS,CAAC,EAAG,GACbC,WAAY,CAAC,QAAS,MACtBC,OAAQ,U,CAIZ,MAAAC,GACE,MAAMC,EAAyB,CAC7BC,QAASnB,KAAKC,MAAQ,UAAY,YAClCmB,QAAS,MACTnB,MAAOD,KAAKC,MACZoB,SAAU,MACVC,SAAU,MACVC,SAAU,MACVC,KAAMxB,KAAKwB,KACXC,SAAU,KACVC,QAAS,MACTC,SAAU,MACVC,KAAM,SACNC,SACE7B,KAAKU,YAAYmB,YAAa,EAAK7B,KAAKU,YAAYmB,SAAW,EACjEC,aAAc,CACZ,mBAAoB9B,KAAKI,mBAE3B2B,eAAgB/B,KAAKQ,MAGvB,IAAKR,KAAKE,QAAS,CACjB,OAAO8B,EAACC,EAAI,CAACC,MAAO,a,CAGtB,OACEF,EAACC,EAAI,CACHC,MAAO,CACL,gBAAiBlC,KAAKG,aAExBgC,QAAS,IAAMnC,KAAKoC,UAAUC,KAAKrC,KAAKsC,QAExCN,EAAA,UACEA,EAACO,EAAUC,OAAAC,OAAA,GACLvB,EAAK,CACTwB,aACEV,EAACW,EAAQ,KACN3C,KAAKG,YACJ6B,EAAA,WACEY,KAAMC,EACNC,KAAK,KACLZ,MAAO,YAEP,QAIPlC,KAAKsC,MACNN,EAAA,e","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","Textarea","constructor","hostRef","this","value","required","disabled","readonly","resizeBehavior","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","textAreaRef","makeRef","touched","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","formInternals","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","h","Host","key","class","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","maxLength","slot","textColor","length","TextareaElement","minLength","textareaCols","textareaRows","textareaHeight","textareaWidth","placeholder","valueChange","emit","onBlur","onInputBlur","current","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/input/textarea.scss?tag=ix-textarea&encapsulation=shadow","src/components/input/textarea.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import './input.mixins.scss';\n\n@include input-field;\n\n@include host-valid;\n\n@include host-info {\n  textarea {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  textarea {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  textarea {\n    background-color: var(--theme-input--background--invalid);\n    border-color: var(--theme-input--border-color--invalid) !important;\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--invalid--active) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  h,\n} from '@stencil/core';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\n\nexport type TextareaResizeBehavior =\n  | 'both'\n  | 'horizontal'\n  | 'vertical'\n  | 'none';\n\n/**\n * @form-ready\n */\n@Component({\n  tag: 'ix-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxTextareaElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * The name of the textarea field.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The placeholder text for the textarea field.\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * The value of the textarea field.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Determines if the textarea field is required.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Determines if the textarea field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Determines if the textarea field is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * The helper text for the textarea field.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The info text for the textarea field.\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Determines if the text should be displayed as a tooltip.\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * The valid text for the textarea field.\n   */\n  @Prop() validText?: string;\n\n  /**\n   * The warning text for the textarea field.\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * The label for the textarea field.\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The error text for the textarea field.\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * The height of the textarea field (e.g. \"52px\").\n   */\n  @Prop() textareaHeight?: string;\n\n  /**\n   * The width of the textarea field (e.g. \"200px\").\n   */\n  @Prop() textareaWidth?: string;\n\n  /**\n   * The height of the textarea specified by number of rows.\n   */\n  @Prop() textareaRows?: number;\n\n  /**\n   * The width of the textarea specified by number of characters.\n   */\n  @Prop() textareaCols?: number;\n\n  /**\n   * Determines the resize behavior of the textarea field.\n   * Resizing can be enabled in one direction, both directions or completely disabled.\n   */\n  @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n  /**\n   * The maximum length of the textarea field.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * The minimum length of the textarea field.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * Event emitted when the value of the textarea field changes.\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when the validity state of the textarea field changes.\n   */\n  @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n  /**\n   * Event emitted when the textarea field loses focus.\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() isInvalidByRequired = false;\n\n  private readonly textAreaRef = makeRef<HTMLTextAreaElement>();\n  private touched = false;\n\n  @HookValidationLifecycle()\n  updateClassMappings(result: ValidationResults) {\n    mapValidationResult(this, result);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue(this.value);\n  }\n\n  updateFormInternalValue(value: string) {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /**\n   * Get the native textarea element.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLTextAreaElement> {\n    return this.textAreaRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  /**\n   * Check if the textarea field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.textAreaRef}\n        >\n          {!!this.maxLength && this.maxLength > 0 && (\n            <ix-typography\n              class=\"bottom-text\"\n              slot=\"bottom-right\"\n              textColor=\"soft\"\n            >\n              {(this.value || '').length}/{this.maxLength}\n            </ix-typography>\n          )}\n          <div class=\"input-wrapper\">\n            <TextareaElement\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              textareaCols={this.textareaCols}\n              textareaRows={this.textareaRows}\n              textareaHeight={this.textareaHeight}\n              textareaWidth={this.textareaWidth}\n              resizeBehavior={this.resizeBehavior}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              isInvalid={this.isInvalid}\n              required={this.required}\n              value={this.value}\n              placeholder={this.placeholder}\n              textAreaRef={this.textAreaRef}\n              valueChange={(value) => this.valueChange.emit(value)}\n              updateFormInternalValue={(value) =>\n                this.updateFormInternalValue(value)\n              }\n              onBlur={() => {\n                onInputBlur(this, this.textAreaRef.current);\n                this.touched = true;\n              }}\n            ></TextareaElement>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qRAAA,MAAMA,EAAc,22e,iXC6CPC,EAAQ,MANrB,WAAAC,CAAAC,G,uTAuB0CC,KAAKC,MAAW,GAK/BD,KAAQE,SAAY,MAKrCF,KAAQG,SAAY,MAKpBH,KAAQI,SAAY,MA6DpBJ,KAAcK,eAA2B,OA2BxCL,KAASM,UAAG,MACZN,KAAOO,QAAG,MACVP,KAAMQ,OAAG,MACTR,KAASS,UAAG,MACZT,KAAmBU,oBAAG,MAEdV,KAAWW,YAAGC,IACvBZ,KAAOa,QAAG,KAmHnB,CAhHC,mBAAAC,CAAoBC,GAClBC,EAAoBhB,KAAMe,E,CAG5B,iBAAAE,GACEjB,KAAKkB,wBAAwBlB,KAAKC,M,CAGpC,uBAAAiB,CAAwBjB,GACtBD,KAAKmB,cAAcC,aAAanB,GAChCD,KAAKC,MAAQA,C,CAKf,8BAAMoB,GACJ,OAAOrB,KAAKmB,cAAcG,I,CAK5B,aAAAC,GACE,OAAOC,QAAQC,UAAUzB,KAAKC,M,CAOhC,qBAAAyB,GACE,OAAO1B,KAAKW,YAAYgB,gB,CAO1B,gBAAMC,GACJ,aAAc5B,KAAK0B,yBAAyBG,O,CAQ9C,SAAAC,GACE,OAAON,QAAQC,QAAQzB,KAAKa,Q,CAG9B,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLhC,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,WAGjB4B,EAAA,oBAAAE,IAAA,2CACEhC,SAAUF,KAAKE,SACfkC,MAAOpC,KAAKoC,MACZC,WAAYrC,KAAKqC,WACjBC,YAAatC,KAAKsC,YAClBC,SAAUvC,KAAKuC,SACfC,YAAaxC,KAAKwC,YAClBC,UAAWzC,KAAKyC,UAChBC,kBAAmB1C,KAAK0C,kBACxBpC,UAAWN,KAAKM,UAChBC,QAASP,KAAKO,QACdC,OAAQR,KAAKQ,OACbC,UAAWT,KAAKS,UAChBkC,WAAY3C,KAAKW,eAEdX,KAAK4C,WAAa5C,KAAK4C,UAAY,GACpCZ,EACE,iBAAAE,IAAA,2CAAAC,MAAM,cACNU,KAAK,eACLC,UAAU,SAER9C,KAAKC,OAAS,IAAI8C,OAAM,IAAG/C,KAAK4C,WAGtCZ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBACTH,EAACgB,EACC,CAAAd,IAAA,2CAAAe,UAAWjD,KAAKiD,UAChBL,UAAW5C,KAAK4C,UAChBM,aAAclD,KAAKkD,aACnBC,aAAcnD,KAAKmD,aACnBC,eAAgBpD,KAAKoD,eACrBC,cAAerD,KAAKqD,cACpBhD,eAAgBL,KAAKK,eACrBD,SAAUJ,KAAKI,SACfD,SAAUH,KAAKG,SACfG,UAAWN,KAAKM,UAChBJ,SAAUF,KAAKE,SACfD,MAAOD,KAAKC,MACZqD,YAAatD,KAAKsD,YAClB3C,YAAaX,KAAKW,YAClB4C,YAActD,GAAUD,KAAKuD,YAAYC,KAAKvD,GAC9CiB,wBAA0BjB,GACxBD,KAAKkB,wBAAwBjB,GAE/BwD,OAAQ,KACNC,EAAY1D,KAAMA,KAAKW,YAAYgD,SACnC3D,KAAKa,QAAU,IAAI,M,4EAxGjC+C,EAAA,CADCC,KAGAhE,EAAAiE,UAAA,4B","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as r,H as t,a as o}from"./p-B6NtGPRE.js";import{h as a}from"./p-i60z1FJC.js";const s=":host{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem 0.25rem 2rem;width:100%;height:100%;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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1rem}";const c=class{constructor(r){e(this,r);this.isContentHeaderSlotted=false}get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return r(t,{key:"b232033e844cce7b64e46fb947aaa82088e1a3b7"},r("div",{key:"189fe885fb253cb87bc268d182dd46bc1523fb83",class:{"content-header":true,slotted:this.isContentHeaderSlotted}},r("slot",{key:"0fe53f18f29eef2a950c6ad87d5860ed01445aa0",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),r("div",{key:"a613f4f94a9402390740f36e78227b6550ef4f01",class:"content"},r("slot",{key:"f1f60c196ea4700dede8af657eb771864fdff734"})))}get hostElement(){return o(this)}};c.style=s;export{c as ix_content};
-//# sourceMappingURL=p-a7e339d0.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["paneCss","Pane","constructor","hostRef","this","variant","hideOnCollapse","size","borderless","expanded","composition","ignoreLayoutSettings","isMobile","expandIcon","showContent","minimizeIcon","floating","parentWidthPx","parentHeightPx","animations","Map","animationCounter","currentSlot","hostElement","getAttribute","isBottomTopPane","isLeftRightPane","isMobileTop","componentWillLoad","setIcons","onParentSizeChange","matchBreakpoint","applicationLayoutService","onChange","on","setPosition","mutationObserver","MutationObserver","mutations","forEach","mutation","type","attributeName","newSlot","oldSlot","oldValue","slotChanged","emit","slot","observe","attributes","attributeOldValue","parentElement","resizeObserver","ResizeObserver","entries","borderBoxSize","inlineSize","blockSize","disconnectedCallback","_a","disconnect","_b","value","validPositions","includes","getExpandPaneSize","expandPaneSize","referenceValue","Math","round","currentValue","Number","replace","getIconNames","iconDoubleChevronUp","iconDoubleChevronLeft","iconDoubleChevronDown","iconDoubleChevronRight","getKey","toString","animateVerticalFadeIn","key","animation","anime","targets","duration","Animation","mediumTime","width","easing","delay","begin","animateVerticalPadding","complete","delete","set","animateHorizontalFadeIn","height","animateHorizontalPadding","removePadding","shadowRoot","querySelector","paddingTop","paddingBottom","paddingLeft","paddingRight","clearAnimations","pause","clear","onMobileChange","style","removeProperty","onPositionChange","onHideOnCollapseChange","hideOnCollapseChanged","onVariantChange","variantChanged","onBorderlessChange","borderlessChanged","dispatchExpandedChangedEvent","event","expandedChanged","defaultPrevented","collapsedPaneMobile","collapsedPane","onSizeChange","minHeight","render","h","Host","class","id","title","icon","iconClose","ghost","onClick","rotate","name","format","heading","hidden"],"sources":["src/components/pane/pane.scss?tag=ix-pane&encapsulation=shadow","src/components/pane/pane.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n@mixin set-border($composition) {\n  @if $composition {\n    border-#{$composition}: var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr);\n  }\n}\n\n:host {\n  @include ix-component;\n  background-color: var(--theme-color-2);\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  aside {\n    width: 100%;\n    height: 100%;\n  }\n\n  .title-text {\n    display: flex;\n    align-items: center;\n    gap: var(--theme-space-1);\n    overflow: hidden;\n\n    .title-text-overflow {\n      width: 100%;\n      height: 100%;\n      display: contents;\n\n      * {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n    }\n  }\n\n  .header-gap {\n    gap: var(--theme-space-1);\n  }\n\n  .top-bottom-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin: var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2);\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane {\n    display: flex;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin: var(--theme-space-2) var(--theme-space--1)  var(--theme-space-2) var(--theme-space--1);\n\n      .title-text {\n        flex-direction: row-reverse;\n        justify-content: start;\n        flex-direction: row;\n      }\n\n      .rotate {\n        writing-mode: vertical-lr;\n        text-orientation: mixed;\n        transform: rotate(180deg);\n        flex-direction: row-reverse;\n\n        ix-icon {\n          transform: rotate(90deg);\n        }\n      }\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane.expanded {\n    flex-direction: column;\n  }\n\n  .mobile-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title-mobile {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      margin: var(--theme-space-1) var(--theme-space-2);\n    }\n  }\n\n  .side-pane-content {\n    padding: var(--theme-space-1) var(--theme-space-2);\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n:host(.not-visible) {\n  display: none;\n}\n\n:host(.inline-color) {\n  background-color: var(--theme-color-1);\n}\n\n:host(.box-shadow) {\n  box-shadow: 0 0 1rem black;\n}\n\n:host(.nav-left-border) {\n  border-left: var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr);\n}\n\n:host(.left-pane-border) {\n  @include set-border(right);\n}\n\n:host(.right-pane-border) {\n  @include set-border(left);\n}\n\n:host(.top-pane-border) {\n  @include set-border(bottom);\n}\n\n:host(.bottom-pane-border) {\n  @include set-border(top);\n}\n\n:host(.mobile-overlay) {\n  width: 100%;\n  position: absolute;\n  z-index: 100 !important;\n\n  .side-pane-content {\n    height: calc(100% - 2.5rem);\n  }\n}\n\n:host(.mobile-border-top) {\n  @include set-border(bottom);\n}\n\n:host(.mobile-border-bottom) {\n  @include set-border(top);\n}\n\n:host(.top-expanded) {\n  top: 0;\n}\n\n:host(.bottom-expanded) {\n  bottom: 0;\n}\n\n:host(.left-right-pane) {\n  height: 100%;\n}\n\n:host(.top-bottom-pane) {\n  width: 100%;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\nimport {\n  iconClose,\n  iconDoubleChevronDown,\n  iconDoubleChevronLeft,\n  iconDoubleChevronRight,\n  iconDoubleChevronUp,\n} from '@siemens/ix-icons/icons';\n\nexport type Composition = 'top' | 'left' | 'bottom' | 'right';\nexport type ExpandedChangedEvent = {\n  slot: string;\n  expanded: boolean;\n};\nexport type SlotChangedEvent = {\n  slot: string;\n  newSlot: string;\n};\nexport type HideOnCollapseChangedEvent = {\n  slot: string;\n  hideOnCollapse: boolean;\n};\nexport type VariantChangedEvent = {\n  slot: string;\n  variant: 'floating' | 'inline';\n};\nexport type BorderlessChangedEvent = {\n  slot: string;\n  borderless: boolean;\n};\n\n@Component({\n  tag: 'ix-pane',\n  styleUrl: 'pane.scss',\n  shadow: true,\n})\nexport class Pane {\n  @Element() hostElement!: HTMLIxPaneElement;\n\n  /**\n   * Title of the side panel\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Variant of the side pane.\n   * Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline.\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Define if the pane should have a collapsed state\n   */\n  @Prop() hideOnCollapse: boolean = false;\n\n  /**\n   * The maximum size of the sidebar, when it is expanded\n   */\n  @Prop() size:\n    | '240px'\n    | '320px'\n    | '360px'\n    | '480px'\n    | '600px'\n    | '33%'\n    | '50%' = '240px';\n\n  /**\n   * Toggle the border of the pane.\n   * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.\n   */\n  @Prop() borderless: boolean = false;\n\n  /**\n   * State of the pane\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * Defines the position of the pane inside it's container.\n   * Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.\n   */\n  @Prop({ mutable: true }) composition: Composition = 'top';\n\n  /**\n   * Name of the icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * @internal\n   * Prevents overwriting of the variant and borderless property when used inside layout\n   */\n  @Prop() ignoreLayoutSettings: boolean = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) isMobile: boolean = false;\n\n  /**\n   * This event is triggered when the pane either expands or contracts\n   */\n  @Event() expandedChanged!: EventEmitter<ExpandedChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() variantChanged!: EventEmitter<VariantChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() borderlessChanged!: EventEmitter<BorderlessChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() hideOnCollapseChanged!: EventEmitter<HideOnCollapseChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() slotChanged!: EventEmitter<SlotChangedEvent>;\n\n  @State() private expandIcon = '';\n  @State() private showContent = false;\n  @State() private minimizeIcon = '';\n  @State() private floating = false;\n  @State() private parentWidthPx = 0;\n  @State() private parentHeightPx = 0;\n\n  private static readonly validPositions = ['top', 'left', 'bottom', 'right'];\n  private static readonly collapsedPane = '40px';\n  private static readonly collapsedPaneMobile = '48px';\n  private readonly animations: Map<string, anime.AnimeInstance> = new Map();\n  private animationCounter = 0;\n\n  private mutationObserver?: MutationObserver;\n  private resizeObserver?: ResizeObserver;\n\n  get currentSlot() {\n    return this.hostElement.getAttribute('slot');\n  }\n\n  get isBottomTopPane() {\n    return this.composition === 'bottom' || this.composition === 'top';\n  }\n\n  get isLeftRightPane() {\n    return this.composition === 'left' || this.composition === 'right';\n  }\n\n  get isMobileTop() {\n    return this.composition === 'top' || this.composition === 'left';\n  }\n\n  componentWillLoad() {\n    this.setIcons();\n\n    this.floating = this.variant === 'floating';\n\n    if (this.expanded) {\n      this.onParentSizeChange();\n    }\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n\n    if (this.currentSlot) {\n      this.setPosition(this.currentSlot);\n    }\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'slot'\n        ) {\n          const newSlot = this.currentSlot;\n          const oldSlot = mutation.oldValue;\n\n          if (newSlot !== oldSlot) {\n            this.slotChanged.emit({\n              slot: oldSlot ?? '',\n              newSlot: newSlot ?? '',\n            });\n\n            if (newSlot) {\n              this.setPosition(newSlot);\n            }\n          }\n        }\n      });\n    });\n    this.mutationObserver.observe(this.hostElement, {\n      attributes: true,\n      attributeOldValue: true,\n    });\n\n    const parentElement = this.hostElement.parentElement;\n    this.resizeObserver = new ResizeObserver((entries) => {\n      this.parentWidthPx = entries[0].borderBoxSize[0].inlineSize;\n      this.parentHeightPx = entries[0].borderBoxSize[0].blockSize;\n    });\n    if (parentElement) this.resizeObserver.observe(parentElement);\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setPosition(value: string) {\n    if (Pane.validPositions.includes(value)) {\n      this.composition = value as Composition;\n    }\n  }\n\n  private getExpandPaneSize() {\n    let expandPaneSize: string;\n\n    if (this.isBottomTopPane) {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentHeightPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 3)}px`;\n        }\n      }\n    } else {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentWidthPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 3)}px`;\n        }\n      }\n    }\n\n    return expandPaneSize;\n  }\n\n  private setIcons() {\n    const { expandIcon, minimizeIcon } = this.getIconNames();\n    this.expandIcon = expandIcon;\n    this.minimizeIcon = minimizeIcon;\n  }\n\n  private getIconNames(): { expandIcon: string; minimizeIcon: string } {\n    let expandIcon = '';\n    let minimizeIcon = '';\n\n    switch (this.composition) {\n      case 'left':\n        expandIcon = this.isMobile\n          ? iconDoubleChevronUp\n          : iconDoubleChevronLeft;\n        minimizeIcon = this.isMobile\n          ? iconDoubleChevronDown\n          : iconDoubleChevronRight;\n        break;\n      case 'right':\n        expandIcon = this.isMobile\n          ? iconDoubleChevronDown\n          : iconDoubleChevronRight;\n        minimizeIcon = this.isMobile\n          ? iconDoubleChevronUp\n          : iconDoubleChevronLeft;\n        break;\n      case 'bottom':\n        expandIcon = iconDoubleChevronDown;\n        minimizeIcon = iconDoubleChevronUp;\n        break;\n      case 'top':\n        expandIcon = iconDoubleChevronUp;\n        minimizeIcon = iconDoubleChevronDown;\n        break;\n    }\n\n    return { expandIcon, minimizeIcon };\n  }\n\n  private getKey() {\n    return (this.animationCounter++).toString();\n  }\n\n  private animateVerticalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      width: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          this.animateVerticalPadding('0px');\n        } else {\n          this.animateVerticalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateHorizontalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      height: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          if (!this.isMobile) this.animateHorizontalPadding('0px');\n        } else {\n          if (!this.isMobile) this.animateHorizontalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private removePadding() {\n    anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n      paddingLeft: 0,\n      paddingRight: 0,\n      delay: 0,\n    });\n  }\n\n  private animateHorizontalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: duration,\n      paddingTop: size,\n      paddingBottom: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateVerticalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: duration,\n      paddingLeft: size,\n      paddingRight: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private clearAnimations() {\n    this.animations.forEach((animation) => animation.pause());\n    this.animations.clear();\n    this.animationCounter = 0;\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.hostElement.style.removeProperty('min-height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('composition')\n  onPositionChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('hideOnCollapse')\n  onHideOnCollapseChange(value: boolean) {\n    this.onParentSizeChange();\n\n    this.hideOnCollapseChanged.emit({\n      slot: this.currentSlot ?? '',\n      hideOnCollapse: value,\n    });\n  }\n\n  @Watch('variant')\n  onVariantChange(value: 'inline' | 'floating') {\n    this.floating = value === 'floating';\n\n    this.variantChanged.emit({\n      slot: this.currentSlot ?? '',\n      variant: value,\n    });\n  }\n\n  @Watch('borderless')\n  onBorderlessChange(value: boolean) {\n    this.borderlessChanged.emit({\n      slot: this.currentSlot ?? '',\n      borderless: value,\n    });\n  }\n\n  private dispatchExpandedChangedEvent() {\n    const event = this.expandedChanged.emit({\n      slot: this.currentSlot ?? '',\n      expanded: !this.expanded,\n    });\n\n    if (!event.defaultPrevented) {\n      this.expanded = !this.expanded;\n    }\n  }\n\n  @Watch('parentHeightPx')\n  @Watch('parentWidthPx')\n  onParentSizeChange() {\n    this.clearAnimations();\n    this.removePadding();\n\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.height = '100%';\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = expandPaneSize;\n          this.animateHorizontalPadding('8px', 0);\n        } else {\n          this.hostElement.style.width = expandPaneSize;\n          this.animateVerticalPadding('8px', 0);\n        }\n      }\n\n      this.showContent = true;\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.hideOnCollapse\n          ? '0'\n          : Pane.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n        }\n      }\n    }\n  }\n\n  @Watch('expanded')\n  @Watch('size')\n  onSizeChange() {\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.minHeight = this.hideOnCollapse\n          ? '0'\n          : Pane.collapsedPaneMobile;\n        this.animateHorizontalFadeIn('100%');\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n          this.animateHorizontalFadeIn(expandPaneSize);\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n          this.animateVerticalFadeIn(expandPaneSize);\n        }\n      }\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = Pane.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.animateHorizontalFadeIn(Pane.collapsedPane);\n        } else {\n          this.animateVerticalFadeIn(Pane.collapsedPane);\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'inline-color': !this.floating,\n          'mobile-overlay': this.expanded && this.isMobile,\n          'top-expanded': this.expanded && this.isMobileTop && this.isMobile,\n          'bottom-expanded':\n            this.expanded && !this.isMobileTop && this.isMobile,\n          'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n          'left-right-pane': this.isLeftRightPane && !this.isMobile,\n          [`${this.composition}-pane-border`]:\n            !this.borderless && !this.isMobile && !this.floating,\n          'nav-left-border':\n            !this.borderless &&\n            !this.isMobile &&\n            this.composition !== 'right' &&\n            this.floating,\n          'mobile-border-top':\n            !this.borderless &&\n            this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'mobile-border-bottom':\n            !this.borderless &&\n            !this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'box-shadow': this.floating,\n          'aria-expanded': this.expanded,\n          'not-visible': this.hideOnCollapse && !this.expanded,\n        }}\n      >\n        <aside\n          id={`pane-${this.composition}`}\n          class={{\n            'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n            'left-right-pane': this.isLeftRightPane && !this.isMobile,\n            'mobile-pane': this.isMobile,\n            expanded: this.expanded,\n          }}\n        >\n          <div\n            id=\"title-div\"\n            class={{\n              title:\n                !this.isMobile && !this.hideOnCollapse && !this.showContent,\n              'title-finished':\n                !this.isMobile && !this.hideOnCollapse && this.showContent,\n              'title-expanded':\n                !this.isMobile && !this.hideOnCollapse && this.expanded,\n              'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,\n              'title-mobile': this.isMobile,\n              'header-gap': !this.isMobile && !this.hideOnCollapse,\n            }}\n          >\n            <ix-icon-button\n              class=\"title-icon\"\n              size=\"24\"\n              icon={\n                this.expanded\n                  ? this.isMobile || this.hideOnCollapse\n                    ? iconClose\n                    : this.expandIcon\n                  : this.minimizeIcon\n              }\n              ghost\n              onClick={() => this.dispatchExpandedChangedEvent()}\n              aria-controls={`pane-${this.composition}`}\n            />\n            <span\n              class={{\n                'title-text': true,\n                rotate:\n                  !this.expanded && !this.isMobile && this.isLeftRightPane,\n              }}\n            >\n              {this.icon ? (\n                <ix-icon size=\"24\" name={this.icon}></ix-icon>\n              ) : null}\n              <div class=\"title-text-overflow\">\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              </div>\n            </span>\n          </div>\n          <div class=\"side-pane-content\" hidden={!this.showContent}>\n            <slot></slot>\n          </div>\n        </aside>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{r,c as e,h as o,H as s}from"./p-B6NtGPRE.js";import{a}from"./p-Ou74PMQs.js";import{p as t,y as c,b as i,c as l,a as n,z as h,i as b}from"./p-DLTnniMb.js";const m=":host{margin:0.5rem 0.5rem 0rem 0.5rem}: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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";const d=class{constructor(o){r(this,o);this.closedChange=e(this,"closedChange",7);this.closeAnimationCompleted=e(this,"closeAnimationCompleted",7);this.type="info";this.dismissible=true}componentWillRender(){const r=d.messageTypeConfigs[this.type];if(r){this.icon=r.icon;this.color=r.color}}closeAlert(r){const{defaultPrevented:e}=this.closedChange.emit();if(!e){a({targets:r,duration:d.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{r.classList.add("message-bar-hidden");this.closeAnimationCompleted.emit()}})}}render(){return o(s,{key:"bdca530b8707b94e4b94c0976986a127ab9142c4"},o("div",{key:"a52bc91603d4610f1081947519f7adfcb16de098",class:{"message-container":true,[this.type]:true},role:"alert",ref:r=>this.divElement=r},o("ix-icon",{key:"c2ccf0a0f507901f92b2503fdd0d4993f2151bc0",color:this.color,name:this.icon}),o("div",{key:"04ef6ca731befb5e3ab8a67f9e36aaf3c5642c55",class:"message-content"},o("slot",{key:"0fb41fed1ee5487f943879dcf3e4635d83bc0a00"})),this.dismissible?o("ix-icon-button",{icon:t,size:"24",ghost:true,onClick:()=>{if(this.divElement){this.closeAlert(this.divElement)}},"data-testid":"close-btn"}):""))}};d.duration=300;d.messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},danger:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:n,color:"color-warning"},success:{icon:l,color:"color-success"},info:{icon:i,color:"color-info"},neutral:{icon:c,color:"color-neutral"},primary:{icon:c,color:"color-primary"}};d.style=m;export{d as ix_message_bar};
-//# sourceMappingURL=p-c6cb0b06.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["sliderCss","between","min","value","max","Slider","constructor","hostRef","this","step","trace","traceReference","disabled","rangeInput","rangeMin","rangeMax","rangeTraceReference","showTooltip","thumbRef","makeRef","tooltipRef","tooltip","current","pseudoThumb","slider","_a","hostElement","shadowRoot","getElementById","onShowTooltipChange","_b","hideTooltip","componentWillLoad","a11yAttributes","a11yHostAttributes","updateRangeVariables","Math","onInput","event","stopPropagation","parseFloat","isNaN","oldValue","defaultPrevented","emitInputEvent","toString","valueChange","emit","isMarkerActive","markerValue","start","end","onPointerUp","render","range","traceReferenceInPercentage","valueInPercentage","distance","traceStart","traceEnd","h","Host","key","class","error","onPointerDown","setTimeout","ref","style","left","marker","map","tick","Object","assign","id","type","list","undefined","tabindex","onFocus","onBlur","role","animationFrame","for","waitForCurrent","name","textColor","__decorate","OnListener","self","prototype"],"sources":["src/components/slider/slider.scss?tag=ix-slider&encapsulation=shadow","src/components/slider/slider.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@mixin track {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']::-webkit-slider-runnable-track {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']::-moz-range-track {\n    @content;\n  }\n}\n\n@mixin clear-browser-thumb {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range' i]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    margin-top: -6px;\n  }\n\n  // Firefox\n  input[type='range' i]::-moz-range-thumb {\n    border: none;\n    border-radius: 0;\n  }\n}\n\n@mixin thumb {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-hover {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:hover::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:hover::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-active {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:active::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:active::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-focus {\n  input[type='range']:focus {\n    outline: none;\n  }\n\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:focus-visible::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:focus-visible::-moz-range-thumb {\n    @content;\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  min-height: 2rem;\n  --thumb-size: 1rem;\n  --value: 0;\n  --trace-start: 0;\n  --trace-end: 0;\n  --trace-reference: 0;\n  --trace-reference-color: var(--theme-color-8);\n  --trace-color: var(--theme-color-dynamic);\n  --tick-color: var(--theme-color-8);\n  --tick-color--active: var(--theme-color-dynamic);\n  --track-color: var(--theme-color-component-4);\n\n  input[type='range'] {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    appearance: none;\n    background: transparent;\n    cursor: pointer;\n    width: 100%;\n    height: 1rem;\n    margin: 0;\n  }\n\n  // Trace line\n  input[type='range'].trace::before {\n    content: '';\n    position: absolute;\n    display: block;\n    z-index: -1;\n\n    width: calc(\n      calc(7px + calc(100% * var(--trace-end)) - calc(16px * var(--trace-end))) -\n        calc(\n          7px + calc(100% * var(--trace-start)) -\n            calc(16px * var(--trace-start))\n        )\n    );\n\n    left: calc(\n      7px + calc(100% * var(--trace-start)) - calc(16px * var(--trace-start))\n    );\n\n    height: 4px;\n    background-color: var(--trace-color);\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  // Trace reference\n  input[type='range'].trace:not(.hide-trace-reference)::after {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 2px;\n    height: 16px;\n    background-color: var(--trace-reference-color);\n    top: 50%;\n    transform: translateY(-50%);\n    left: calc(\n      7px + calc(100% * var(--trace-reference)) -\n        calc(16px * var(--trace-reference))\n    );\n  }\n\n  @include track() {\n    background: transparent;\n    height: 0.25rem;\n  }\n\n  @include clear-browser-thumb();\n\n  @include thumb() {\n    border-radius: 100px;\n    background-color: var(--theme-color-dynamic);\n    height: var(--thumb-size);\n    width: var(--thumb-size);\n    transition: all var(--theme-default-time) ease-in-out;\n    z-index: 10;\n  }\n\n  @include thumb-hover() {\n    transform: scale(1.2);\n    background-color: var(--theme-color-dynamic);\n  }\n\n  @include thumb-active() {\n    transform: scale(1.2);\n\n    background-color: var(--theme-color-dynamic);\n  }\n\n  @include thumb-focus() {\n    outline: 1px solid var(--theme-color-focus-bdr);\n    outline-offset: 0.125rem;\n  }\n\n  /* style datalist */\n  .ticks {\n    display: flex;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .ticks .tick {\n    display: block;\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background-color: var(--tick-color);\n    border-radius: 100px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: calc(var(--tick-value) * 100% - 4px);\n  }\n\n  .ticks .tick.tick-active {\n    background-color: var(--tick-color--active);\n  }\n\n  .slider {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 1.5rem;\n  }\n\n  .track {\n    position: absolute;\n    background-color: var(--track-color);\n    height: 4px;\n    width: calc(100% - 1rem);\n    margin-left: 0.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0px;\n  }\n\n  .thumb {\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 1rem;\n    width: 1rem;\n    border-radius: 100px;\n    left: 0px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .hide-tooltip {\n    display: none;\n  }\n\n  .label {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    margin-top: 0.5rem;\n\n    min-height: 0px;\n  }\n\n  .label-start {\n    margin-left: 0.5rem;\n  }\n\n  .label-end {\n    margin-right: 0.5rem;\n  }\n\n  .label-error {\n    margin-left: 0.5rem;\n  }\n}\n\n:host(.error) {\n  --trace-color: var(--theme-color-alarm-40);\n  --tick-color--active: var(--theme-color-alarm);\n\n  @include thumb() {\n    background-color: var(--theme-color-alarm);\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n\n  --track-color: var(--theme-color-component-3);\n  --trace-color: var(--theme-color-3);\n  --tick-color: var(--theme-color-7);\n  --tick-color--active: var(--theme-color-7);\n\n  @include thumb() {\n    background-color: var(--theme-color-7);\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  Watch,\n} from '@stencil/core';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\n\nexport type SliderMarker = Array<number>;\n\nfunction between(min: number, value: number, max: number) {\n  if (value < min) {\n    return min;\n  } else if (value > max) {\n    return max;\n  } else {\n    return value;\n  }\n}\n\n/**\n * @slot label-start - Element will be displayed at the start of the slider\n * @slot label-end - Element will be displayed at the end of the slider\n */\n@Component({\n  tag: 'ix-slider',\n  styleUrl: 'slider.scss',\n  shadow: true,\n})\nexport class Slider {\n  @Element() hostElement!: HTMLIxSliderElement;\n\n  /**\n   * Legal number intervals\n   *\n   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Minimum slider value\n   */\n  @Prop() min = 0;\n\n  /**\n   * Maximum slider value\n   */\n  @Prop() max = 100;\n\n  /**\n   * Current value of the slider\n   */\n  @Prop() value = 0;\n\n  /**\n   * Define tick marker on the slider. Marker has to be within slider min/max\n   */\n  @Prop() marker?: SliderMarker;\n\n  /**\n   * Show a trace line\n   */\n  @Prop() trace = false;\n\n  /**\n   * Define the start point of the trace line\n   */\n  @Prop() traceReference = 0;\n\n  /**\n   * Show control as disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Show error state and message\n   */\n  @Prop() error?: boolean | string;\n\n  /**\n   *\n   */\n  @Event() valueChange!: EventEmitter<number>;\n\n  @State() rangeInput = 0;\n  @State() rangeMin = 0;\n  @State() rangeMax = 100;\n  @State() rangeTraceReference = 0;\n  @State() showTooltip = false;\n\n  private a11yAttributes?: A11yAttributes;\n\n  private readonly thumbRef = makeRef<HTMLDivElement>();\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  get tooltip() {\n    return this.tooltipRef.current;\n  }\n\n  get pseudoThumb() {\n    return this.thumbRef.current;\n  }\n\n  get slider() {\n    return this.hostElement.shadowRoot?.getElementById(\n      'slider'\n    ) as HTMLInputElement;\n  }\n\n  @Watch('showTooltip')\n  onShowTooltipChange() {\n    if (this.showTooltip && this.pseudoThumb) {\n      this.tooltip?.showTooltip(this.pseudoThumb);\n      return;\n    }\n\n    this.tooltip?.hideTooltip();\n  }\n\n  componentWillLoad() {\n    this.a11yAttributes = a11yHostAttributes(this.hostElement, [\n      'role',\n      'aria-valuemin',\n      'aria-valuemax',\n      'aria-valuenow',\n    ]);\n    this.updateRangeVariables();\n  }\n\n  @Watch('value')\n  @Watch('max')\n  @Watch('min')\n  @Watch('traceReference')\n  private updateRangeVariables() {\n    this.rangeInput = between(this.min, this.value, this.max);\n    this.rangeTraceReference = between(this.min, this.traceReference, this.max);\n    this.rangeMin = Math.min(this.min, this.max);\n    this.rangeMax = Math.max(this.min, this.max);\n  }\n\n  private onInput(event: InputEvent) {\n    event.stopPropagation();\n    const value = parseFloat(this.slider.value);\n\n    if (!isNaN(value)) {\n      const oldValue = this.rangeInput;\n      this.rangeInput = value;\n\n      const { defaultPrevented } = this.emitInputEvent();\n\n      if (defaultPrevented) {\n        this.rangeInput = oldValue;\n        this.slider.value = oldValue.toString();\n      }\n    }\n  }\n\n  private emitInputEvent() {\n    return this.valueChange.emit(this.rangeInput);\n  }\n\n  private isMarkerActive(markerValue: number) {\n    const start = Math.min(this.traceReference, this.rangeInput);\n    const end = Math.max(this.traceReference, this.rangeInput);\n    const value = markerValue;\n\n    return value >= start && value <= end;\n  }\n\n  // Listen globally on window because sometimes the event listener\n  // of the DOM element input itself is not called if the release\n  // click is not inside the element anymore\n  @OnListener<Slider>('pointerup', (self) => self.showTooltip)\n  onPointerUp() {\n    this.showTooltip = false;\n  }\n\n  render() {\n    const range = this.rangeMax - this.rangeMin;\n\n    let traceReferenceInPercentage =\n      (this.rangeTraceReference - this.rangeMin) / range;\n\n    let valueInPercentage = (this.rangeInput - this.rangeMin) / range;\n\n    const distance = valueInPercentage - traceReferenceInPercentage;\n\n    let traceStart = traceReferenceInPercentage;\n    let traceEnd = valueInPercentage;\n\n    if (distance <= 0) {\n      traceStart = valueInPercentage;\n      traceEnd = traceReferenceInPercentage;\n    }\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          error: !!this.error,\n        }}\n        onPointerDown={() => setTimeout(() => (this.showTooltip = true))}\n      >\n        <div class=\"slider\">\n          <div class=\"track\">\n            <div\n              ref={this.thumbRef}\n              class=\"thumb\"\n              style={{\n                left: `calc(${valueInPercentage} * 100% - 8px)`,\n              }}\n            ></div>\n            <div class=\"ticks\">\n              {this.marker\n                ? this.marker.map((markerValue) => {\n                    if (markerValue > this.max || markerValue < this.min) {\n                      return;\n                    }\n\n                    let left = (markerValue - this.rangeMin) / range;\n\n                    return (\n                      <div\n                        class={{\n                          tick: true,\n                          'tick-active':\n                            this.isMarkerActive(markerValue) && this.trace,\n                        }}\n                        style={{\n                          '--tick-value': `${left}`,\n                        }}\n                      ></div>\n                    );\n                  })\n                : null}\n            </div>\n          </div>\n\n          <input\n            id=\"slider\"\n            type=\"range\"\n            list={this.marker ? 'markers' : undefined}\n            step={this.step}\n            min={this.min}\n            max={this.max}\n            value={this.rangeInput}\n            tabindex={this.disabled ? -1 : 0}\n            onInput={(event) => this.onInput(event)}\n            style={{\n              '--value': `${valueInPercentage}`,\n              '--trace-reference': `${traceReferenceInPercentage}`,\n              '--trace-start': `${traceStart}`,\n              '--trace-end': `${traceEnd}`,\n            }}\n            class={{\n              trace:\n                this.trace && traceReferenceInPercentage !== valueInPercentage,\n              'hide-trace-reference':\n                this.trace &&\n                (this.traceReference <= this.min ||\n                  this.traceReference >= this.max),\n            }}\n            onFocus={() => {\n              this.showTooltip = true;\n            }}\n            onBlur={() => {\n              this.showTooltip = false;\n            }}\n            role=\"slider\"\n            aria-valuenow={this.rangeInput}\n            aria-valuemin={this.min}\n            aria-valuemax={this.max}\n            {...this.a11yAttributes}\n          />\n\n          <ix-tooltip\n            ref={this.tooltipRef}\n            class={{\n              'hide-tooltip': !this.showTooltip,\n            }}\n            animationFrame={true}\n            for={this.thumbRef.waitForCurrent()}\n          >\n            {this.rangeInput}\n          </ix-tooltip>\n        </div>\n        <div class=\"label\">\n          <div class=\"label-start\">\n            <slot name=\"label-start\"></slot>\n          </div>\n          <div class=\"label-end\">\n            <slot name=\"label-end\"></slot>\n          </div>\n        </div>\n        {this.error ? (\n          <ix-typography class={'label-error'} textColor=\"alarm\">\n            {this.error}\n          </ix-typography>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-export{a as ix_menu_settings}from"./p-DeEsc3nL.js";import"./p-B6NtGPRE.js";import"./p-DLTnniMb.js";
-//# sourceMappingURL=p-c9c30ce7.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r,h as e,H as o}from"./p-B6NtGPRE.js";const t=":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";const s=class{constructor(e){r(this,e)}render(){return e(o,{key:"e44c2e4a195fc71c9817466271e830b60460ec3e"})}};s.style=t;export{s as ix_divider};
-//# sourceMappingURL=p-cb076f29.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["waitForElement","selector","doc","timeout","Promise","resolve","reject","startTime","Date","now","checkIfElementExist","dialog","querySelector","setTimeout","modalCss","Modal","constructor","hostRef","this","ariaAttributes","size","animation","backdrop","closeOnBackdropClick","centered","closeOnEscape","modalVisible","onKey","e","key","preventDefault","hostElement","shadowRoot","slideInModal","duration","Animation","mediumTime","transformY","anime","targets","opacity","translateY","translateX","easing","slideOutModal","completeCallback","complete","onModalClick","event","target","rect","getBoundingClientRect","isClickOutside","top","clientY","height","left","clientX","width","dismissModal","showModal","console","error","reason","allowDismiss","beforeDismiss","undefined","close","JSON","stringify","type","dialogDismiss","emit","closeModal","dialogClose","componentDidLoad","componentWillLoad","a11yHostAttributes","render","h","Host","class","visible","a11yBoolean","modal","onClose","onClick","onCancel","__decorate","OnListener","self","prototype"],"sources":["src/components/utils/waitForElement.ts","src/components/modal/modal.scss?tag=ix-modal&encapsulation=shadow","src/components/modal/modal.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\nexport function waitForElement<R extends HTMLElement>(\n  selector: string,\n  doc: any,\n  timeout = 3000\n): Promise<R> {\n  return new Promise<R>((resolve, reject) => {\n    const startTime = Date.now();\n\n    const checkIfElementExist = () => {\n      const dialog = doc.querySelector(selector) satisfies R;\n\n      if (dialog) {\n        resolve(dialog);\n      } else {\n        if (Date.now() - startTime < timeout) {\n          setTimeout(checkIfElementExist);\n        } else {\n          reject();\n        }\n      }\n    };\n\n    checkIfElementExist();\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n::backdrop {\n  --ix-dialog-backdrop: var(--theme-color-lightbox, #0000008c);\n}\n\n:focus-visible {\n  outline: none !important;\n}\n\n:host {\n  display: none;\n\n  dialog {\n    --ix-dialog-padding: 1rem;\n\n    margin: 0;\n    padding: var(--ix-dialog-padding);\n    padding-top: calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));\n    padding-bottom: calc(\n      var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom)\n    );\n    left: 50%;\n  }\n\n  dialog::backdrop {\n    backdrop-filter: blur(2.7182817459106445px);\n  }\n\n  .modal {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    border: none;\n    border-radius: var(--theme-default-border-radius);\n    background: var(--theme-modal--background);\n    box-shadow: var(--theme-shadow-4);\n    color: var(--theme-color-std-text);\n    overflow: visible;\n    max-height: 80vh;\n    pointer-events: all;\n  }\n\n  .modal-size-360 {\n    width: 22.5rem;\n  }\n\n  .modal-size-480 {\n    width: 30rem;\n  }\n\n  .modal-size-600 {\n    width: 37.5rem;\n  }\n\n  .modal-size-720 {\n    width: 45rem;\n  }\n\n  .modal-size-840 {\n    width: 52.5rem;\n  }\n\n  .modal-size-full-width {\n    width: 95%;\n  }\n\n  .modal-size-full-screen {\n    border-radius: 0;\n    left: 0 !important;\n    top: 0 !important;\n    transform: none !important;\n    box-shadow: none;\n\n    --ix-dialog-full-screen-height: calc(\n      var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n    );\n\n    width: calc(100% - var(--ix-dialog-padding) * 2);\n    min-width: calc(100% - var(--ix-dialog-padding) * 2);\n    max-width: calc(100% - var(--ix-dialog-padding) * 2);\n\n    min-height: calc(\n      100% - (var(--ix-dialog-padding) * 2) -\n        var(--ix-dialog-full-screen-height)\n    );\n    max-height: calc(\n      100% - (var(--ix-dialog-padding) * 2) -\n        var(--ix-dialog-full-screen-height)\n    );\n  }\n\n  dialog.modal-size-full-screen::backdrop {\n    background: var(--theme-modal--background);\n  }\n\n  .dialog-backdrop {\n    display: block;\n    position: fixed;\n    width: 100vw;\n    height: 100vh;\n    top: 0;\n    left: 0;\n\n    pointer-events: none;\n  }\n\n  ::slotted(ix-modal-footer) {\n    margin-top: auto;\n  }\n}\n\n:host(.visible) {\n  display: block;\n}\n\n:host(.align-center) {\n  dialog {\n    margin: 0;\n    left: 50%;\n    top: 50%;\n  }\n}\n\n:host(.no-backdrop) {\n  dialog::backdrop {\n    background-color: transparent !important;\n    backdrop-filter: none !important;\n  }\n}\n\n:host(.with-icon) {\n  ::slotted(ix-modal-footer),\n  ::slotted(ix-modal-content) {\n    margin-left: 3rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\nimport { OnListener } from '../utils/listener';\nimport { waitForElement } from '../utils/waitForElement';\n\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width' | 'full-screen';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n})\nexport class Modal {\n  private ariaAttributes: A11yAttributes = {};\n\n  @Element() hostElement!: HTMLIxModalElement;\n\n  /**\n   * Modal size\n   */\n  @Prop() size: IxModalSize = '360';\n\n  /**\n   * Should the modal be animated\n   */\n  @Prop() animation = true;\n\n  /**\n   * Show a backdrop behind the modal dialog\n   */\n  @Prop() backdrop = true;\n\n  /**\n   * Dismiss modal on backdrop click\n   */\n  @Prop() closeOnBackdropClick = false;\n\n  /**\n   * Is called before the modal is dismissed.\n   *\n   * - Return `true` to proceed in dismissing the modal\n   * - Return `false` to abort in dismissing the modal\n   */\n  @Prop() beforeDismiss?: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * If set to true the modal can be closed by pressing the Escape key\n   */\n  @Prop() closeOnEscape = true;\n\n  /**\n   * Dialog close\n   */\n  @Event() dialogClose!: EventEmitter;\n\n  /**\n   * Dialog cancel\n   */\n  @Event() dialogDismiss!: EventEmitter;\n\n  @State() modalVisible = false;\n\n  @OnListener<Modal>('keydown', (self) => !self.closeOnEscape)\n  onKey(e: KeyboardEvent) {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n    }\n  }\n\n  get dialog() {\n    return this.hostElement.shadowRoot!.querySelector('dialog');\n  }\n\n  private slideInModal() {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [0, 1],\n      translateY: [0, transformY],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideOutModal(completeCallback: Function) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50%' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [1, 0],\n      translateY: [transformY, 0],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onModalClick(event: MouseEvent) {\n    if (event.target !== this.dialog) {\n      return;\n    }\n\n    const rect = this.dialog!.getBoundingClientRect();\n    const isClickOutside =\n      rect.top <= event.clientY &&\n      event.clientY <= rect.top + rect.height &&\n      rect.left <= event.clientX &&\n      event.clientX <= rect.left + rect.width;\n\n    if (!isClickOutside && this.closeOnBackdropClick) {\n      this.dismissModal();\n    }\n  }\n\n  /**\n   * Show the dialog\n   */\n  @Method()\n  async showModal() {\n    try {\n      const dialog = await waitForElement<HTMLDialogElement>(\n        'dialog',\n        this.hostElement.shadowRoot\n      );\n      this.modalVisible = true;\n      dialog.showModal();\n    } catch (e) {\n      console.error('HTMLDialogElement not existing');\n    }\n  }\n\n  /**\n   * Dismiss the dialog\n   */\n  @Method()\n  async dismissModal<T = any>(reason?: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    let allowDismiss = true;\n\n    if (this.beforeDismiss !== undefined) {\n      allowDismiss = await this.beforeDismiss(reason);\n    }\n    if (!allowDismiss) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'dismiss',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogDismiss.emit(reason);\n    });\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async closeModal<T = any>(reason: T) {\n    if (!this.modalVisible) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.modalVisible = false;\n      this.dialog!.close(\n        JSON.stringify(\n          {\n            type: 'close',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogClose.emit(reason);\n    });\n  }\n\n  componentDidLoad() {\n    this.slideInModal();\n  }\n\n  componentWillLoad() {\n    this.ariaAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          visible: this.modalVisible,\n          'no-backdrop': this.backdrop === false,\n          'align-center': this.centered,\n        }}\n      >\n        <div class=\"dialog-backdrop\">\n          <dialog\n            aria-modal={a11yBoolean(true)}\n            aria-describedby={this.ariaAttributes['aria-describedby']}\n            aria-labelledby={this.ariaAttributes['aria-labelledby']}\n            class={{\n              modal: true,\n              [`modal-size-${this.size}`]: true,\n            }}\n            onClose={() => this.dismissModal()}\n            onClick={(event) => this.onModalClick(event)}\n            onCancel={(e) => {\n              e.preventDefault();\n              this.dismissModal();\n            }}\n          >\n            <slot></slot>\n          </dialog>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["contentHeaderCss","ContentHeader","constructor","hostRef","this","variant","headerSubtitle","undefined","hasBackButton","render","h","Host","key","class","icon","iconArrowLeft","ghost","onClick","backButtonClick","emit","format","headerTitle"],"sources":["src/components/content-header/content-header.scss?tag=ix-content-header&encapsulation=shadow","src/components/content-header/content-header.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: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0;\n\n  .titleGroup {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 0;\n\n    .secondary {\n      padding: 0.25rem 0;\n    }\n  }\n\n  .subtitle {\n    margin-top: -0.125rem;\n  }\n\n  .backButton {\n    margin-right: 0.5rem;\n  }\n\n  .buttons {\n    flex: 0 0 auto;\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 { iconArrowLeft } from '@siemens/ix-icons/icons';\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type ContentHeaderVariant = 'primary' | 'secondary';\n\n@Component({\n  tag: 'ix-content-header',\n  styleUrl: 'content-header.scss',\n  shadow: true,\n})\nexport class ContentHeader {\n  /**\n   * Variant of content header\n   */\n  @Prop() variant: ContentHeaderVariant = 'primary';\n\n  /**\n   * Title of Header\n   */\n  @Prop() headerTitle?: string;\n\n  /**\n   * Subtitle of Header\n   */\n  @Prop() headerSubtitle: string | undefined = undefined;\n\n  /**\n   * Display a back button\n   */\n  @Prop() hasBackButton: boolean = false;\n\n  /**\n   * Triggered when back button is clicked\n   */\n  @Event() backButtonClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host>\n        {this.hasBackButton ? (\n          <ix-icon-button\n            class={'backButton'}\n            variant=\"primary\"\n            icon={iconArrowLeft}\n            ghost={true}\n            onClick={() => this.backButtonClick.emit()}\n          ></ix-icon-button>\n        ) : null}\n\n        <div class=\"titleGroup\">\n          <ix-typography\n            format={this.variant === 'secondary' ? 'h4' : 'h3'}\n            class={this.variant === 'secondary' ? 'secondary' : ''}\n          >\n            {this.headerTitle}\n          </ix-typography>\n          {!!this.headerSubtitle && (\n            <ix-typography\n              format={'h6'}\n              text-color={'soft'}\n              class={this.variant === 'secondary' ? 'subtitle' : ''}\n            >\n              {this.headerSubtitle}\n            </ix-typography>\n          )}\n        </div>\n        <div class=\"buttons\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,iS,MCmBZC,EAAa,MAL1B,WAAAC,CAAAC,G,2DASUC,KAAOC,QAAyB,UAUhCD,KAAcE,eAAuBC,UAKrCH,KAAaI,cAAY,KA2ClC,CApCC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFR,KAAKI,cACJE,EACE,kBAAAG,MAAO,aACPR,QAAQ,UACRS,KAAMC,EACNC,MAAO,KACPC,QAAS,IAAMb,KAAKc,gBAAgBC,SAEpC,KAEJT,EAAK,OAAAE,IAAA,2CAAAC,MAAM,cACTH,EAAA,iBAAAE,IAAA,2CACEQ,OAAQhB,KAAKC,UAAY,YAAc,KAAO,KAC9CQ,MAAOT,KAAKC,UAAY,YAAc,YAAc,IAEnDD,KAAKiB,eAELjB,KAAKE,gBACNI,EAAA,iBAAAE,IAAA,2CACEQ,OAAQ,KACI,oBACZP,MAAOT,KAAKC,UAAY,YAAc,WAAa,IAElDD,KAAKE,iBAIZI,EAAK,OAAAE,IAAA,2CAAAC,MAAM,WACTH,EAAQ,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as e}from"./p-B6NtGPRE.js";const o=":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";const a=class{constructor(s){t(this,s)}render(){const t={};t["grid-area"]=this.itemName;return s(e,{key:"b51d8dffe6ab4876ee52328043eb949c9db10200",style:t},s("slot",{key:"34aae403a952e99bebae1dbfa2c089a5d2fa73d5"}))}};a.style=o;export{a as ix_css_grid_item};
-//# sourceMappingURL=p-e088e1d9.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardAccordionCss","accordionControlId","getAriaControlsId","prefix","join","CardAccordion","constructor","hostRef","this","collapse","expandContent","onInitialExpandChange","expandedContent","hostElement","shadowRoot","querySelector","onExpandActionClick","event","preventDefault","stopPropagation","accordionExpand","emit","expand","nativeEvent","scrollExpandedContentIntoView","setTimeout","rect","getBoundingClientRect","bottom","window","innerHeight","scrollIntoView","componentWillLoad","render","h","Host","key","slot","tabIndex","class","show","onClick","role","type","name","iconChevronRightSmall","cardTitleCss","CardHeader"],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.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/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  width: 100%;\n  transition: var(--theme-default-time) ease-in-out;\n\n  .expand-action {\n    all: unset;\n    display: flex;\n    position: relative;\n\n    appearance: button;\n\n    height: 2.5rem;\n    width: 100%;\n\n    background-color: var(--theme-color-component-1);\n    align-items: center;\n    justify-content: flex-start;\n\n    &:hover {\n      background: var(--theme-color-component-1--hover);\n    }\n\n    &:active {\n      background: var(--theme-color-component-1--active);\n    }\n\n    @include focus-visible {\n      outline: 1px solid var(--theme-color-focus-bdr);\n      outline-offset: var(--theme-btn--focus--outline-offset);\n    }\n  }\n\n  .expand-action::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-color: var(--ix-card-background);\n    z-index: -1;\n  }\n\n  .expand-action:not(.show),\n  .expand-action:not(.show)::before {\n    border-bottom-left-radius: var(--theme-default-border-radius);\n    border-bottom-right-radius: var(--theme-default-border-radius);\n  }\n\n  .expand-icon {\n    margin-left: 0.5rem;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .expand-icon.show {\n    transform: rotate(90deg);\n  }\n\n  .expand-content {\n    display: grid;\n    position: relative;\n    grid-template-rows: 0fr;\n    transition: var(--theme-default-time) ease-in-out;\n    width: 100%;\n    max-height: 14.75rem;\n    opacity: 0;\n    background-color: var(--theme-color-component-1);\n  }\n\n  .expand-content.show {\n    grid-template-rows: 14.75rem;\n    opacity: 1;\n  }\n\n  .expand-content-inner {\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .expand-content.show .expand-content-body {\n    display: none;\n    overflow: hidden;\n    color: var(--theme-color-std-text);\n  }\n\n  .expand-content.show .expand-content-body {\n    display: block;\n    overflow: auto;\n    height: calc(100% - 1rem);\n  }\n\n  .expand-content-footer {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 1rem;\n\n    margin-top: auto;\n    margin-bottom: 0px;\n\n    background-color: var(--theme-color-component-1);\n    border-bottom-left-radius: var(--theme-default-border-radius);\n    border-bottom-right-radius: var(--theme-default-border-radius);\n  }\n}\n","import { iconChevronRightSmall } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n  return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n  expand: boolean;\n  nativeEvent: Event;\n};\n\n@Component({\n  tag: 'ix-card-accordion',\n  styleUrl: 'card-accordion.scss',\n  shadow: true,\n})\nexport class CardAccordion {\n  /**\n   * Collapse the card\n   */\n  @Prop() collapse = false;\n\n  @Element() hostElement!: HTMLIxCardAccordionElement;\n\n  /**\n   * @internal\n   */\n  @Event() accordionExpand!: EventEmitter<CardAccordionExpandChangeEvent>;\n\n  @State() expandContent = false;\n\n  @Watch('collapse')\n  onInitialExpandChange() {\n    this.expandContent = !this.collapse;\n  }\n\n  get expandedContent() {\n    return this.hostElement.shadowRoot!.querySelector('.expand-content');\n  }\n\n  onExpandActionClick(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.expandContent = !this.expandContent;\n    this.accordionExpand.emit({\n      expand: this.expandContent,\n      nativeEvent: event,\n    });\n\n    if (this.expandContent) {\n      this.scrollExpandedContentIntoView();\n    }\n  }\n\n  private scrollExpandedContentIntoView() {\n    setTimeout(() => {\n      const rect = this.expandedContent!.getBoundingClientRect();\n      if (rect.bottom > window.innerHeight) {\n        this.hostElement\n          .shadowRoot!.querySelector('.expand-content')!\n          .scrollIntoView(false);\n      }\n    }, 150);\n  }\n\n  componentWillLoad() {\n    this.onInitialExpandChange();\n  }\n\n  render() {\n    return (\n      <Host slot=\"card-accordion\">\n        <button\n          tabIndex={0}\n          class={{ 'expand-action': true, show: this.expandContent }}\n          onClick={(event) => this.onExpandActionClick(event)}\n          role=\"button\"\n          type=\"button\"\n          aria-expanded={this.expandContent}\n          aria-controls={getAriaControlsId()}\n        >\n          <ix-icon\n            name={iconChevronRightSmall}\n            class={{\n              'expand-icon': true,\n              show: this.expandContent,\n            }}\n          ></ix-icon>\n        </button>\n        <div\n          class={{\n            'expand-content': true,\n            show: this.expandContent,\n          }}\n        >\n          <div class=\"expand-content-inner\">\n            <div class=\"expand-content-body\">\n              <slot></slot>\n            </div>\n            <div class=\"expand-content-footer\"></div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import 'common-variables';\n\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n  gap: $default-space;\n\n  width: 100%;\n\n  .title-actions {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    gap: 0.25rem;\n    margin-left: auto;\n    margin-right: 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n */\n@Component({\n  tag: 'ix-card-title',\n  styleUrl: 'card-title.scss',\n  shadow: true,\n})\nexport class CardHeader {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n        <div class=\"title-actions\">\n          <slot name=\"title-actions\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAmB,4tFCazB,IAAIC,EAAqB,EACzB,MAAMC,EAAoB,CAACC,EAAiB,mBACnC,CAACA,EAAQF,KAAsBG,KAAK,K,MAahCC,EAAa,MAL1B,WAAAC,CAAAC,G,2DASUC,KAAQC,SAAG,MASVD,KAAaE,cAAG,KA4E1B,CAzEC,qBAAAC,GACEH,KAAKE,eAAiBF,KAAKC,Q,CAG7B,mBAAIG,GACF,OAAOJ,KAAKK,YAAYC,WAAYC,cAAc,kB,CAGpD,mBAAAC,CAAoBC,GAClBA,EAAMC,iBACND,EAAME,kBACNX,KAAKE,eAAiBF,KAAKE,cAC3BF,KAAKY,gBAAgBC,KAAK,CACxBC,OAAQd,KAAKE,cACba,YAAaN,IAGf,GAAIT,KAAKE,cAAe,CACtBF,KAAKgB,+B,EAID,6BAAAA,GACNC,YAAW,KACT,MAAMC,EAAOlB,KAAKI,gBAAiBe,wBACnC,GAAID,EAAKE,OAASC,OAAOC,YAAa,CACpCtB,KAAKK,YACFC,WAAYC,cAAc,mBAC1BgB,eAAe,M,IAEnB,I,CAGL,iBAAAC,GACExB,KAAKG,uB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,kBACTH,EACE,UAAAE,IAAA,2CAAAE,SAAU,EACVC,MAAO,CAAE,gBAAiB,KAAMC,KAAMhC,KAAKE,eAC3C+B,QAAUxB,GAAUT,KAAKQ,oBAAoBC,GAC7CyB,KAAK,SACLC,KAAK,SAAQ,gBACEnC,KAAKE,cACL,gBAAAR,KAEfgC,EAAA,WAAAE,IAAA,2CACEQ,KAAMC,EACNN,MAAO,CACL,cAAe,KACfC,KAAMhC,KAAKE,kBAIjBwB,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL,iBAAkB,KAClBC,KAAMhC,KAAKE,gBAGbwB,EAAK,OAAAE,IAAA,2CAAAG,MAAM,wBACTL,EAAK,OAAAE,IAAA,2CAAAG,MAAM,uBACTL,EAAA,QAAAE,IAAA,8CAEFF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,4B,+GC/GvB,MAAMO,EAAe,8P,MCURC,EAAU,M,yBACrB,MAAAd,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6CACbF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,iBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,mB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["paneLayoutCss","Panes","constructor","hostRef","this","layout","variant","borderless","isMobile","paneElements","panes","currentPanes","hostElement","querySelectorAll","componentWillLoad","length","observer","MutationObserver","mutations","_a","addedNodes","item","nodeName","_b","removedNodes","observe","childList","matchBreakpoint","applicationLayoutService","onChange","on","componentDidLoad","setPanes","disconnectedCallback","disconnect","setPaneVariant","pane","ignoreLayoutSettings","setPaneBorder","hasVisibleLeftPane","find","slot","hideOnCollapse","composition","setPaneZIndex","isTop","isBottom","isLeft","isRight","zIndex","style","toString","forEach","push","floating","closeFloatingPanes","expanded","configurePanes","topCount","bottomCount","leftCount","rightCount","forceUpdate","onSlotChanged","onCollapsibleChanged","event","detail","currentSlot","onVariantChanged","onPaneElementsChange","onVariableChange","onBorderChange","onLayoutChange","onMobileChange","hasPadding","hasPaddingMobile","slotExists","isFloating","render","h","Host","key","class","row","name","col","onClick","minHeight","display"],"sources":["src/components/pane-layout/pane-layout.scss?tag=ix-pane-layout&encapsulation=shadow","src/components/pane-layout/pane-layout.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/hover';\n@import 'mixins/shadow-dom/component';\n\n@mixin set-padding($composition) {\n  @if $composition {\n    padding-#{$composition}: 2.5rem;\n  }\n}\n\n@mixin set-absolute($composition) {\n  @if $composition {\n    position: absolute;\n    #{$composition}: 0;\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 100%;\n\n  .side-panes-wrapper {\n    height: 100%;\n    width: 100%;\n  }\n\n  .row {\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  .col {\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    position: relative;\n  }\n\n  .content {\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n  }\n\n  .absolute-top {\n    width: 100%;\n    @include set-absolute(top);\n  }\n\n  .absolute-bottom {\n    width: 100%;\n    @include set-absolute(bottom);\n  }\n\n  .absolute-left {\n    height: 100%;\n    @include set-absolute(left);\n  }\n\n  .absolute-right {\n    height: 100%;\n    @include set-absolute(right);\n  }\n\n  .padding-top {\n    @include set-padding(top);\n  }\n\n  .padding-bottom {\n    @include set-padding(bottom);\n  }\n\n  .padding-left {\n    @include set-padding(left);\n  }\n\n  .padding-right {\n    @include set-padding(right);\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  forceUpdate,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { Composition } from '../pane/pane';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\n@Component({\n  tag: 'ix-pane-layout',\n  styleUrl: 'pane-layout.scss',\n  shadow: true,\n})\nexport class Panes {\n  @Element() hostElement!: HTMLIxPaneLayoutElement;\n\n  /**\n   * Choose the layout of the panes.\n   * When set to 'full-vertical' the vertical panes (left, right) will get the full height.\n   * When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width.\n   */\n  @Prop() layout: 'full-vertical' | 'full-horizontal' = 'full-vertical';\n\n  /**\n   * Set the default variant for all panes in the layout\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Set the default border state for all panes in the layout\n   */\n  @Prop() borderless: boolean = false;\n\n  @State() private isMobile = false;\n  @State() private paneElements = 0;\n\n  private panes: Array<{\n    slot: string;\n    hideOnCollapse: boolean;\n    floating: boolean;\n  }> = [];\n\n  private observer?: MutationObserver;\n\n  get currentPanes() {\n    return this.hostElement.querySelectorAll('ix-pane');\n  }\n\n  componentWillLoad() {\n    this.paneElements = this.currentPanes.length;\n\n    this.observer = new MutationObserver((mutations) => {\n      if (mutations[0].addedNodes.item(0)?.nodeName === 'IX-PANE') {\n        this.paneElements += 1;\n      } else if (mutations[0].removedNodes.item(0)?.nodeName === 'IX-PANE') {\n        this.paneElements -= 1;\n      }\n    });\n    this.observer.observe(this.hostElement, {\n      childList: true,\n    });\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n  }\n\n  componentDidLoad() {\n    this.setPanes(this.currentPanes);\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n  }\n\n  private setPaneVariant(pane: HTMLIxPaneElement) {\n    if (!pane.ignoreLayoutSettings) {\n      pane.variant = this.variant;\n    }\n  }\n\n  private setPaneBorder(pane: HTMLIxPaneElement) {\n    if (!pane.ignoreLayoutSettings) {\n      if (this.borderless) {\n        pane.borderless = true;\n      } else {\n        const hasVisibleLeftPane = !!this.panes.find(\n          (pane) => pane.slot === 'left' && !pane.hideOnCollapse\n        );\n        if (\n          pane.variant === 'floating' &&\n          this.layout === 'full-vertical' &&\n          hasVisibleLeftPane &&\n          (pane.composition === 'top' || pane.composition === 'bottom')\n        ) {\n          pane.borderless = true;\n        } else {\n          pane.borderless = false;\n        }\n      }\n    }\n  }\n\n  private setPaneZIndex(pane: HTMLIxPaneElement) {\n    const isTop = pane.slot === 'top';\n    const isBottom = pane.slot === 'bottom';\n    const isLeft = pane.slot === 'left';\n    const isRight = pane.slot === 'right';\n\n    let zIndex = 1;\n    if (this.isMobile) {\n      if (isBottom || isTop) {\n        zIndex = 3;\n      }\n    } else {\n      if (this.layout === 'full-vertical') {\n        if (isLeft || isRight) {\n          zIndex = 3;\n        }\n      } else {\n        if (isBottom || isTop) {\n          zIndex = 3;\n        }\n      }\n    }\n    pane.style.zIndex = zIndex.toString();\n  }\n\n  private setPanes(panes: NodeListOf<HTMLIxPaneElement>) {\n    this.panes = [];\n    panes.forEach((pane) => {\n      this.panes.push({\n        slot: pane.slot,\n        hideOnCollapse: pane.hideOnCollapse,\n        floating: pane.variant === 'floating',\n      });\n    });\n  }\n\n  private closeFloatingPanes() {\n    this.currentPanes.forEach((pane) => {\n      if (pane.expanded && pane.variant === 'floating') {\n        pane.expanded = false;\n      }\n    });\n  }\n\n  private configurePanes() {\n    let topCount = 0;\n    let bottomCount = 0;\n    let leftCount = 0;\n    let rightCount = 0;\n\n    this.currentPanes.forEach((pane) => {\n      const isTop = pane.slot === 'top';\n      const isBottom = pane.slot === 'bottom';\n      const isLeft = pane.slot === 'left';\n      const isRight = pane.slot === 'right';\n\n      if (isLeft) {\n        if (leftCount) {\n          pane.slot = '';\n          return;\n        }\n        leftCount++;\n      } else if (isRight) {\n        if (rightCount) {\n          pane.slot = '';\n          return;\n        }\n        rightCount++;\n      } else if (isTop) {\n        if (topCount) {\n          pane.slot = '';\n          return;\n        }\n        topCount++;\n      } else if (isBottom) {\n        if (bottomCount) {\n          pane.slot = '';\n          return;\n        }\n        bottomCount++;\n      } else {\n        pane.slot = '';\n        return;\n      }\n\n      this.setPaneVariant(pane);\n      this.setPaneBorder(pane);\n      this.setPaneZIndex(pane);\n    });\n\n    this.setPanes(this.currentPanes);\n    forceUpdate(this.hostElement);\n  }\n\n  @Listen('slotChanged')\n  onSlotChanged() {\n    this.configurePanes();\n  }\n\n  @Listen('hideOnCollapseChanged')\n  onCollapsibleChanged(event: CustomEvent) {\n    const { slot, hideOnCollapse } = event.detail;\n\n    this.panes.forEach((currentSlot) => {\n      if (currentSlot.slot === slot) {\n        currentSlot.hideOnCollapse = hideOnCollapse;\n      }\n    });\n\n    forceUpdate(this.hostElement);\n  }\n\n  @Listen('variantChanged')\n  onVariantChanged(event: CustomEvent) {\n    const { slot, variant } = event.detail;\n\n    this.panes.forEach((currentSlot) => {\n      if (currentSlot.slot === slot) {\n        currentSlot.floating = variant === 'floating';\n      }\n    });\n\n    forceUpdate(this.hostElement);\n  }\n\n  @Watch('paneElements')\n  onPaneElementsChange() {\n    this.configurePanes();\n  }\n\n  @Watch('variant')\n  onVariableChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneVariant(pane);\n      this.setPaneBorder(pane);\n    });\n\n    this.setPanes(this.currentPanes);\n    forceUpdate(this.hostElement);\n  }\n\n  @Watch('borderless')\n  onBorderChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneBorder(pane);\n    });\n  }\n\n  @Watch('layout')\n  onLayoutChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneBorder(pane);\n      this.setPaneZIndex(pane);\n    });\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.currentPanes.forEach((pane) => {\n      this.setPaneZIndex(pane);\n    });\n  }\n\n  private hasPadding(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane ? !pane.hideOnCollapse && pane.floating : false;\n  }\n\n  private hasPaddingMobile(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane && !pane.hideOnCollapse;\n  }\n\n  private slotExists(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return !!pane;\n  }\n\n  private isFloating(composition: Composition) {\n    const pane = this.panes.find((pane) => pane.slot === composition);\n    return pane ? pane.floating : false;\n  }\n\n  render() {\n    return (\n      <Host>\n        {!this.isMobile ? (\n          this.layout == 'full-vertical' ? (\n            <div class=\"side-panes-wrapper\">\n              <div\n                class={{\n                  row: true,\n                  'padding-left': this.hasPadding('left'),\n                  'padding-right': this.hasPadding('right'),\n                }}\n              >\n                <div\n                  key=\"left\"\n                  class={{ 'absolute-left': this.isFloating('left') }}\n                >\n                  <slot name=\"left\"></slot>\n                </div>\n                <div\n                  class={{\n                    col: true,\n                    'padding-top': this.hasPadding('top'),\n                    'padding-bottom': this.hasPadding('bottom'),\n                  }}\n                >\n                  <div\n                    key=\"top\"\n                    class={{ 'absolute-top': this.isFloating('top') }}\n                  >\n                    <slot name=\"top\"></slot>\n                  </div>\n                  <div\n                    key=\"content\"\n                    class=\"content\"\n                    onClick={() => this.closeFloatingPanes()}\n                  >\n                    <slot name=\"content\"></slot>\n                    <slot></slot>\n                  </div>\n                  <div\n                    key=\"bottom\"\n                    class={{ 'absolute-bottom': this.isFloating('bottom') }}\n                  >\n                    <slot name=\"bottom\"></slot>\n                  </div>\n                </div>\n                <div\n                  key=\"right\"\n                  class={{ 'absolute-right': this.isFloating('right') }}\n                >\n                  <slot name=\"right\"></slot>\n                </div>\n              </div>\n            </div>\n          ) : (\n            <div class=\"side-panes-wrapper\">\n              <div\n                class={{\n                  col: true,\n                  'padding-top': this.hasPadding('top'),\n                  'padding-bottom': this.hasPadding('bottom'),\n                }}\n              >\n                <div\n                  key=\"top\"\n                  class={{ 'absolute-top': this.isFloating('top') }}\n                >\n                  <slot name=\"top\"></slot>\n                </div>\n                <div\n                  class={{\n                    row: true,\n                    'padding-left': this.hasPadding('left'),\n                    'padding-right': this.hasPadding('right'),\n                  }}\n                >\n                  <div\n                    key=\"left\"\n                    class={{ 'absolute-left': this.isFloating('left') }}\n                  >\n                    <slot name=\"left\"></slot>\n                  </div>\n                  <div\n                    key=\"content\"\n                    class=\"content\"\n                    onClick={() => this.closeFloatingPanes()}\n                  >\n                    <slot name=\"content\"></slot>\n                    <slot></slot>\n                  </div>\n                  <div\n                    key=\"right\"\n                    class={{ 'absolute-right': this.isFloating('right') }}\n                  >\n                    <slot name=\"right\"></slot>\n                  </div>\n                </div>\n                <div\n                  key=\"bottom\"\n                  class={{ 'absolute-bottom': this.isFloating('bottom') }}\n                >\n                  <slot name=\"bottom\"></slot>\n                </div>\n              </div>\n            </div>\n          )\n        ) : (\n          <div class=\"col\">\n            <div\n              key=\"top\"\n              style={{\n                minHeight: this.hasPaddingMobile('top') ? '48px' : '0',\n                display: this.slotExists('top') ? 'block' : 'none',\n              }}\n            >\n              <slot name=\"top\"></slot>\n            </div>\n            <div\n              key=\"left\"\n              style={{\n                minHeight: this.hasPaddingMobile('left') ? '48px' : '0',\n                display: this.slotExists('left') ? 'block' : 'none',\n              }}\n            >\n              <slot name=\"left\"></slot>\n            </div>\n            <div\n              key=\"content\"\n              class=\"content\"\n              onClick={() => this.closeFloatingPanes()}\n            >\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div\n              key=\"right\"\n              style={{\n                minHeight: this.hasPaddingMobile('right') ? '48px' : '0',\n                display: this.slotExists('right') ? 'block' : 'none',\n              }}\n            >\n              <slot name=\"right\"></slot>\n            </div>\n            <div\n              key=\"bottom\"\n              style={{\n                minHeight: this.hasPaddingMobile('bottom') ? '48px' : '0',\n                display: this.slotExists('bottom') ? 'block' : 'none',\n              }}\n            >\n              <slot name=\"bottom\"></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r,h as o,H as t,c as e,a}from"./p-B6NtGPRE.js";import{a as s}from"./p-i60z1FJC.js";import{p as c}from"./p-DLTnniMb.js";const b=":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const l=class{constructor(o){r(this,o)}render(){return o(t,{key:"4be64f4f798e7772dfc27e115ec82cdb9374fb13"},o("slot",{key:"e284542d3f4686d348c61f04a65b333b7d4ed9bd"}))}};l.style=b;const i=":host{display:flex;padding:0.5rem 0 0.5rem 0.5rem;align-items:center;gap:1rem}: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 .modal-title{flex-grow:1}:host .modal-close{align-self:flex-start}";const h=class{constructor(o){r(this,o);this.closeClick=e(this,"closeClick",7);this.hideClose=false}onIconChange(r){if(this.parentDialog){if(r){this.parentDialog.classList.add("with-icon")}else{this.parentDialog.classList.remove("with-icon")}}}componentDidLoad(){this.parentDialog=s(this.hostElement,"ix-modal");this.onIconChange(this.icon)}onCloseClick(r){const o=this.closeClick.emit(r);if(o.defaultPrevented||r.defaultPrevented){return}this.parentDialog.dismissModal()}render(){return o(t,{key:"469260e802d093b4bcc15d159786682ebaf55b19"},this.icon?o("ix-icon",{name:this.icon,color:this.iconColor,size:"32"}):null,o("div",{key:"286573f8a153b8ed31ceecacfb3111df228e2a55",class:"modal-title"},o("ix-typography",{key:"de051186505ce93644011a0193f0bea61b812205",format:"h5"},o("slot",{key:"4497b8ca1360bafcdb3a4438aa18b75caf5b17e4"}))),!this.hideClose?o("ix-icon-button",{class:"modal-close",onClick:r=>this.onCloseClick(r),ghost:true,icon:c}):null)}get hostElement(){return a(this)}static get watchers(){return{icon:["onIconChange"]}}};h.style=i;export{l as ix_modal_content,h as ix_modal_header};
-//# sourceMappingURL=p-f426aa64.entry.js.map