@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.0

package/dist/infineon-design-system-stencil/p-af2c2c1f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxCss","Checkbox","constructor","hostRef","this","disabled","checked","error","size","indeterminate","handleCheckbox","inputElement","internalChecked","ifxChange","emit","isChecked","toggleCheckedState","newVal","valueChanged","newValue","oldValue","errorChanged","ifxError","indeterminateChanged","internalIndeterminate","handleKeydown","event","keyCode","preventDefault","componentWillLoad","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","componentDidRender","getCheckedClassName","render","slot","innerHTML","hasSlot","h","key","class","type","hidden","ref","onChange","bind","id","value","undefined","tabindex","onClick","onKeyDown","role","toString","icon"],"sources":["src/components/checkbox/checkbox.scss?tag=ifx-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n    display: inline-flex;\r\n    vertical-align: top;\r\n}\r\n\r\n.checkbox__container {\r\n    box-sizing: border-box;\r\n    display: inline-flex;\r\n    flex-direction: row;\r\n    align-items: top;\r\n    padding: 0px;\r\n    gap: tokens.$ifxSpace100;\r\n    font-family: tokens.$ifxFontFamilyBody;\r\n    vertical-align: bottom;\r\n\r\n    & .checkbox__wrapper {\r\n        box-sizing: border-box;\r\n        display: flex;\r\n        position: relative; //needs to be added for the indeterminate state of the checkbox\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: tokens.$ifxSize250;\r\n        height: tokens.$ifxSize250;\r\n        background-color: tokens.$ifxColorBaseWhite;\r\n        border: 1px solid tokens.$ifxColorEngineering500;\r\n        border-radius: tokens.$ifxBorderRadius12;\r\n        flex: none;\r\n        order: 0;\r\n        flex-grow: 0;\r\n        align-self: flex-start;\r\n\r\n        &.checkbox-m {\r\n            height: tokens.$ifxSize300;\r\n            width: tokens.$ifxSize300;\r\n        }\r\n\r\n        &.error {\r\n            border-color: tokens.$ifxColorRed500;\r\n        }\r\n\r\n        &:focus-visible {\r\n            border: 1px solid tokens.$ifxColorEngineering500;\r\n            outline: 2px solid tokens.$ifxColorOcean500;\r\n            outline-offset: 2px;\r\n        }\r\n\r\n        &:hover {\r\n            background-color: tokens.$ifxColorEngineering200;\r\n            border: 1px solid tokens.$ifxColorEngineering500;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n        }\r\n\r\n        &.disabled {\r\n            background-color: tokens.$ifxColorEngineering300;;\r\n            border-color: tokens.$ifxColorEngineering300;;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n        }\r\n\r\n        &.checked:not(.indeterminate) {\r\n            background-color: tokens.$ifxColorOcean500;\r\n            border-radius: tokens.$ifxBorderRadius12;\r\n            border-color: tokens.$ifxColorBaseTransparent;\r\n            flex: none;\r\n            order: 0;\r\n            flex-grow: 0;\r\n            color: tokens.$ifxColorBaseWhite;\r\n\r\n            &.error {\r\n                background-color: tokens.$ifxColorRed500;\r\n            }\r\n\r\n            &:focus-visible {\r\n                border: 1px solid transparent;\r\n                outline: 2px solid #0A8276;\r\n                outline-offset: 2px;\r\n            }\r\n\r\n            &:hover {\r\n                background-color: tokens.$ifxColorOcean500;\r\n                border-radius: tokens.$ifxBorderRadius12;\r\n                flex: none;\r\n                order: 0;\r\n                flex-grow: 0;\r\n            }\r\n\r\n            &.disabled {\r\n                background: tokens.$ifxColorEngineering300;;\r\n                border-radius: tokens.$ifxBorderRadius12;\r\n                flex: none;\r\n                order: 0;\r\n                flex-grow: 0;\r\n            }\r\n        }\r\n\r\n        &.indeterminate {\r\n            &:before {\r\n                content: \"\";\r\n                display: block;\r\n                width: 70%; // Adjust as needed for the width of the minus sign\r\n                height: 2px; // Adjust for thickness of the minus sign\r\n                background-color: tokens.$ifxColorOcean600; // Color of the minus sign\r\n                position: absolute;\r\n                top: 50%;\r\n                left: 50%;\r\n                transform: translate(-50%, -50%);\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    & .label {\r\n        font-style: normal;\r\n        font-weight: 400;\r\n        font-size: tokens.$ifxFontSizeS;\r\n        line-height: tokens.$ifxLineHeightS;\r\n        color: tokens.$ifxColorBaseBlack;\r\n        overflow-wrap: break-word;\r\n        word-wrap: break-word;\r\n        word-break: break-all;\r\n        max-width: 100%;\r\n\r\n        &.label-m {\r\n            font-size: tokens.$ifxFontSizeM;\r\n            line-height: tokens.$ifxLineHeightM;\r\n        }\r\n\r\n        &.disabled {\r\n            color: tokens.$ifxColorEngineering300;\r\n        }\r\n    }\r\n\r\n    & .checkbox__wrapper,\r\n    & .label {\r\n        &:hover {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Watch, Method, AttachInternals } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-checkbox',\r\n  styleUrl: 'checkbox.scss',\r\n  shadow: true,\r\n  // formAssociated: true\r\n})\r\n\r\nexport class Checkbox {\r\n  private inputElement: HTMLInputElement;\r\n\r\n  @Element() el;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() checked: boolean = false;\r\n  @Prop() error: boolean = false;\r\n  @Prop() size: string = 'm';\r\n  @Prop() indeterminate: boolean = false;\r\n  @Prop() value: string;\r\n  @State() internalChecked: boolean;\r\n  @State() internalIndeterminate: boolean;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  @Event({ bubbles: true, composed: true }) ifxChange: EventEmitter;\r\n  @Event({ bubbles: true, composed: true }) ifxError: EventEmitter;\r\n\r\n  handleCheckbox() {\r\n    if (!this.disabled) {\r\n      if (!this.inputElement.indeterminate) {\r\n        this.internalChecked = !this.internalChecked;\r\n      } \r\n      if (this.internalChecked && !this.internalIndeterminate) {\r\n        if (this.value !== undefined) {\r\n          //this.internals.setFormValue(this.value);\r\n        } else {\r\n          //this.internals.setFormValue(\"on\")\r\n        }\r\n      } else {\r\n        //this.internals.setFormValue(null)\r\n      }\r\n      this.ifxChange.emit(this.internalChecked);\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async isChecked(): Promise<boolean> {\r\n    return this.internalChecked;\r\n  }\r\n\r\n  @Method()\r\n  async toggleCheckedState(newVal: boolean) {\r\n    this.internalChecked = newVal;\r\n  }\r\n\r\n  @Watch('checked')\r\n  valueChanged(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue) {\r\n      this.internalChecked = newValue;\r\n      this.inputElement.checked = this.internalChecked; // update the checkbox's checked property\r\n    }\r\n  }\r\n\r\n  @Watch('error')\r\n  errorChanged(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue) {\r\n      this.ifxError.emit(newValue);\r\n    }\r\n  }\r\n\r\n  @Watch('indeterminate')\r\n  indeterminateChanged(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue) {\r\n      this.internalIndeterminate = newValue;\r\n      this.inputElement.indeterminate = this.internalIndeterminate; // update the checkbox's indeterminate property\r\n    }\r\n  }\r\n\r\n  handleKeydown(event) {\r\n    // Keycode 32 corresponds to the Space key, 13 corresponds to the Enter key\r\n    if (event.keyCode === 32 || event.keyCode === 13) {\r\n      this.handleCheckbox();\r\n      event.preventDefault();  // prevent the default action when space or enter is pressed\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.internalChecked = this.checked;\r\n    this.internalIndeterminate = this.indeterminate;\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-checkbox', await framework)\r\n    }\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.inputElement.indeterminate = this.internalIndeterminate;\r\n  }\r\n\r\n  /**\r\n   * Callback for form association.\r\n   * Called whenever the form is reset.\r\n   */\r\n  // formResetCallback() {\r\n  //   this.internals.setFormValue(null);\r\n  // }\r\n\r\n  getCheckedClassName() {\r\n    if (this.error) {\r\n      if (this.internalChecked) {\r\n        return \"checked error\"\r\n      } else {\r\n        return \"error\"\r\n      }\r\n    } else if (this.internalChecked) {\r\n      return \"checked\";\r\n    } else return \"\"\r\n  }\r\n\r\n  render() {\r\n    const slot = this.el.innerHTML;\r\n    let hasSlot = false;\r\n    if (slot) {\r\n      hasSlot = true;\r\n    }\r\n    return (\r\n      <div class=\"checkbox__container\">\r\n        <input\r\n          type=\"checkbox\"\r\n          hidden\r\n          ref={(el) => (this.inputElement = el)}\r\n          checked={this.internalChecked}\r\n          onChange={this.handleCheckbox.bind(this)} // Listen for changes here\r\n          id='checkbox'\r\n          value={`${this.value}`}\r\n          disabled={this.disabled ? true : undefined}\r\n        />\r\n        <div\r\n          tabindex=\"0\"\r\n          onClick={this.handleCheckbox.bind(this)}\r\n          onKeyDown={this.handleKeydown.bind(this)}\r\n          role=\"checkbox\"\r\n          aria-checked={this.indeterminate ? 'mixed' : this.internalChecked.toString()}\r\n          aria-disabled={this.disabled}\r\n          aria-labelledby=\"label\"\r\n          class={`checkbox__wrapper \r\n          ${this.getCheckedClassName()}\r\n        ${this.size === \"m\" ? \"checkbox-m\" : \"\"}\r\n        ${this.indeterminate ? 'indeterminate' : \"\"}\r\n        ${this.disabled ? 'disabled' : \"\"}`}\r\n        >\r\n          {this.internalChecked && !this.internalIndeterminate && <ifx-icon icon=\"check-16\" aria-hidden=\"true\"></ifx-icon>}\r\n        </div>\r\n        {hasSlot &&\r\n          <div id=\"label\" class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : \"\"} `} onClick={this.handleCheckbox.bind(this)}>\r\n            <slot />\r\n          </div>}\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"wIAAA,MAAMA,EAAc,g1E,MCYPC,EAAQ,MAPrB,WAAAC,CAAAC,G,kPAWUC,KAAQC,SAAY,MACpBD,KAAOE,QAAY,MACnBF,KAAKG,MAAY,MACjBH,KAAII,KAAW,IACfJ,KAAaK,cAAY,KAkJlC,CAxIC,cAAAC,GACE,IAAKN,KAAKC,SAAU,CAClB,IAAKD,KAAKO,aAAaF,cAAe,CACpCL,KAAKQ,iBAAmBR,KAAKQ,e,CAW/BR,KAAKS,UAAUC,KAAKV,KAAKQ,gB,EAK7B,eAAMG,GACJ,OAAOX,KAAKQ,e,CAId,wBAAMI,CAAmBC,GACvBb,KAAKQ,gBAAkBK,C,CAIzB,YAAAC,CAAaC,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBhB,KAAKQ,gBAAkBO,EACvBf,KAAKO,aAAaL,QAAUF,KAAKQ,e,EAKrC,YAAAS,CAAaF,EAAmBC,GAC9B,GAAID,IAAaC,EAAU,CACzBhB,KAAKkB,SAASR,KAAKK,E,EAKvB,oBAAAI,CAAqBJ,EAAmBC,GACtC,GAAID,IAAaC,EAAU,CACzBhB,KAAKoB,sBAAwBL,EAC7Bf,KAAKO,aAAaF,cAAgBL,KAAKoB,qB,EAI3C,aAAAC,CAAcC,GAEZ,GAAIA,EAAMC,UAAY,IAAMD,EAAMC,UAAY,GAAI,CAChDvB,KAAKM,iBACLgB,EAAME,gB,EAIV,iBAAAC,GACEzB,KAAKQ,gBAAkBR,KAAKE,QAC5BF,KAAKoB,sBAAwBpB,KAAKK,a,CAGpC,sBAAMqB,GACJ,IAAIC,EAAuB3B,KAAK4B,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,qBAAsBF,E,EAIzC,kBAAAG,GACEhC,KAAKO,aAAaF,cAAgBL,KAAKoB,qB,CAWzC,mBAAAa,GACE,GAAIjC,KAAKG,MAAO,CACd,GAAIH,KAAKQ,gBAAiB,CACxB,MAAO,e,KACF,CACL,MAAO,O,OAEJ,GAAIR,KAAKQ,gBAAiB,CAC/B,MAAO,S,MACF,MAAO,E,CAGhB,MAAA0B,GACE,MAAMC,EAAOnC,KAAK4B,GAAGQ,UACrB,IAAIC,EAAU,MACd,GAAIF,EAAM,CACRE,EAAU,I,CAEZ,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,uBACTF,EAAA,SAAAC,IAAA,2CACEE,KAAK,WACLC,OAAM,KACNC,IAAMf,GAAQ5B,KAAKO,aAAeqB,EAClC1B,QAASF,KAAKQ,gBACdoC,SAAU5C,KAAKM,eAAeuC,KAAK7C,MACnC8C,GAAG,WACHC,MAAO,GAAG/C,KAAK+C,QACf9C,SAAUD,KAAKC,SAAW,KAAO+C,YAEnCV,EACE,OAAAC,IAAA,2CAAAU,SAAS,IACTC,QAASlD,KAAKM,eAAeuC,KAAK7C,MAClCmD,UAAWnD,KAAKqB,cAAcwB,KAAK7C,MACnCoD,KAAK,WAAU,eACDpD,KAAKK,cAAgB,QAAUL,KAAKQ,gBAAgB6C,WACnD,gBAAArD,KAAKC,SACJ,0BAChBuC,MAAO,iCACLxC,KAAKiC,kCACPjC,KAAKI,OAAS,IAAM,aAAe,eACnCJ,KAAKK,cAAgB,gBAAkB,eACvCL,KAAKC,SAAW,WAAa,MAE5BD,KAAKQ,kBAAoBR,KAAKoB,uBAAyBkB,EAAA,YAAAC,IAAA,2CAAUe,KAAK,WAAU,cAAa,UAE/FjB,GACCC,EAAA,OAAAC,IAAA,2CAAKO,GAAG,QAAQN,MAAO,SAASxC,KAAKI,OAAS,IAAM,UAAY,MAAMJ,KAAKC,SAAW,WAAa,MAAOiD,QAASlD,KAAKM,eAAeuC,KAAK7C,OAC1IsC,EAAQ,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-b2e514e5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spinnerCss","Spinner","constructor","hostRef","this","inverted","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","render","h","key","role","ariaLabel","class","getClassNames","variant","getSizeClass","width","height","viewBox","fill","xmlns","id","d","size","classNames","textFieldCss","TextField","placeholder","value","error","label","icon","caption","required","success","disabled","readOnly","showDeleteIcon","autocomplete","type","internalId","valueWatcher","newValue","inputElement","reset","handleDeleteContent","ifxInput","emit","handleInput","query","handleTypeProp","internalType","componentWillLoad","htmlFor","ref","onInput","readonly","maxlength","onClick"],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx","src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n\r\n}\r\n\r\n.spinner {\r\n  position: relative;\r\n  width: tokens.$ifxSize500;\r\n  height: tokens.$ifxSize500;\r\n\r\n}\r\n\r\n.spinner.s {\r\n  width: tokens.$ifxSize300;\r\n  height: tokens.$ifxSize300;\r\n}\r\n\r\n.border {\r\n  box-sizing: border-box;\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 4px solid transparent;\r\n  border-top-color: tokens.$ifxColorOcean500;\r\n  border-left-color: tokens.$ifxColorOcean500;\r\n  border-right-color: tokens.$ifxColorOcean500;\r\n  border-top-left-radius: 1px;\r\n  border-top-right-radius: 1px;\r\n  border-radius: 50%;\r\n  animation: spin 2s linear infinite;\r\n\r\n  &.inverted {\r\n    border-top-color: tokens.$ifxColorBaseWhite;\r\n    border-left-color: tokens.$ifxColorBaseWhite;\r\n    border-right-color: tokens.$ifxColorBaseWhite;\r\n  }\r\n}\r\n\r\n.semiconductor {\r\n  width: 100%;\r\n  height: 100%;\r\n  animation: spin 2s linear infinite;\r\n\r\n  & svg {\r\n    fill: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &.inverted {\r\n    & svg {\r\n      fill: tokens.$ifxColorBaseWhite;\r\n    }\r\n  }\r\n\r\n  &.s {\r\n    & svg {\r\n      width: tokens.$ifxSize300;\r\n      height: tokens.$ifxSize300;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n@keyframes spin {\r\n  0% {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotate(360deg);\r\n  }\r\n}","import { Component, h, Prop, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport classNames from 'classnames';\r\n \r\n@Component({\r\n  tag: 'ifx-spinner',\r\n  styleUrl: 'spinner.scss',\r\n  shadow: true,\r\n})\r\nexport class Spinner {\r\n  @Element() el;\r\n  @Prop() size: string;\r\n  @Prop() variant: string;\r\n  @Prop() inverted: boolean = false;\r\n  @Prop() ariaLabel: string | null;\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-spinner', await framework)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div role=\"status\" \r\n      aria-label={this.ariaLabel || \"Loading\"}\r\n        class={this.getClassNames()}>\r\n        <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\r\n        {this.variant === 'brand'\r\n          && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\r\n            <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <g id=\"spinner/conductor\">\r\n                <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\r\n              </g>\r\n            </svg>\r\n          </div>}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  getSizeClass() {\r\n    return `${this.size}` === \"s\"\r\n      ? \"s\"\r\n      : \"\";\r\n  }\r\n\r\n  getClassNames() {\r\n    return classNames(\r\n      'spinner',\r\n      this.size && `spinner ${this.getSizeClass()}`\r\n    );\r\n  }\r\n}\r\n","@use '~@infineon/design-system-tokens/dist/tokens';\r\n@use '../../global/font.scss';\r\n\r\n:host {\r\n  display: flex;\r\n}\r\n\r\n.textInput__container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  padding: 0px;\r\n  width: 100%;\r\n  flex: none;\r\n  order: 0;\r\n  align-self: stretch;\r\n  flex-grow: 0;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n  & .delete-icon {\r\n    position: absolute;\r\n    right: tokens.$ifxSpace200;\r\n  }\r\n\r\n  &:not(.readonly, .disabled) .delete-icon {\r\n    &:hover {\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  &.disabled:not(.readonly) {\r\n\r\n    & #text-field { \r\n      color: tokens.$ifxColorBaseWhite;\r\n    }\r\n\r\n    & .delete-icon { \r\n      color: tokens.$ifxColorBaseWhite;\r\n    }\r\n    \r\n    & .textInput__top-wrapper {\r\n      & label {\r\n        color: tokens.$ifxColorEngineering300;\r\n      }\r\n\r\n      & .required {\r\n        color: tokens.$ifxColorEngineering300;\r\n      }\r\n    }\r\n\r\n    & .textInput__bottom-wrapper {\r\n      input {\r\n        border: 1px solid tokens.$ifxColorEngineering300;\r\n        background-color: tokens.$ifxColorEngineering300;\r\n\r\n        &::placeholder {\r\n          font-size: tokens.$ifxFontSizeM;\r\n          color: tokens.$ifxColorBaseWhite;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  & .textInput__top-wrapper {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    padding: 0px;\r\n    gap: tokens.$ifxSpace50;\r\n    flex: none;\r\n    order: 0;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n\r\n    & label {\r\n      font-style: normal;\r\n      font-weight: tokens.$ifxFontWeightRegular;\r\n      font-size: tokens.$ifxFontSizeM;\r\n      line-height: tokens.$ifxLineHeightM;\r\n      display: flex;\r\n      align-items: center;\r\n      color: tokens.$ifxColorBaseBlack;\r\n      flex: none;\r\n      order: 0;\r\n      flex-grow: 0;\r\n\r\n      & .optional-required {\r\n        margin-left: tokens.$ifxSpace50;\r\n      }\r\n\r\n      & .optional {\r\n        margin-left: tokens.$ifxSpace50;\r\n      }\r\n\r\n      & .required {\r\n        color: tokens.$ifxColorEngineering500;\r\n        margin-left: tokens.$ifxSpace50;\r\n\r\n        &.error {\r\n          color: tokens.$ifxColorRed500;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .input-container {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    width: 100%;\r\n  }\r\n\r\n  & .textInput__bottom-wrapper {\r\n    flex-grow: 1;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    padding: 0px;\r\n    gap: tokens.$ifxSpace50;\r\n    flex: none;\r\n    order: 1;\r\n    align-self: stretch;\r\n    flex-grow: 0;\r\n\r\n    & input {\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: center;\r\n      padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\r\n      gap: tokens.$ifxSpace100;\r\n      height: tokens.$ifxSize500;\r\n      background-color: tokens.$ifxColorBaseWhite;\r\n      color: tokens.$ifxColorBaseBlack;\r\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n\r\n      font-size: tokens.$ifxFontSizeM;\r\n      line-height: tokens.$ifxLineHeightM;\r\n      border: 1px solid tokens.$ifxColorEngineering400;\r\n      border-radius: tokens.$ifxBorderRadius12;\r\n      flex: none;\r\n      order: 0;\r\n      align-self: stretch;\r\n      flex-grow: 0;\r\n      text-overflow: ellipsis;\r\n\r\n      &.input-s {\r\n        height: tokens.$ifxSize450;\r\n        font-size: tokens.$ifxFontSizeS;\r\n        line-height: tokens.$ifxLineHeightS;\r\n\r\n        &::placeholder {\r\n          font-size: tokens.$ifxFontSizeM;\r\n          line-height: tokens.$ifxLineHeightS;\r\n        }\r\n      }\r\n\r\n      &.icon {\r\n        padding-left: tokens.$ifxSpace500;\r\n      }\r\n\r\n      &.error {\r\n        border: 1px solid tokens.$ifxColorRed500;\r\n\r\n        &:focus {\r\n          outline: none;\r\n        }\r\n      }\r\n\r\n      &.readonly {\r\n        border: none;\r\n        border-radius: var(--borderRadius-12, 1px);\r\n        border-bottom: 1px solid var(--color-engineering-300, #bfbbbb);\r\n        background: var(--color-base-white, #fff);\r\n        padding-left: 0;\r\n\r\n        &::placeholder {\r\n          color: tokens.$ifxColorBaseBlack;\r\n        }\r\n      }\r\n\r\n      &.success {\r\n        border: 1px solid tokens.$ifxColorGreen500;\r\n\r\n        &:focus {\r\n          outline: none;\r\n        }\r\n      }\r\n\r\n      &:focus:not(.error, .success):not(.readonly) {\r\n        outline: none;\r\n        border: 1px solid tokens.$ifxColorOcean500;\r\n      }\r\n\r\n      &.readonly:focus,\r\n      &[readonly]:focus {\r\n        outline: none;\r\n        box-shadow: none;\r\n        border: none;\r\n        border-bottom: 1px solid var(--color-engineering-300, #bfbbbb);\r\n      }\r\n\r\n      &:hover:not(:disabled, :focus, .error, .success):not(.readonly) {\r\n        border: 1px solid tokens.$ifxColorEngineering500;\r\n      }\r\n    }\r\n\r\n    & .input-icon {\r\n      // Position the icon within the icon container\r\n      // Adjust the positioning as needed\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      left: tokens.$ifxSpace200;\r\n      /* Adjust this value to control the icon's left offset */\r\n      transition: 0.3s;\r\n      color: tokens.$ifxColorEngineering400;\r\n    }\r\n\r\n    & .textInput__bottom-wrapper-caption {\r\n      font-style: normal;\r\n      font-weight: tokens.$ifxFontWeightRegular;\r\n      font-size: tokens.$ifxFontSizeXs;\r\n      line-height: tokens.$ifxLineHeightXs;\r\n      color: tokens.$ifxColorBaseBlack;\r\n      flex: none;\r\n      order: 1;\r\n      align-self: stretch;\r\n      flex-grow: 0;\r\n\r\n      &.error {\r\n        color: tokens.$ifxColorRed500;\r\n      }\r\n\r\n      &.disabled {\r\n        color: tokens.$ifxColorEngineering300;\r\n      }\r\n    }\r\n  }\r\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals, State } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-text-field',\r\n  styleUrl: 'text-field.scss',\r\n  shadow: true,\r\n  // formAssociated: true\r\n})\r\nexport class TextField {\r\n  private inputElement: HTMLInputElement;\r\n  @Element() el;\r\n  @Prop() placeholder: string = 'Placeholder';\r\n  @Prop({ mutable: true }) value: string = '';\r\n  @Prop() error: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() icon: string = '';\r\n  @Prop() caption: string = '';\r\n  @Prop() size: string = 'm';\r\n  @Prop() required: boolean = false;\r\n  @Prop() success: boolean = false;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() readOnly: boolean = false;\r\n  @Prop() maxlength?: number;\r\n  @Prop() showDeleteIcon: boolean = false;\r\n  @Prop() autocomplete: string = 'on';\r\n  @Prop() type: 'text' | 'password' = 'text';\r\n  @Prop() internalId: string = 'text-field';\r\n  @State() internalType: string;\r\n  @Event() ifxInput: EventEmitter<String>;\r\n  // @Prop({ reflect: true })\r\n  // resetOnSubmit: boolean = false;\r\n\r\n  @AttachInternals() internals: ElementInternals;\r\n\r\n  @Watch('value')\r\n  valueWatcher(newValue: string) {\r\n    if (newValue !== this.inputElement.value) {\r\n      this.inputElement.value = newValue;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async reset() {\r\n    this.value = '';\r\n    this.inputElement.value = '';\r\n  }\r\n\r\n  handleDeleteContent() {\r\n    if (!this.disabled && !this.readOnly) {\r\n      this.reset();\r\n      this.ifxInput.emit(this.value);\r\n    }\r\n  }\r\n\r\n  handleInput() {\r\n    const query = this.inputElement.value;\r\n    this.value = query;\r\n    //this.internals.setFormValue(query) // update form value\r\n    this.ifxInput.emit(this.value);\r\n  }\r\n\r\n  handleTypeProp() {\r\n    this.internalType = this.type === 'text' || this.type === 'password' ? this.type : 'text';\r\n  }\r\n\r\n  // formResetCallback() {\r\n  //   this.internals.setValidity({});\r\n  //   this.internals.setFormValue(\"\");\r\n  // }\r\n\r\n  componentWillLoad() {\r\n    this.handleTypeProp();\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if (!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-text-field', await framework);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        aria-label=\"a text field for user input\"\r\n        aria-value={this.value}\r\n        aria-disabled={this.disabled}\r\n        class={`textInput__container ${this.readOnly ? 'readonly' : ''} ${this.disabled && !this.error ? 'disabled' : ''}`}\r\n      >\r\n        <div class=\"textInput__top-wrapper\">\r\n          {this.label && (\r\n            <label htmlFor={this.internalId}>\r\n              <span>{this.label}</span>\r\n              {this.required && <span class={`required ${this.error && !this.readOnly ? 'error' : ''}`}>*</span>}\r\n            </label>\r\n          )}\r\n        </div>\r\n\r\n        <div class=\"textInput__bottom-wrapper\">\r\n          <div class=\"input-container\">\r\n            {this.icon && <ifx-icon class=\"input-icon\" icon={this.icon} />}\r\n            <input\r\n              ref={el => (this.inputElement = el)}\r\n              disabled={this.disabled && !this.error}\r\n              autocomplete={this.autocomplete}\r\n              type={this.internalType}\r\n              id={this.internalId}\r\n              value={this.value}\r\n              onInput={() => this.handleInput()}\r\n              placeholder={this.placeholder}\r\n              readonly={this.readOnly}\r\n              maxlength={this.maxlength}\r\n              class={`${this.icon ? 'icon' : ''}\r\n                ${this.error ? 'error' : ''} \r\n                ${this.readOnly ? 'readonly' : ''} \r\n              ${this.size === 's' ? 'input-s' : ''}\r\n              ${this.success ? 'success' : ''}`}\r\n            />\r\n\r\n            {this.showDeleteIcon && this.value && <ifx-icon class=\"delete-icon\" icon=\"cRemove16\" onClick={() => this.handleDeleteContent()}></ifx-icon>}\r\n          </div>\r\n          {this.caption && (\r\n            <div class={`textInput__bottom-wrapper-caption ${this.error && !this.readOnly ? 'error' : ''} ${this.disabled && !this.readOnly && !this.error ? 'disabled' : ''}`}>\r\n              {this.caption}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-b83f33e2.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as i,F as s,a}from"./p-PqnYwNKt.js";const n='.tree-item{position:relative;cursor:pointer;list-style:none}.tree-item.tree-item--expanded{position:relative}.tree-item.tree-item--has-children{position:relative}.tree-item.tree-item--has-children .tree-item__header>.tree-item__chevron-container{display:flex}.tree-item.tree-item--has-children.tree-item--expanded .tree-item__header>.tree-item__chevron-container::after{display:block}.tree-item--disabled{cursor:not-allowed;pointer-events:none;color:#BFBBBB}.tree-item__content{display:flex;flex-direction:row}.tree-item__content:hover .tree-item__checkbox-container,.tree-item__content:hover .tree-item__header{background-color:#F7F7F7}.tree-item__checkbox-container{position:sticky;left:0;z-index:10;padding:4px;background-color:#FFFFFF}.tree-item__header{flex-grow:1;display:flex;align-items:center;white-space:nowrap;height:20px;padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:8px}.tree-item__chevron-container{display:none;align-items:center;margin-right:8px;height:20px}.tree-item__chevron-container::after{--height-line-start:28px;display:none;content:"";position:absolute;z-index:1;top:var(--height-line-start);left:auto;margin-left:8px;width:1px;height:calc(100% - var(--height-line-start));background-color:#EEEDED}.tree-item--disabled .tree-item__chevron-container::after{color:#EEEDED}.tree-item__chevron.chevron-down{transform:rotate(90deg)}.tree-item__chevron.chevron-right{transform:rotate(0)}.tree-item__label-icon-container{display:flex;align-items:center}.tree-item__label-icon-container:focus{outline:none}.tree-item__label-icon-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px;border-radius:1px}.tree-item__icon-container{position:relative;width:16px;height:16px}.tree-item__icon-container ifx-icon{position:absolute;left:0;top:0;opacity:1;transition:opacity 0.2s ease-in-out}.tree-item__icon-container ifx-icon.icon--hidden{opacity:0}.tree-item__label{padding-left:8px}.tree-item__children{display:none}.tree-item[aria-expanded=true]>.tree-item__children{display:block}';const r=class{constructor(i){e(this,i);this.ifxTreeViewItemExpandChange=t(this,"ifxTreeViewItemExpandChange",7);this.ifxTreeViewItemCheckChange=t(this,"ifxTreeViewItemCheckChange",7);this.ifxTreeViewItemDisableChange=t(this,"ifxTreeViewItemDisableChange",7);this.expanded=false;this.initiallyExpanded=false;this.disableItem=false;this.initiallySelected=false;this.hasChildren=false;this.isChecked=false;this.partialChecked=false;this.level=0;this.disableAllItems=false;this.expandAllItems=false;this.suppressExpandEvents=false;this.findChildren=()=>Array.from(this.host.children).filter((e=>e instanceof HTMLElement&&e.tagName==="IFX-TREE-VIEW-ITEM"));this.calculateNodeLevel=()=>{let e=0,t=this.host.parentElement;while(t){if(t.tagName==="IFX-TREE-VIEW-ITEM")e++;t=t.parentElement}return e};this.handleStateChange=e=>{if(this.disabled)return;e.stopPropagation();this.updateCheckState(e.detail.checked)};this.handleCheckboxChange=e=>{var t,i;if(this.disabled)return;this.updateCheckState((i=(t=e.detail)===null||t===void 0?void 0:t.checked)!==null&&i!==void 0?i:!this.isChecked)};this.handleHeaderClick=({target:e})=>{if(this.disabled)return;if(!e.closest(".tree-item__checkbox-container, .tree-item__chevron-container")){if(this.hasChildren){const e=!this.isChecked;this.updateCheckState(e);const t=e?this.expandOrCollapseAllDescendants(true):this.expandOrCollapseAllDescendants(false);this.ifxTreeViewItemExpandChange.emit({expanded:e,affectedItems:t,component:this})}else{this.updateCheckState(!this.isChecked)}}};this.toggleExpand=()=>{if(this.disabled||!this.hasChildren)return;this.expanded=!this.expanded};this.handleKeyDown=e=>{var t,i,s,a,n,r;const h=Array.from(((t=this.host.closest("ifx-tree-view"))===null||t===void 0?void 0:t.querySelectorAll("ifx-tree-view-item"))||[]);const o=h.filter((e=>{var t,i;let s=(t=e.parentElement)===null||t===void 0?void 0:t.closest("ifx-tree-view-item");while(s){const e=s;if(!(e.expandAllItems||e.expanded))return false;s=(i=s.parentElement)===null||i===void 0?void 0:i.closest("ifx-tree-view-item")}return true}));const c=o.findIndex((e=>e===this.host));const l=e=>e===null||e===void 0?void 0:e.focus();switch(e.key){case"ArrowDown":{e.preventDefault();for(let e=c+1;e<o.length;e++){const t=o[e];if(!t.disabled){l((i=t.shadowRoot)===null||i===void 0?void 0:i.querySelector(".tree-item__label-icon-container"));break}}break}case"ArrowUp":{e.preventDefault();for(let e=c-1;e>=0;e--){const t=o[e];if(!t.disabled){l((s=t.shadowRoot)===null||s===void 0?void 0:s.querySelector(".tree-item__label-icon-container"));break}}break}case"ArrowRight":{e.preventDefault();if(!this.isExpanded&&this.hasChildren){this.expanded=true}else if(this.isExpanded&&this.hasChildren){const e=this.host.querySelector("ifx-tree-view-item");if(e&&!e.disabled){l((a=e.shadowRoot)===null||a===void 0?void 0:a.querySelector(".tree-item__label-icon-container"))}}break}case"ArrowLeft":{e.preventDefault();if(this.isExpanded&&this.hasChildren){this.expanded=false}else{const e=(n=this.host.parentElement)===null||n===void 0?void 0:n.closest("ifx-tree-view-item");if(e&&!e.disabled){l((r=e.shadowRoot)===null||r===void 0?void 0:r.querySelector(".tree-item__label-icon-container"))}}break}case" ":case"Enter":{e.preventDefault();if(this.hasChildren){const e=!this.isChecked;this.updateCheckState(e);const t=e?this.expandOrCollapseAllDescendants(true):this.expandOrCollapseAllDescendants(false);this.ifxTreeViewItemExpandChange.emit({expanded:e,affectedItems:t,component:this})}else{this.updateCheckState(!this.isChecked)}break}}}}get disabled(){return this.disableAllItems||this.disableItem}get isExpanded(){return this.expandAllItems||this.expanded}componentWillLoad(){this.expanded=this.initiallyExpanded;this.hasChildren=this.findChildren().length>0;this.level=this.calculateNodeLevel();this.host.setAttribute("data-level",this.level.toString());this.isChecked=this.initiallySelected;this.host.addEventListener("internal-check-state-change",this.handleStateChange)}componentDidLoad(){this.observeParentAttribute("disable-all-items",(e=>this.disableAllItems=e));this.observeParentAttribute("data-expand-all-items",(e=>this.expandAllItems=e),true);if(this.shouldExpandFromParent())this.expandAllDescendants();this.host["__stencil_instance"]=this;if(this.initiallySelected)setTimeout((()=>this.updateParentState()),0)}observeParentAttribute(e,t,i=false){let s=this.host.parentElement;while(s){if(s.tagName==="IFX-TREE-VIEW"||i&&s.hasAttribute(e)){const i=new MutationObserver((()=>t(s.hasAttribute(e))));i.observe(s,{attributes:true});t(s.hasAttribute(e));break}s=s.parentElement}}shouldExpandFromParent(){let e=this.host.parentElement;while(e){if(e.tagName==="IFX-TREE-VIEW"&&(e.hasAttribute("expand-all-items")||e.hasAttribute("data-expand-all-items")))return true;e=e.parentElement}return false}expandAllDescendants(){this.expanded=true;this.findChildren().forEach((e=>{var t,i;e.expanded=true;(i=(t=e).expandAllDescendants)===null||i===void 0?void 0:i.call(t)}))}expandOrCollapseAllDescendants(e){this.suppressExpandEvents=true;const t=[];this.expanded=e;if(this.hasChildren)t.push({expanded:e,value:this.value});this.findChildren().forEach((i=>{const s=i["__stencil_instance"];if(s&&s.hasChildren){s.suppressExpandEvents=true;s.expanded=e;t.push({expanded:e,value:s.value});if(s.hasChildren){const i=s.expandOrCollapseAllDescendants(e);t.push(...i)}}}));this.suppressExpandEvents=false;return t}async updateCheckState(e,t=false){if(this.disabled)return;if(!t&&this.hasChildren){const t=this.collectDescendantStates(e);this.setNodeState({isChecked:e,partialChecked:false},false);await this.updateChildrenSilently(e);this.ifxTreeViewItemCheckChange.emit({checked:e,indeterminate:false,value:this.value,affectedChildItems:t,component:this});this.updateParentState()}else if(t){this.setNodeState({isChecked:e,partialChecked:false},false)}else{this.setNodeState({isChecked:e,partialChecked:false});await this.updateChildrenState(e);this.updateParentState()}}async updateChildrenSilently(e){for(const t of this.findChildren()){const i=t["__stencil_instance"];if(i&&!i.disabled){i.setNodeState({isChecked:e,partialChecked:false},false);await i.updateChildrenSilently(e)}}}handleExpandedChange(e){if(!this.suppressExpandEvents){this.ifxTreeViewItemExpandChange.emit({expanded:e,value:this.value,affectedItems:[{expanded:e,value:this.value}],component:this})}}handleDisableItemChange(e){this.ifxTreeViewItemDisableChange.emit({disabled:e,component:this})}setNodeState(e,t=true){this.isChecked=e.isChecked;this.partialChecked=e.partialChecked;if(t){this.ifxTreeViewItemCheckChange.emit({checked:this.isChecked,indeterminate:this.partialChecked,value:this.value,level:this.level,disabled:this.disabled,component:this})}}collectDescendantStates(e){const t=[];const i=(s,a=false)=>{let n=s===this.host?this:s["__stencil_instance"];if(!a&&!(n===null||n===void 0?void 0:n.disabled)){t.push({checked:e,indeterminate:false,value:n===null||n===void 0?void 0:n.value})}Array.from(s.children).forEach((e=>{if(e.tagName==="IFX-TREE-VIEW-ITEM")i(e,false)}))};Array.from(this.host.children).forEach((e=>{if(e.tagName==="IFX-TREE-VIEW-ITEM")i(e,false)}));return t}async updateChildrenState(e){for(const t of this.findChildren()){const i=t["__stencil_instance"];if(i&&!i.disabled){await t.componentOnReady();t.dispatchEvent(new CustomEvent("internal-check-state-change",{detail:{checked:e},bubbles:false,composed:true}))}}}findSiblingNodes(e){return Array.from(e.children).filter((e=>e instanceof HTMLElement&&e.tagName==="IFX-TREE-VIEW-ITEM"))}updateParentState(){var e;const t=(e=this.host.parentElement)===null||e===void 0?void 0:e.closest("ifx-tree-view-item");if(!t)return;setTimeout((()=>{const e=t["__stencil_instance"];if(!e)return;const i=this.findSiblingNodes(t);const{allChecked:s,someChecked:a}=this.calculateSiblingStates(i);e.setNodeState({isChecked:s,partialChecked:!s&&a},false);e.updateParentState()}),0)}calculateSiblingStates(e){const t=e.map((e=>{const t=e["__stencil_instance"];return{checked:t===null||t===void 0?void 0:t.isChecked,partial:t===null||t===void 0?void 0:t.partialChecked}}));const i=t.filter((e=>e.checked)).length;const s=t.filter((e=>e.partial)).length;return{allChecked:t.length>0&&i===t.length&&s===0,someChecked:i>0||s>0}}render(){return i("div",{key:"cec7573a072effbec3e579314dbc856800167c04",class:{"tree-item":true,"tree-item--expanded":this.isExpanded,"tree-item--has-children":this.hasChildren,"tree-item--disabled":this.disabled},role:"treeitem","aria-expanded":this.isExpanded?"true":"false","data-level":this.level,"aria-disabled":this.disabled?"true":undefined,"aria-label":this.ariaLabel},i("div",{key:"f0846c5a21a769ddbce8fad581faa35b418007fd",class:"tree-item__content"},i("div",{key:"9550350aa5e56bb2651746575d2433f24461dd7a",class:"tree-item__checkbox-container",onClick:e=>e.stopPropagation()},i("ifx-checkbox",{key:"33dbd5c3e261ac6993620228d91f7dd58fbbac63",size:"s",checked:this.partialChecked?false:this.isChecked,indeterminate:this.partialChecked,onIfxChange:this.handleCheckboxChange,disabled:this.disabled})),i("div",{key:"4ef28c7b9b5390bcfe60db2745abfd14c23be9b0",class:"tree-item__header",style:{paddingLeft:`${this.level*24+10}px`},onClick:this.handleHeaderClick,tabIndex:-1,"aria-disabled":this.disabled?"true":undefined},this.hasChildren&&i("div",{key:"60be80051ed37101c43875e88a8a1bad388fc658",class:"tree-item__chevron-container",onClick:this.toggleExpand},i("ifx-icon",{key:"1881571f0b36fc09e7b0919f164b583ed082ee3c",class:`tree-item__chevron ${this.isExpanded?"chevron-down":"chevron-right"}`,icon:"chevron-right-16"}),i("div",{key:"1cbdef30e9a4f2b55520b9c9a2ee638199cb7a23",class:"tree-item__line"})),i("div",{key:"f1d2f18c6a1573d07eb5450ad63296c6bf535533",class:"tree-item__label-icon-container",tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown},i("div",{key:"972df68ce75bb5173715095ce7fb597fc537cd73",class:"tree-item__icon-container"},this.hasChildren?i(s,null,i("ifx-icon",{class:{"icon--hidden":this.isExpanded},icon:"folder-16"}),i("ifx-icon",{class:{"icon--hidden":!this.isExpanded},icon:"folder-open-16"})):i("ifx-icon",{icon:"file-16"})),i("span",{key:"19c43a81a85c58357bcac941533dd01db549d2fa",class:"tree-item__label"},i("slot",{key:"a840c5d9595c1a7697e199e02ea5c2adec7286f8"}))))),this.isExpanded&&i("div",{key:"6787296ba279e142c2af6c9a47df469900040109",class:"tree-item__children"},i("slot",{key:"43bdfa1c0b3a86724ff5de26b853914298abb182",name:"children"})))}get host(){return a(this)}static get watchers(){return{expanded:["handleExpandedChange"],disableItem:["handleDisableItemChange"]}}};r.style=n;export{r as ifx_tree_view_item};
-//# sourceMappingURL=p-b83f33e2.entry.js.map

package/dist/infineon-design-system-stencil/p-b83f33e2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewItemCss","TreeViewItem","constructor","hostRef","this","expanded","initiallyExpanded","disableItem","initiallySelected","hasChildren","isChecked","partialChecked","level","disableAllItems","expandAllItems","suppressExpandEvents","findChildren","Array","from","host","children","filter","child","HTMLElement","tagName","calculateNodeLevel","parent","parentElement","handleStateChange","event","disabled","stopPropagation","updateCheckState","detail","checked","handleCheckboxChange","_b","_a","handleHeaderClick","target","closest","newCheckedState","affectedItems","expandOrCollapseAllDescendants","ifxTreeViewItemExpandChange","emit","component","toggleExpand","handleKeyDown","allItems","querySelectorAll","visibleItems","item","parentCmp","currentIndex","findIndex","el","focusLabelIcon","focus","key","preventDefault","i","length","next","shadowRoot","querySelector","prev","_c","isExpanded","firstChild","_d","_e","_f","componentWillLoad","setAttribute","toString","addEventListener","componentDidLoad","observeParentAttribute","val","shouldExpandFromParent","expandAllDescendants","setTimeout","updateParentState","attr","cb","breakOnAttr","hasAttribute","observer","MutationObserver","observe","attributes","forEach","call","expand","push","value","childInstance","childAffected","fromParent","affected","collectDescendantStates","setNodeState","updateChildrenSilently","ifxTreeViewItemCheckChange","indeterminate","affectedChildItems","updateChildrenState","handleExpandedChange","newValue","handleDisableItemChange","ifxTreeViewItemDisableChange","state","emitEvent","descendants","collect","skipSelf","instance","componentOnReady","dispatchEvent","CustomEvent","bubbles","composed","findSiblingNodes","parentInstance","siblings","allChecked","someChecked","calculateSiblingStates","states","map","sib","partial","checkedCount","partialCount","render","h","class","role","undefined","ariaLabel","onClick","e","size","onIfxChange","style","paddingLeft","tabIndex","icon","onKeyDown","Fragment","name"],"sources":["src/components/tree-view/tree-view-item.scss?tag=ifx-tree-view-item&encapsulation=shadow","src/components/tree-view/tree-view-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n.tree-item {\r\n  position: relative;\r\n  cursor: pointer;\r\n  list-style: none;\r\n\r\n  &.tree-item--expanded {\r\n    position: relative;\r\n  }\r\n\r\n  &.tree-item--has-children {\r\n    position: relative;\r\n\r\n    .tree-item__header > .tree-item__chevron-container {\r\n      display: flex;\r\n    }\r\n\r\n    &.tree-item--expanded {\r\n      .tree-item__header > .tree-item__chevron-container::after {\r\n        display: block;\r\n      }\r\n    }\r\n  }\r\n\r\n  &--disabled {\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    color: tokens.$ifxColorEngineering300;\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    &:hover {\r\n      .tree-item__checkbox-container,\r\n      .tree-item__header {\r\n        background-color: tokens.$ifxColorEngineering100;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__checkbox-container {\r\n    position: sticky;\r\n    left: 0;\r\n    z-index: 10;\r\n    padding: tokens.$ifxSpace50;\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n  }\r\n\r\n  &__header {\r\n    flex-grow: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    height: tokens.$ifxSize250;\r\n    padding-top: tokens.$ifxSpace50;\r\n    padding-right: tokens.$ifxSpace200;\r\n    padding-bottom: tokens.$ifxSpace50;\r\n    padding-left: tokens.$ifxSpace100;\r\n  }\r\n\r\n  &__chevron-container {\r\n    display: none;\r\n    align-items: center;\r\n    margin-right: tokens.$ifxSpace100;\r\n    height: tokens.$ifxSize250;\r\n\r\n    &::after {\r\n      --height-line-start: 28px;\r\n\r\n      display: none;\r\n      content: '';\r\n      position: absolute;\r\n      z-index: 1;\r\n      top: var(--height-line-start);\r\n      left: auto;\r\n      margin-left: tokens.$ifxSpace100;\r\n      width: tokens.$ifxSize12;\r\n      height: calc(100% - var(--height-line-start));\r\n      background-color: tokens.$ifxColorEngineering200;\r\n\r\n      .tree-item--disabled & {\r\n        color: tokens.$ifxColorEngineering200;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__chevron {\r\n    &.chevron-down {\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    &.chevron-right {\r\n      transform: rotate(0);\r\n    }\r\n  }\r\n\r\n  &__label-icon-container {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    &:focus {\r\n      outline: none;\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline: 2px solid tokens.$ifxColorOcean500;\r\n      outline-offset: 2px;\r\n      border-radius: tokens.$ifxBorderRadius12;\r\n    }\r\n  }\r\n\r\n  &__icon-container {\r\n    position: relative;\r\n    width: tokens.$ifxSize200;\r\n    height: tokens.$ifxSize200;\r\n\r\n    ifx-icon {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      opacity: 1;\r\n      transition: opacity 0.2s ease-in-out;\r\n\r\n      &.icon--hidden {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__label {\r\n    padding-left: tokens.$ifxSpace100;\r\n  }\r\n\r\n  &__children {\r\n    display: none;\r\n\r\n    .tree-item[aria-expanded=\"true\"] > & {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n","import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\r\n\r\nexport interface TreeViewCheckChangeEvent {\r\n  checked: boolean;\r\n  indeterminate: boolean;\r\n  value?: string;\r\n  affectedChildItems?: Array<{ checked: boolean; indeterminate: boolean; value?: string }>;\r\n  component?: TreeViewItem;\r\n}\r\n\r\nexport interface TreeViewExpandChangeEvent {\r\n  expanded: boolean;\r\n  value?: string;\r\n  affectedItems?: Array<{ expanded: boolean; value?: string }>;\r\n  component?: TreeViewItem;\r\n}\r\n\r\nexport interface TreeViewDisableChangeEvent {\r\n  disabled: boolean;\r\n  component?: TreeViewItem;\r\n}\r\n\r\ninterface TreeState {\r\n  isChecked: boolean;\r\n  partialChecked: boolean;\r\n}\r\n\r\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\r\n\r\n@Component({\r\n  tag: 'ifx-tree-view-item',\r\n  styleUrl: 'tree-view-item.scss',\r\n  shadow: true,\r\n})\r\nexport class TreeViewItem {\r\n  @Element() host: HTMLElement;\r\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\r\n  @Prop() initiallyExpanded: boolean = false;\r\n  @Prop() disableItem: boolean = false;\r\n  @Prop() ariaLabel: string | null;\r\n  @Prop() initiallySelected: boolean = false;\r\n  @Prop() value: string;\r\n\r\n  @Event() ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;\r\n  @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\r\n  @Event() ifxTreeViewItemDisableChange: EventEmitter<TreeViewDisableChangeEvent>;\r\n\r\n  @State() private hasChildren: boolean = false;\r\n  @State() private isChecked: boolean = false;\r\n  @State() private partialChecked: boolean = false;\r\n  @State() private level: number = 0;\r\n  @State() private disableAllItems: boolean = false;\r\n  @State() private expandAllItems: boolean = false;\r\n  @State() private suppressExpandEvents: boolean = false;\r\n\r\n  private get disabled() {\r\n    return this.disableAllItems || this.disableItem;\r\n  }\r\n\r\n  private get isExpanded() {\r\n    return this.expandAllItems || this.expanded;\r\n  }\r\n\r\n  private findChildren = () =>\r\n    Array.from(this.host.children)\r\n      .filter((child): child is HTMLElement => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');\r\n\r\n  private calculateNodeLevel = (): number => {\r\n    let level = 0, parent = this.host.parentElement;\r\n    while (parent) {\r\n      if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\r\n      parent = parent.parentElement;\r\n    }\r\n    return level;\r\n  };\r\n\r\n  componentWillLoad() {\r\n    this.expanded = this.initiallyExpanded;\r\n    this.hasChildren = this.findChildren().length > 0;\r\n    this.level = this.calculateNodeLevel();\r\n    this.host.setAttribute('data-level', this.level.toString());\r\n    this.isChecked = this.initiallySelected;\r\n    this.host.addEventListener('internal-check-state-change', this.handleStateChange);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.observeParentAttribute('disable-all-items', val => this.disableAllItems = val);\r\n    this.observeParentAttribute('data-expand-all-items', val => this.expandAllItems = val, true);\r\n    if (this.shouldExpandFromParent()) this.expandAllDescendants();\r\n    (this.host as any)['__stencil_instance'] = this;\r\n    if (this.initiallySelected) setTimeout(() => this.updateParentState(), 0);\r\n  }\r\n\r\n  private observeParentAttribute(attr: string, cb: (val: boolean) => void, breakOnAttr = false) {\r\n    let parent = this.host.parentElement;\r\n    while (parent) {\r\n      if (parent.tagName === 'IFX-TREE-VIEW' || (breakOnAttr && parent.hasAttribute(attr))) {\r\n        const observer = new MutationObserver(() => cb(parent.hasAttribute(attr)));\r\n        observer.observe(parent, { attributes: true });\r\n        cb(parent.hasAttribute(attr));\r\n        break;\r\n      }\r\n      parent = parent.parentElement;\r\n    }\r\n  }\r\n\r\n  private shouldExpandFromParent(): boolean {\r\n    let parent = this.host.parentElement;\r\n    while (parent) {\r\n      if (\r\n        parent.tagName === 'IFX-TREE-VIEW' &&\r\n        (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items'))\r\n      ) return true;\r\n      parent = parent.parentElement;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  private expandAllDescendants() {\r\n    this.expanded = true;\r\n    this.findChildren().forEach(child => {\r\n      (child as any).expanded = true;\r\n      (child as any).expandAllDescendants?.();\r\n    });\r\n  }\r\n\r\n  private handleStateChange = (event: CustomEvent) => {\r\n    if (this.disabled) return;\r\n    event.stopPropagation();\r\n    this.updateCheckState(event.detail.checked);\r\n  };\r\n\r\n  private handleCheckboxChange = (event: CustomEvent) => {\r\n    if (this.disabled) return;\r\n    this.updateCheckState(event.detail?.checked ?? !this.isChecked);\r\n  };\r\n\r\n  private handleHeaderClick = ({ target }: MouseEvent) => {\r\n    if (this.disabled) return;\r\n    if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\r\n      if (this.hasChildren) {\r\n        const newCheckedState = !this.isChecked;\r\n        this.updateCheckState(newCheckedState);\r\n        const affectedItems = newCheckedState\r\n          ? this.expandOrCollapseAllDescendants(true)\r\n          : this.expandOrCollapseAllDescendants(false);\r\n        this.ifxTreeViewItemExpandChange.emit({\r\n          expanded: newCheckedState,\r\n          affectedItems,\r\n          component: this\r\n        });\r\n      } else {\r\n        this.updateCheckState(!this.isChecked);\r\n      }\r\n    }\r\n  };\r\n\r\n  private expandOrCollapseAllDescendants(expand: boolean) {\r\n    this.suppressExpandEvents = true;\r\n    const affectedItems: Array<{ expanded: boolean; value?: string }> = [];\r\n    this.expanded = expand;\r\n    if (this.hasChildren) affectedItems.push({ expanded: expand, value: this.value });\r\n    this.findChildren().forEach(child => {\r\n      const childInstance = (child as any)['__stencil_instance'];\r\n      if (childInstance && childInstance.hasChildren) {\r\n        childInstance.suppressExpandEvents = true;\r\n        childInstance.expanded = expand;\r\n        affectedItems.push({ expanded: expand, value: childInstance.value });\r\n        if (childInstance.hasChildren) {\r\n          const childAffected = childInstance.expandOrCollapseAllDescendants(expand);\r\n          affectedItems.push(...childAffected);\r\n        }\r\n      }\r\n    });\r\n    this.suppressExpandEvents = false;\r\n    return affectedItems;\r\n  }\r\n\r\n  private async updateCheckState(checked: boolean, fromParent = false) {\r\n    if (this.disabled) return;\r\n    if (!fromParent && this.hasChildren) {\r\n      const affected = this.collectDescendantStates(checked);\r\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\r\n      await this.updateChildrenSilently(checked);\r\n      this.ifxTreeViewItemCheckChange.emit({\r\n        checked,\r\n        indeterminate: false,\r\n        value: this.value,\r\n        affectedChildItems: affected,\r\n        component: this,\r\n      });\r\n      this.updateParentState();\r\n    } else if (fromParent) {\r\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\r\n    } else {\r\n      this.setNodeState({ isChecked: checked, partialChecked: false });\r\n      await this.updateChildrenState(checked);\r\n      this.updateParentState();\r\n    }\r\n  }\r\n\r\n  private async updateChildrenSilently(checked: boolean) {\r\n    for (const child of this.findChildren()) {\r\n      const childInstance = (child as any)['__stencil_instance'];\r\n      if (childInstance && !childInstance.disabled) {\r\n        childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\r\n        await childInstance.updateChildrenSilently(checked);\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('expanded')\r\n  handleExpandedChange(newValue: boolean) {\r\n    if (!this.suppressExpandEvents) {\r\n      this.ifxTreeViewItemExpandChange.emit({\r\n        expanded: newValue,\r\n        value: this.value,\r\n        affectedItems: [{ expanded: newValue, value: this.value }],\r\n        component: this\r\n      });\r\n    }\r\n  }\r\n\r\n  @Watch('disableItem')\r\n  handleDisableItemChange(newValue: boolean) {\r\n    this.ifxTreeViewItemDisableChange.emit({ disabled: newValue, component: this });\r\n  }\r\n\r\n  private setNodeState(state: TreeState, emitEvent = true) {\r\n    this.isChecked = state.isChecked;\r\n    this.partialChecked = state.partialChecked;\r\n    if (emitEvent) {\r\n      this.ifxTreeViewItemCheckChange.emit({\r\n        checked: this.isChecked,\r\n        indeterminate: this.partialChecked,\r\n        value: this.value,\r\n        level: this.level,\r\n        disabled: this.disabled,\r\n        component: this\r\n      } as any);\r\n    }\r\n  }\r\n\r\n  private collectDescendantStates(checked: boolean) {\r\n    const descendants: Array<{ checked: boolean; indeterminate: boolean; value?: string }> = [];\r\n    const collect = (el: Element, skipSelf = false) => {\r\n      let instance: any = el === this.host ? this : (el as any)['__stencil_instance'];\r\n      if (!skipSelf && !instance?.disabled) {\r\n        descendants.push({\r\n          checked,\r\n          indeterminate: false,\r\n          value: instance?.value,\r\n        });\r\n      }\r\n      Array.from(el.children)\r\n        .forEach(child => {\r\n          if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\r\n        });\r\n    };\r\n    Array.from(this.host.children)\r\n      .forEach(child => {\r\n        if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\r\n      });\r\n    return descendants;\r\n  }\r\n\r\n  private async updateChildrenState(checked: boolean) {\r\n    for (const child of this.findChildren()) {\r\n      const childInstance = (child as any)['__stencil_instance'];\r\n      if (childInstance && !childInstance.disabled) {\r\n        await (child as HTMLIfxTreeViewItemElement).componentOnReady();\r\n        child.dispatchEvent(new CustomEvent('internal-check-state-change', {\r\n          detail: { checked },\r\n          bubbles: false,\r\n          composed: true\r\n        }));\r\n      }\r\n    }\r\n  }\r\n\r\n  private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\r\n    return Array.from(parent.children)\r\n      .filter((child): child is HTMLIfxTreeViewItemElement =>\r\n        child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\r\n      );\r\n  }\r\n\r\n  private updateParentState() {\r\n    const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\r\n    if (!parent) return;\r\n    setTimeout(() => {\r\n      const parentInstance = (parent as any)['__stencil_instance'] as TreeViewItem;\r\n      if (!parentInstance) return;\r\n      const siblings = this.findSiblingNodes(parent);\r\n      const { allChecked, someChecked } = this.calculateSiblingStates(siblings);\r\n      parentInstance.setNodeState({\r\n        isChecked: allChecked,\r\n        partialChecked: !allChecked && someChecked\r\n      }, false);\r\n      parentInstance.updateParentState();\r\n    }, 0);\r\n  }\r\n\r\n  private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\r\n    const states = siblings.map(sib => {\r\n      const instance = (sib as any)['__stencil_instance'] as TreeViewItem;\r\n      return { checked: instance?.isChecked, partial: instance?.partialChecked };\r\n    });\r\n    const checkedCount = states.filter(state => state.checked).length;\r\n    const partialCount = states.filter(state => state.partial).length;\r\n    return {\r\n      allChecked: states.length > 0 && checkedCount === states.length && partialCount === 0,\r\n      someChecked: checkedCount > 0 || partialCount > 0\r\n    };\r\n  }\r\n\r\n  private toggleExpand = () => {\r\n    if (this.disabled || !this.hasChildren) return;\r\n    this.expanded = !this.expanded;\r\n  };\r\n\r\n  private handleKeyDown = (event: KeyboardEvent) => {\r\n    const allItems = Array.from(\r\n      this.host.closest('ifx-tree-view')?.querySelectorAll('ifx-tree-view-item') || []\r\n    );\r\n    const visibleItems = allItems.filter(item => {\r\n      let parent = item.parentElement?.closest('ifx-tree-view-item');\r\n      while (parent) {\r\n        const parentCmp = parent as any;\r\n        if (!(parentCmp.expandAllItems || parentCmp.expanded)) return false;\r\n        parent = parent.parentElement?.closest('ifx-tree-view-item');\r\n      }\r\n      return true;\r\n    });\r\n    const currentIndex = visibleItems.findIndex(el => el === this.host);\r\n    const focusLabelIcon = (el: Element | null) =>\r\n      (el as HTMLElement | null)?.focus();\r\n\r\n    switch (event.key) {\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        for (let i = currentIndex + 1; i < visibleItems.length; i++) {\r\n          const next = visibleItems[i] as any;\r\n          if (!next.disabled) {\r\n            focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\r\n            break;\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        for (let i = currentIndex - 1; i >= 0; i--) {\r\n          const prev = visibleItems[i] as any;\r\n          if (!prev.disabled) {\r\n            focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\r\n            break;\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      case 'ArrowRight': {\r\n        event.preventDefault();\r\n        if (!this.isExpanded && this.hasChildren) {\r\n          this.expanded = true;\r\n        } else if (this.isExpanded && this.hasChildren) {\r\n          const firstChild = this.host.querySelector('ifx-tree-view-item');\r\n          if (firstChild && !(firstChild as any).disabled) {\r\n            focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      case 'ArrowLeft': {\r\n        event.preventDefault();\r\n        if (this.isExpanded && this.hasChildren) {\r\n          this.expanded = false;\r\n        } else {\r\n          const parent = this.host.parentElement?.closest('ifx-tree-view-item');\r\n          if (parent && !(parent as any).disabled) {\r\n            focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      case ' ':\r\n      case 'Enter': {\r\n        event.preventDefault();\r\n        if (this.hasChildren) {\r\n          const newCheckedState = !this.isChecked;\r\n          this.updateCheckState(newCheckedState);\r\n          const affectedItems = newCheckedState\r\n            ? this.expandOrCollapseAllDescendants(true)\r\n            : this.expandOrCollapseAllDescendants(false);\r\n          this.ifxTreeViewItemExpandChange.emit({\r\n            expanded: newCheckedState,\r\n            affectedItems,\r\n            component: this\r\n          });\r\n        } else {\r\n          this.updateCheckState(!this.isChecked);\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        class={{\r\n          'tree-item': true,\r\n          'tree-item--expanded': this.isExpanded,\r\n          'tree-item--has-children': this.hasChildren,\r\n          'tree-item--disabled': this.disabled,\r\n        }}\r\n        role=\"treeitem\"\r\n        aria-expanded={this.isExpanded ? 'true' : 'false'}\r\n        data-level={this.level}\r\n        aria-disabled={this.disabled ? 'true' : undefined}\r\n        aria-label={this.ariaLabel}\r\n      >\r\n        <div class=\"tree-item__content\">\r\n          <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\r\n            <ifx-checkbox\r\n              size='s'\r\n              checked={this.partialChecked ? false : this.isChecked}\r\n              indeterminate={this.partialChecked}\r\n              onIfxChange={this.handleCheckboxChange}\r\n              disabled={this.disabled}\r\n            />\r\n          </div>\r\n          <div\r\n            class=\"tree-item__header\"\r\n            style={{ paddingLeft: `${this.level * 24 + 10}px` }}\r\n            onClick={this.handleHeaderClick}\r\n            tabIndex={-1}\r\n            aria-disabled={this.disabled ? 'true' : undefined}\r\n          >\r\n            {this.hasChildren && (\r\n              <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\r\n                <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\r\n                          icon=\"chevron-right-16\"/>\r\n                <div class=\"tree-item__line\"/>\r\n              </div>\r\n            )}\r\n            <div\r\n              class=\"tree-item__label-icon-container\"\r\n              tabIndex={this.disabled ? -1 : 0}\r\n              onKeyDown={this.handleKeyDown}\r\n            >\r\n              <div class=\"tree-item__icon-container\">\r\n                {this.hasChildren ? (\r\n                  <Fragment>\r\n                    <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\r\n                    <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\r\n                  </Fragment>\r\n                ) : (\r\n                  <ifx-icon icon=\"file-16\"/>\r\n                )}\r\n              </div>\r\n              <span class=\"tree-item__label\"><slot/></span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.isExpanded && <div class=\"tree-item__children\"><slot name=\"children\"/></div>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-c5d6762c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s}from"./p-PqnYwNKt.js";const e=".card-image{width:100%;height:100%;vertical-align:bottom;object-fit:cover}";const o=class{constructor(s){t(this,s);this.imgPosition=i(this,"imgPosition",7)}handlePosition(t){this.imgPosition.emit(t)}componentWillLoad(){this.handlePosition(this.position)}componentDidUpdate(){this.handlePosition(this.position)}render(){return s("img",{key:"ed999c190110ba94ee2a57d0e7b3097b047cfb1f",src:this.src,alt:this.alt,class:"card-image"})}};o.style=e;export{o as ifx_card_image};
-//# sourceMappingURL=p-c5d6762c.entry.js.map

package/dist/infineon-design-system-stencil/p-c5d6762c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["cardImageCss","CardImage","handlePosition","position","this","imgPosition","emit","componentWillLoad","componentDidUpdate","render","h","key","src","alt","class"],"sources":["src/components/card/card-image/card-image.scss?tag=ifx-card-image&encapsulation=shadow","src/components/card/card-image/card-image.tsx"],"sourcesContent":[".card-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  vertical-align: bottom;\r\n  object-fit: cover;\r\n}","import { Component, h, Prop, Event, EventEmitter } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-card-image',\r\n  styleUrl: 'card-image.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class CardImage {\r\n  @Prop() src: string;\r\n  @Prop() alt: string;\r\n  @Prop() position: string;\r\n  @Event() imgPosition: EventEmitter;\r\n\r\n  handlePosition(position) {\r\n    this.imgPosition.emit(position)\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.handlePosition(this.position)\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.handlePosition(this.position)\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <img src={this.src} alt={this.alt} class=\"card-image\" />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"kDAAA,MAAMA,EAAe,6E,MCQRC,EAAS,M,kEAMpB,cAAAC,CAAeC,GACbC,KAAKC,YAAYC,KAAKH,E,CAGxB,iBAAAI,GACEH,KAAKF,eAAeE,KAAKD,S,CAG3B,kBAAAK,GACEJ,KAAKF,eAAeE,KAAKD,S,CAG3B,MAAAM,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,IAAKR,KAAKQ,IAAKC,IAAKT,KAAKS,IAAKC,MAAM,c","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-c6013ced.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","TextArea","constructor","hostRef","this","inputId","textareaId","disabled","error","required","readOnly","resize","wrap","fullWidth","reset","resetTextarea","handleComponentWidth","textareaWrapper","el","shadowRoot","querySelector","isFullWidth","toLowerCase","classList","add","contains","remove","componentDidRender","formResetCallback","handleOnInput","e","value","target","ifxInput","emit","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","render","h","Host","key","class","htmlFor","_a","label","trim","id","style","name","cols","rows","maxlength","readonly","placeholder","onInput","_b","caption"],"sources":["src/components/textarea/textarea.scss?tag=ifx-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 100%;\r\n}\r\n\r\n.wrapper__label {\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font: tokens.$ifxBodyBody03;\r\n    & .required {\r\n        margin-left: 4px;\r\n        \r\n        &.error {\r\n          color: #CD002F;\r\n        }\r\n      }\r\n}\r\n:host(.wrapper--disabled) .wrapper__label {\r\n    color: tokens.$ifxColorEngineering300;\r\n}\r\n\r\n.wrapper__textarea {\r\n    width: 100%;\r\n    &.fullWidth { \r\n        width: 100%;\r\n        & textarea { \r\n            width: 100%;\r\n            box-sizing: border-box; \r\n        }\r\n    }\r\n}\r\n\r\n.wrapper__textarea textarea {\r\n    border: 1px solid tokens.$ifxColorEngineering400;\r\n    border-radius: tokens.$ifxSpace12;\r\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\r\n    \r\n    background-color: tokens.$ifxColorBaseWhite;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font: tokens.$ifxBodyBody03;\r\n    \r\n    transition: all 100ms ease;\r\n    transition-property: border-color;\r\n\r\n    &:hover {\r\n        border: 1px solid tokens.$ifxColorEngineering500;\r\n    }\r\n    \r\n    &:focus-within {\r\n     outline: 2px solid tokens.$ifxColorOcean500;\r\n     outline-offset: 0; \r\n    }\r\n}\r\n\r\n:host(.wrapper--error) .wrapper__textarea textarea {\r\n    border: 1px solid tokens.$ifxColorRed500;\r\n}\r\n:host(.wrapper--disabled) .wrapper__textarea textarea {\r\n    border: 1px solid tokens.$ifxColorEngineering300;\r\n    background-color: tokens.$ifxColorEngineering300;\r\n\r\n    &::placeholder {\r\n        color: tokens.$ifxColorBaseWhite;\r\n    }\r\n}\r\n\r\n.wrapper__caption {\r\n    color: tokens.$ifxColorBaseBlack;\r\n    font: tokens.$ifxBodyBody05;\r\n}\r\n:host(.wrapper--error) .wrapper__caption {\r\n    color: tokens.$ifxColorRed500;\r\n}\r\n:host(.wrapper--disabled) .wrapper__caption {\r\n    color: tokens.$ifxColorEngineering300;\r\n}","import { h, AttachInternals, Component, Event, EventEmitter, Host, Method, Prop, Element } from \"@stencil/core\"\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n\t// formAssociated: true,\r\n\tshadow: true,\r\n\tstyleUrl: 'textarea.scss',\r\n\ttag: 'ifx-textarea'\r\n})\r\n\r\nexport class TextArea {\r\n\r\n\tprivate inputId: string = `ifx-textarea-${++textareaId}`;\r\n\r\n\t@AttachInternals() internals: ElementInternals;\r\n\r\n\t@Event() ifxInput: EventEmitter<String>;\r\n\t@Element() el;\r\n\t@Prop() caption: string;\r\n\t@Prop() cols: number;\r\n\t@Prop() disabled: boolean = false;\r\n\t@Prop() error: boolean = false;\r\n\t@Prop() label: string;\r\n\t@Prop() maxlength: number;\r\n\t@Prop() name: string;\r\n\t@Prop() placeholder: string;\r\n\t@Prop() required: boolean = false;\r\n\t@Prop() readOnly: boolean = false;\r\n\t@Prop() resize: 'both' | 'horizontal' | 'vertical' | 'none' = 'both';\r\n\t@Prop() rows: number;\r\n\t@Prop({ mutable: true }) value: string;\r\n\t@Prop() wrap: 'hard' | 'soft' | 'off' = 'soft';\r\n\t@Prop({ reflect: true }) fullWidth: string = \"false\";\r\n\r\n\t@Method()\r\n\tasync reset() {\r\n\t\tthis.resetTextarea();\r\n\t}\r\n\r\n\thandleComponentWidth() {\r\n\t\tconst textareaWrapper = this.el.shadowRoot.querySelector('.wrapper__textarea')\r\n\t\tconst isFullWidth = this.fullWidth.toLowerCase() === \"true\";\r\n\r\n\t\tif (isFullWidth) {\r\n\t\t\ttextareaWrapper.classList.add('fullWidth')\r\n\t\t} else if (textareaWrapper.classList.contains('fullWidth')) {\r\n\t\t\ttextareaWrapper.classList.remove('fullWidth');\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidRender() {\r\n\t\tthis.handleComponentWidth()\r\n\t}\r\n\r\n\tformResetCallback(): void {\r\n\t\tthis.resetTextarea();\r\n\t\t//this.internals.setFormValue(\"\");\r\n\t}\r\n\r\n\thandleOnInput(e: InputEvent): void {\r\n\t\tthis.value = (e.target as HTMLTextAreaElement).value;\r\n\t\t//this.internals.setFormValue(this.value);\r\n\t\tthis.ifxInput.emit(this.value);\r\n\t}\r\n\r\n\tresetTextarea() {\r\n\t\tthis.value = '';\r\n\t\t//this.internals.setValidity({});\r\n\t\t//this.internals.setFormValue('');\r\n\t}\r\n\r\n\t// componentWillLoad() {\r\n\t// \tthis.internals.setFormValue(this.value);\r\n\t// }\r\n\r\n\t\tasync componentDidLoad() { \r\n\t\tif(!isNestedInIfxComponent(this.el)) { \r\n\t\t\tconst framework = detectFramework();\r\n\t\t\ttrackComponent('ifx-textarea', await framework)\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host class={`wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled && !this.error ? 'disabled' : ''}`}>\r\n\t\t\t\t<label class='wrapper__label' htmlFor={this.inputId}>\r\n\t\t\t\t\t{this.label?.trim()}\r\n\t\t\t\t\t{this.required && (\r\n\t\t\t\t\t\t<span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div class='wrapper__textarea'>\r\n\t\t\t\t\t<textarea\r\n\t\t\t\t\t\taria-label='a textarea'\r\n\t\t\t\t\t\taria-value={this.value}\r\n\t\t\t\t\t\taria-disabled={this.disabled && !this.error}\r\n\t\t\t\t\t\tid={this.inputId}\r\n\t\t\t\t\t\tstyle={{ resize: this.resize }}\r\n\t\t\t\t\t\tname={this.name ? this.name : this.inputId}\r\n\t\t\t\t\t\tcols={this.cols}\r\n\t\t\t\t\t\trows={this.rows}\r\n\t\t\t\t\t\tmaxlength={this.maxlength}\r\n\t\t\t\t\t\twrap={this.wrap}\r\n\t\t\t\t\t\tdisabled={this.disabled && !this.error}\r\n\t\t\t\t\t\treadonly={this.readOnly}\r\n\t\t\t\t\t\tplaceholder={this.placeholder}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tonInput={(e) => this.handleOnInput(e)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{this.caption?.trim() && (\r\n\t\t\t\t\t<div class='wrapper__caption'>\r\n\t\t\t\t\t\t{this.caption.trim()}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n}\r\n\r\nlet textareaId = 0;"],"mappings":"+IAAA,MAAMA,EAAc,8vC,MCYPC,EAAQ,MAPrB,WAAAC,CAAAC,G,6MASSC,KAAAC,QAAkB,kBAAkBC,IAQpCF,KAAQG,SAAY,MACpBH,KAAKI,MAAY,MAKjBJ,KAAQK,SAAY,MACpBL,KAAQM,SAAY,MACpBN,KAAMO,OAAgD,OAGtDP,KAAIQ,KAA4B,OACfR,KAASS,UAAW,OAwF7C,CArFA,WAAMC,GACLV,KAAKW,e,CAGN,oBAAAC,GACC,MAAMC,EAAkBb,KAAKc,GAAGC,WAAWC,cAAc,sBACzD,MAAMC,EAAcjB,KAAKS,UAAUS,gBAAkB,OAErD,GAAID,EAAa,CAChBJ,EAAgBM,UAAUC,IAAI,Y,MACxB,GAAIP,EAAgBM,UAAUE,SAAS,aAAc,CAC3DR,EAAgBM,UAAUG,OAAO,Y,EAInC,kBAAAC,GACCvB,KAAKY,sB,CAGN,iBAAAY,GACCxB,KAAKW,e,CAIN,aAAAc,CAAcC,GACb1B,KAAK2B,MAASD,EAAEE,OAA+BD,MAE/C3B,KAAK6B,SAASC,KAAK9B,KAAK2B,M,CAGzB,aAAAhB,GACCX,KAAK2B,MAAQ,E,CASb,sBAAMI,GACN,IAAIC,EAAuBhC,KAAKc,IAAK,CACpC,MAAMmB,EAAYC,IAClBC,EAAe,qBAAsBF,E,EAIvC,MAAAG,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,YAAYxC,KAAKI,MAAQ,QAAU,eAAeJ,KAAKG,WAAaH,KAAKI,MAAQ,WAAa,MAC1GiC,EAAA,SAAAE,IAAA,2CAAOC,MAAM,iBAAiBC,QAASzC,KAAKC,UAC1CyC,EAAA1C,KAAK2C,SAAK,MAAAD,SAAA,SAAEA,EAAAE,OACZ5C,KAAKK,UACLgC,EAAA,QAAAE,IAAA,2CAAMC,MAAO,YAAYxC,KAAKI,MAAQ,QAAU,MAAc,MAIhEiC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACVH,EACY,YAAAE,IAAA,qEACC,aAAAvC,KAAK2B,MACF,gBAAA3B,KAAKG,WAAaH,KAAKI,MACtCyC,GAAI7C,KAAKC,QACT6C,MAAO,CAAEvC,OAAQP,KAAKO,QACtBwC,KAAM/C,KAAK+C,KAAO/C,KAAK+C,KAAO/C,KAAKC,QACnC+C,KAAMhD,KAAKgD,KACXC,KAAMjD,KAAKiD,KACXC,UAAWlD,KAAKkD,UAChB1C,KAAMR,KAAKQ,KACXL,SAAUH,KAAKG,WAAaH,KAAKI,MACjC+C,SAAUnD,KAAKM,SACf8C,YAAapD,KAAKoD,YAClBzB,MAAO3B,KAAK2B,MACZ0B,QAAU3B,GAAM1B,KAAKyB,cAAcC,QAIpC4B,EAAAtD,KAAKuD,WAAO,MAAAD,SAAA,SAAAA,EAAEV,SACdP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTxC,KAAKuD,QAAQX,Q,2BAQpB,IAAI1C,EAAa,E","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-c896414e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownCss","Dropdown","constructor","hostRef","this","placement","defaultOpen","internalIsOpen","noAppendToBody","noCloseOnOutsideClick","noCloseOnMenuClick","handleTriggerClick","openDropdown","closeDropdown","handleTriggerKeyDown","e","key","shiftKey","preventDefault","focusFirstItem","handleMenuClick","handleMenuKeyDown","items","getItemFocusables","length","i","indexOf","document","activeElement","focus","_a","click","_b","trigger","_c","handleOutsideClick","event","target","el","contains","menu","handleFocusOutside","hosts","Array","from","querySelectorAll","filter","h","getAttribute","classList","map","shadowRoot","querySelector","componentWillLoad","updateSlotContent","watchHandlerIsOpen","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","newValue","oldValue","watchHandlerDisabled","disabled","watchHandlerSlot","first","newTrigger","removeEventListener","addEventListener","newMenu","remove","body","append","menuClickHandler","disconnectedCallback","popperInstance","destroy","isOpen","ifxClose","emit","createPopper","ifxOpen","render","class"],"sources":["src/components/dropdown/dropdown.scss?tag=ifx-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n    display: inline-block;\r\n}","import { Component, Prop, h, Element, Listen, Method, Watch, State, EventEmitter, Event } from \"@stencil/core\";\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport { createPopper } from '@popperjs/core';\r\n \r\n\r\nimport { IOpenable } from './IOpenable';\r\n\r\nexport type Placement =\r\n  | 'auto'\r\n  | 'auto-start'\r\n  | 'auto-end'\r\n  | 'top'\r\n  | 'top-start'\r\n  | 'top-end'\r\n  | 'bottom'\r\n  | 'bottom-start'\r\n  | 'bottom-end'\r\n  | 'right'\r\n  | 'right-start'\r\n  | 'right-end'\r\n  | 'left'\r\n  | 'left-start'\r\n  | 'left-end';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown',\r\n  styleUrl: 'dropdown.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class Dropdown {\r\n  @Prop() placement: Placement = 'bottom-start';\r\n  @Prop() defaultOpen: boolean = false;\r\n  @State() internalIsOpen: boolean = false;\r\n  @Prop() noAppendToBody: boolean = false;\r\n  @Event() ifxOpen: EventEmitter;\r\n  @Event() ifxClose: EventEmitter;\r\n  @Event() ifxDropdown: EventEmitter;\r\n  @Prop() disabled: boolean;\r\n  @Prop() noCloseOnOutsideClick: boolean = false;\r\n  @Prop() noCloseOnMenuClick: boolean = false;\r\n  @Element() el;\r\n  @State() trigger: HTMLElement;\r\n  @State() menu: HTMLElement\r\n  // Popper instance for positioning\r\n  popperInstance: any;\r\n\r\n  @Listen('mousedown', { target: 'document' })\r\n  handleOutsideClick(event: MouseEvent) {\r\n    const target = event.target as HTMLElement;\r\n\r\n    if (!this.noCloseOnOutsideClick && !this.el.contains(target) && !this.menu.contains(target)) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  @Listen('focusin', { target: 'document' })\r\n  handleFocusOutside(event: FocusEvent) {\r\n    const target = event.target as HTMLElement;\r\n    if (\r\n      this.internalIsOpen &&\r\n      !this.el.contains(target) &&\r\n      !this.menu.contains(target)\r\n    ) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  private handleTriggerClick = () => {\r\n    if (!this.internalIsOpen) this.openDropdown();\r\n    else this.closeDropdown();\r\n  };\r\n\r\n  private handleTriggerKeyDown = (e: KeyboardEvent) => {\r\n    const key = e.key;\r\n    if (key === 'Tab' && this.internalIsOpen && !e.shiftKey) {\r\n      e.preventDefault();\r\n      this.focusFirstItem();\r\n    }\r\n  };\r\n\r\n  private handleMenuClick = () => {\r\n  if (!this.noCloseOnMenuClick) this.closeDropdown();\r\n};\r\n\r\n\r\nprivate getItemFocusables(): HTMLElement[] {\r\n  if (!this.menu) return [];\r\n  const hosts = Array.from(this.menu.querySelectorAll('ifx-dropdown-item')) as HTMLElement[];\r\n  return hosts\r\n    .filter(h => !(h.getAttribute('hide') === 'true' || h.classList.contains('hide')))\r\n    .map(h => h.shadowRoot?.querySelector('a') as HTMLElement | null)\r\n    .filter((el): el is HTMLElement => !!el);\r\n}\r\n\r\nprivate handleMenuKeyDown = (e: KeyboardEvent) => {\r\n const items = this.getItemFocusables();\r\n  if (!items.length) return;\r\n\r\n  const i = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n  switch (e.key) {\r\n    case 'ArrowDown':\r\n      e.preventDefault();\r\n      items[(i + 1) % items.length].focus();\r\n      break;\r\n    case 'ArrowUp':\r\n      e.preventDefault();\r\n      items[(i - 1 + items.length) % items.length].focus();\r\n      break;\r\n    case 'Home':\r\n      e.preventDefault();\r\n      items[0].focus();\r\n      break;\r\n    case 'End':\r\n      e.preventDefault();\r\n      items[items.length - 1].focus();\r\n      break;\r\n    case 'Enter':\r\n    case ' ':\r\n    case 'Spacebar':\r\n      e.preventDefault();\r\n      (document.activeElement as HTMLElement)?.click();\r\n      break;\r\n    case 'Escape':\r\n      e.preventDefault();\r\n      this.closeDropdown();\r\n      (this.trigger as HTMLElement)?.focus();\r\n      break;\r\n    case 'Tab':\r\n      if (e.shiftKey && i === 0) {\r\n        e.preventDefault();\r\n        this.closeDropdown();\r\n        (this.trigger as HTMLElement)?.focus();\r\n      }\r\n      break;\r\n  }\r\n};\r\n\r\n  componentWillLoad() {\r\n    //maybe not needed\r\n    this.updateSlotContent();\r\n    this.watchHandlerIsOpen(this.defaultOpen, this.internalIsOpen);\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-dropdown', await framework)\r\n    }\r\n  }\r\n\r\n  @Watch('defaultOpen')\r\n  watchHandlerIsOpen(newValue: boolean, oldValue: boolean) {\r\n    if (newValue !== oldValue && newValue !== this.internalIsOpen) {\r\n      if (newValue) {\r\n        this.openDropdown();\r\n      } else {\r\n        this.closeDropdown();\r\n      }\r\n    }\r\n  }\r\n\r\n  @Watch('disabled')\r\n  watchHandlerDisabled(newValue: boolean) {\r\n    if (this.trigger) {\r\n      (this.trigger as undefined as HTMLIfxDropdownTriggerButtonElement).disabled = newValue;\r\n    }\r\n  }\r\n\r\n  @Listen('slotchange')\r\n  watchHandlerSlot() {\r\n    this.updateSlotContent();\r\n  }\r\n\r\nprivate focusFirstItem() {\r\n  const [first] = this.getItemFocusables();\r\n  first?.focus();\r\n}\r\n\r\n\r\n  updateSlotContent() {\r\n   const newTrigger = this.el.querySelector('ifx-dropdown-trigger-button, ifx-dropdown-trigger') as HTMLElement | null;\r\n\r\n    if (newTrigger !== this.trigger) {\r\n      if (this.trigger) {\r\n        this.trigger.removeEventListener('click', this.handleTriggerClick);\r\n        this.trigger.removeEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n      this.trigger = newTrigger!;\r\n      if (this.trigger) {\r\n        (this.trigger as any).disabled = this.disabled;\r\n        this.trigger.addEventListener('click', this.handleTriggerClick);\r\n        this.trigger.addEventListener('keydown', this.handleTriggerKeyDown);\r\n      }\r\n    }\r\n\r\n  const newMenu = this.el.querySelector('ifx-dropdown-menu') as HTMLElement | null;\r\n\r\n  if (!this.noAppendToBody) {\r\n    if (this.menu && this.menu !== newMenu) {\r\n      this.menu.removeEventListener('click', this.handleMenuClick);\r\n      this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n      this.menu.remove();\r\n    }\r\n    this.menu = newMenu!;\r\n    if (this.menu && !document.body.contains(this.menu)) {\r\n      document.body.append(this.menu);\r\n    }\r\n  } else {\r\n    this.menu = newMenu!;\r\n  }\r\n\r\n  if (this.menu) {\r\n    this.menu.removeEventListener('click', this.handleMenuClick);\r\n    this.menu.removeEventListener('keydown', this.handleMenuKeyDown);\r\n    this.menu.addEventListener('click', this.handleMenuClick);\r\n    this.menu.addEventListener('keydown', this.handleMenuKeyDown);\r\n  }\r\n  }\r\n\r\n  menuClickHandler() {\r\n    if (!this.noCloseOnMenuClick) {\r\n      this.closeDropdown();\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n\r\n    if (this.menu) {\r\n      this.menu.remove();\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async isOpen() {\r\n    return this.internalIsOpen;\r\n  }\r\n\r\n  @Method()\r\n  async closeDropdown() {\r\n    if (this.internalIsOpen) {\r\n      this.internalIsOpen = false;\r\n    \r\n      (this.trigger as unknown as IOpenable).isOpen = false;\r\n      (this.menu as unknown as IOpenable).isOpen = false;\r\n   \r\n      this.ifxClose.emit();\r\n    }\r\n \r\n    if (this.popperInstance) {\r\n      this.popperInstance.destroy();\r\n      this.popperInstance = null;\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async openDropdown() {\r\n    if (!this.internalIsOpen && !this.disabled) {\r\n      this.internalIsOpen = true;\r\n      (this.trigger as any).isOpen = true;\r\n      (this.menu as any).isOpen = true;\r\n      this.popperInstance = createPopper(this.el, this.menu, { placement: this.placement });\r\n      this.ifxOpen.emit();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div aria-label='dropdown menu' class='dropdown'>\r\n        <slot />\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-c8a488bb.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["segmentedControlCss","SegmentedControl","constructor","hostRef","this","caption","label","size","required","error","selectedValue","onSegmentSelect","event","previousValue","unselectPreviousSegment","detail","ifxChange","emit","newSelectedIndex","segments","getSegments","forEach","control","selected","segmentIndex","value","querySelectorAll","setActiveSegment","activeSegmentedControlFound","idx","setSegmentSize","shadowRoot","querySelector","classList","add","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","render","h","key","class","trim","toLowerCase","icon","componentDidRender"],"sources":["src/components/segmented-control/segmented-control.scss?tag=ifx-segmented-control&encapsulation=shadow","src/components/segmented-control/segmented-control.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.group {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n}\r\n\r\n.group__label {\r\n    font-size: tokens.$ifxFontSizeM;\r\n    color: tokens.$ifxColorBaseBlack;\r\n    line-height: tokens.$ifxLineHeightM;\r\n    font-weight: tokens.$ifxFontWeightRegular;\r\n    \r\n    &:empty {\r\n        display: none;\r\n    }\r\n\r\n    & .required {\r\n        color: tokens.$ifxColorEngineering500;\r\n        margin-left: tokens.$ifxSpace50;\r\n\r\n        &.error {\r\n            color: tokens.$ifxColorRed500;\r\n        }\r\n    }\r\n}\r\n\r\n.group__controls {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.group__controls ::slotted(*) {\r\n    margin-left: -1px;\r\n    margin-top: -1px;\r\n}\r\n\r\n.group__caption {\r\n    margin-top: tokens.$ifxSpace50;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace100;\r\n    font-weight: tokens.$ifxFontWeightRegular;\r\n    font-size: tokens.$ifxFontSizeXs;\r\n    line-height: tokens.$ifxLineHeightXs;\r\n\r\n    &.error {\r\n            color: tokens.$ifxColorRed500;\r\n        }\r\n}\r\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop } from \"@stencil/core\";\r\nimport { trackComponent } from '../../global/utils/tracking'; \r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component ({\r\n    tag: 'ifx-segmented-control',\r\n    styleUrl: 'segmented-control.scss',\r\n    shadow: true\r\n})\r\n\r\nexport class SegmentedControl {\r\n    @Element() SegmentedControl: HTMLIfxSegmentedControlElement;\r\n\r\n    @Event() ifxChange: EventEmitter<{ previousValue: string, selectedValue: string }>;\r\n\r\n    @Prop() caption: string = '';\r\n    @Prop() label: string = '';\r\n    @Prop() size: 'regular' | 'small' = 'regular';\r\n    @Prop() required: boolean = false;\r\n    @Prop() error: boolean = false;\r\n\r\n\r\n    @Listen('segmentSelect')\r\n    onSegmentSelect(event: CustomEvent) {\r\n        const { previousValue, selectedValue } = this.unselectPreviousSegment(event.detail);\r\n        this.selectedValue = selectedValue;\r\n        this.ifxChange.emit({ previousValue, selectedValue });\r\n    }\r\n\r\n    private selectedValue: string = '';\r\n\r\n    unselectPreviousSegment(newSelectedIndex: number): { previousValue: string, selectedValue: string } {\r\n        let previousValue: string;\r\n        let selectedValue: string;\r\n\r\n        const segments: NodeList = this.getSegments();\r\n        segments.forEach((control: HTMLIfxSegmentElement) => {\r\n            if (control.selected) {\r\n                if (control.segmentIndex !== newSelectedIndex) {\r\n                    control.selected = false;\r\n                    previousValue = control.value;\r\n                } else {\r\n                    selectedValue = control.value;\r\n                }\r\n            }\r\n        })\r\n\r\n        return { previousValue, selectedValue };\r\n    }\r\n\r\n    getSegments(): NodeList {\r\n        return this.SegmentedControl.querySelectorAll('ifx-segment');\r\n    }\r\n\r\n    setActiveSegment(): void {\r\n        const segments: NodeList = this.getSegments();\r\n        let activeSegmentedControlFound = false;\r\n        segments.forEach((control: HTMLIfxSegmentElement, idx: number) => {\r\n            control.segmentIndex = idx;\r\n            if (activeSegmentedControlFound) {\r\n                if (control.selected) control.selected = false;\r\n            } else {\r\n                if (control.selected) {\r\n                    activeSegmentedControlFound = true;\r\n                    this.selectedValue = control.value;\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    setSegmentSize(): void {\r\n        const segments: NodeList = this.getSegments();\r\n        segments.forEach((control: HTMLIfxSegmentElement) => {\r\n            control.shadowRoot.querySelector('.segment').classList.add(`segment--${this.size}`);\r\n        });\r\n    }\r\n\r\n    async componentDidLoad() {\r\n        if(!isNestedInIfxComponent(this.SegmentedControl)) { \r\n            const framework = detectFramework();\r\n            trackComponent('ifx-segmented-control', await framework)\r\n        }\r\n        this.setActiveSegment();\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div aria-value={this.selectedValue} aria-label='segmented control' class=\"group\">\r\n                <div class='group__label'>\r\n                    { this.label.trim() }\r\n                    { this.required && this.label.trim().toLowerCase() !== \"\" && <span class={`required ${this.error ? 'error' : ''}`}>*</span> }\r\n                </div>\r\n                \r\n                <div class='group__controls'>\r\n                    <slot />\r\n                </div>\r\n                \r\n                {\r\n                    this.caption.trim() &&\r\n                    <div class={`group__caption ${this.error ? 'error' : ''}`}>\r\n                        <ifx-icon icon='c-info-16'></ifx-icon> { this.caption.trim() }\r\n                    </div>\r\n                }\r\n            </div>\r\n        );\r\n    }\r\n\r\n    componentDidRender() {\r\n        this.setSegmentSize();\r\n    }\r\n}"],"mappings":"wIAAA,MAAMA,EAAsB,mmB,MCWfC,EAAgB,MAN7B,WAAAC,CAAAC,G,+CAWYC,KAAOC,QAAW,GAClBD,KAAKE,MAAW,GAChBF,KAAIG,KAAwB,UAC5BH,KAAQI,SAAY,MACpBJ,KAAKK,MAAY,MAUjBL,KAAaM,cAAW,EAiFnC,CAvFG,eAAAC,CAAgBC,GACZ,MAAMC,cAAEA,EAAaH,cAAEA,GAAkBN,KAAKU,wBAAwBF,EAAMG,QAC5EX,KAAKM,cAAgBA,EACrBN,KAAKY,UAAUC,KAAK,CAAEJ,gBAAeH,iB,CAKzC,uBAAAI,CAAwBI,GACpB,IAAIL,EACJ,IAAIH,EAEJ,MAAMS,EAAqBf,KAAKgB,cAChCD,EAASE,SAASC,IACd,GAAIA,EAAQC,SAAU,CAClB,GAAID,EAAQE,eAAiBN,EAAkB,CAC3CI,EAAQC,SAAW,MACnBV,EAAgBS,EAAQG,K,KACrB,CACHf,EAAgBY,EAAQG,K,MAKpC,MAAO,CAAEZ,gBAAeH,gB,CAG5B,WAAAU,GACI,OAAOhB,KAAKH,iBAAiByB,iBAAiB,c,CAGlD,gBAAAC,GACI,MAAMR,EAAqBf,KAAKgB,cAChC,IAAIQ,EAA8B,MAClCT,EAASE,SAAQ,CAACC,EAAgCO,KAC9CP,EAAQE,aAAeK,EACvB,GAAID,EAA6B,CAC7B,GAAIN,EAAQC,SAAUD,EAAQC,SAAW,K,KACtC,CACH,GAAID,EAAQC,SAAU,CAClBK,EAA8B,KAC9BxB,KAAKM,cAAgBY,EAAQG,K,MAM7C,cAAAK,GACI,MAAMX,EAAqBf,KAAKgB,cAChCD,EAASE,SAASC,IACdA,EAAQS,WAAWC,cAAc,YAAYC,UAAUC,IAAI,YAAY9B,KAAKG,OAAO,G,CAI3F,sBAAM4B,GACF,IAAIC,EAAuBhC,KAAKH,kBAAmB,CAC/C,MAAMoC,EAAYC,IAClBC,EAAe,8BAA+BF,E,CAElDjC,KAAKuB,kB,CAGT,MAAAa,GACI,OACIC,EAAiB,OAAAC,IAAA,wDAAAtC,KAAKM,cAAa,aAAa,oBAAoBiC,MAAM,SACtEF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,gBACLvC,KAAKE,MAAMsC,OACXxC,KAAKI,UAAYJ,KAAKE,MAAMsC,OAAOC,gBAAkB,IAAMJ,EAAA,QAAAC,IAAA,2CAAMC,MAAO,YAAYvC,KAAKK,MAAQ,QAAU,MAAI,MAGrHgC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,mBACPF,EAAA,QAAAC,IAAA,8CAIAtC,KAAKC,QAAQuC,QACbH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,kBAAkBvC,KAAKK,MAAQ,QAAU,MACjDgC,EAAU,YAAAC,IAAA,2CAAAI,KAAK,cAAuB,IAAG1C,KAAKC,QAAQuC,Q,CAO1E,kBAAAG,GACI3C,KAAK0B,gB","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-cc748b24.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ButtonCellRenderer","init","params","this","createButton","getGui","eGui","refresh","updateButton","config","data","colDef","field","options","cellRendererParams","document","createElement","eButton","hasRequiredKeys","setButtonAttributes","appendChild","attachEventListener","textContent","String","detachEventListener","setAttribute","disabled","toString","variant","theme","type","size","fullWidth","target","href","text","eventListener","event","onButtonClick","addEventListener","removeEventListener","CheckboxCellRenderer","createCheckbox","updateCheckbox","style","display","alignItems","justifyContent","eCheckbox","setCheckboxAttributes","error","checked","indeterminate","onCheckboxClick","CheckboxHeaderRenderer","createHeader","Object","assign","detail","onSelectAll","IconButtonCellRenderer","createIconButton","updateIconButton","eIconButton","setIconButtonAttributes","shape","icon","onIconButtonClick","LinkCellRenderer","createLink","updateLink","_a","_b","value","_c","eLink","setLinkAttributes","download","StatusCellRenderer","render","cfg","el","label","color","border","CustomNoRowsOverlay","innerHTML","noRowsMessageFunc","_params","CustomLoadingOverlay","tableCss","Table","constructor","hostRef","currentPage","rowData","colData","filterOptions","currentFilters","allRowData","rowHeight","tableHeight","pagination","paginationPageSize","filterOrientation","headline","showSidebarFilters","matchingResultsCount","serverSidePagination","enableSelection","selectedRows","Set","selectAll","showLoading","originalRowData","internalItemsPerPage","JSON","stringify","selected","handleSelectAll","map","row","__rowId","updateCheckboxStates","updateHeaderCheckboxState","emitSelectionChange","handleRowCheckboxClick","clickedRowData","rowId","newSelectedRows","has","delete","add","length","rowsChanged","_newVal","parsed","parseArrayInput","rows","forEach","index","Date","now","Math","random","__checkbox","updateTableView","updateFilterOptions","colsChanged","getColData","gridApi","setGridOption","sizeColumnsToFit","defaultMinWidth","handleResultsPerPageChange","e","Number","handleChipChange","name","currentSelection","previousSelection","updatedFilters","customEvent","CustomEvent","filterName","bubbles","composed","host","dispatchEvent","filterValues","selection","applyAllFilters","onButtonRendererOptionsChanged","setColumnDefs","onIconButtonRendererOptionsChanged","onCheckboxRendererOptionsChanged","input","parse","Array","isArray","console","toggleSidebarFilters","col","setTimeout","headerCheckbox","container","querySelector","allSelected","someSelected","handleSidebarFilterChange","filterGroups","filterGroup","filterGroupName","selectedItems","item","handleTopbarFilterChange","filters","filter","filterInfo","selectedValues","toLowerCase","textFilterMatched","property","hasOwnProperty","rowValue","some","filterValue","startsWith","includesUndefined","includes","serverPageChangeHandler","total","page","pageSize","paginationElement","shadowRoot","startIndex","endIndex","visibleRowData","slice","clearAllFilters","onBtShowLoading","showLoadingOverlay","setPaginationItemsPerPage","newItemsPerPage","paginationItemsPerPage","itemsPerPageArray","selectedOption","find","option","componentWillLoad","uniqueKey","floor","getRowData","gridOptions","suppressCellFocus","headerHeight","components","checkboxCellRenderer","checkboxHeaderRenderer","customLoadingOverlay","customNoRowsOverlay","defaultColDef","resizable","autoHeight","suppressDragLeaveHidesColumns","enableCellTextSelection","onFirstDataRendered","bind","columnDefs","loadingOverlayComponent","noRowsOverlayComponent","noRowsOverlayComponentParams","icons","sortAscending","sortDescending","sortUnSort","rowDragManaged","dndSource","animateRows","navigateToNextCell","focusCellIfContainingButton","api","nextCellPosition","tabToNextCell","cellPosition","column","getColDef","rowNode","getDisplayedRowAtIndex","rowIndex","cellRenderers","getCellRendererInstances","rowNodes","columns","renderedContent","button","focusableChild","focus","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","createGrid","handlePageChange","sidebarFilterElements","querySelectorAll","sidebarFilterElement","topbarFilterElements","topbarFilterElement","componentWillUnmount","sidebarFilters","sidebarFilter","topbarFilters","topbarFilter","isJSONParseable","str","undefined","refreshCells","force","selectedRowsData","from","r","__rest","selectedCount","isSelectAll","cols","checkboxColumn","headerName","width","pinned","cellRenderer","headerComponent","headerComponentParams","sortable","valueFormatter","cellDataType","unshift","buttonRendererOptions","checkboxRendererOptions","_d","iconButtonRendererOptions","handleResetButtonClick","resetEvent","window","disconnectedCallback","resetButton","getTableClassNames","classNames","height","filterClass","h","Host","key","class","onClick","keys","isMultiSelect","placeholder","readOnly","id","ref","hasButtonCol","onDragOver","dragSupported","dataTransfer","dropEffect","preventDefault","onDrop","jsonData","getData","eJsonRow","classList","innerText","eJsonDisplay"],"sources":["src/components/table-advanced-version/buttonCellRenderer.ts","src/components/table-advanced-version/checkboxCellRenderer.ts","src/components/table-advanced-version/checkboxHeaderRenderer.ts","src/components/table-advanced-version/iconButtonCellRenderer.ts","src/components/table-advanced-version/linkCellRenderer.ts","src/components/table-advanced-version/statusCellRenderer.ts","src/components/table-advanced-version/customNoRowsOverlay.ts","src/components/table-advanced-version/customLoadingOverlay.ts","src/components/table-advanced-version/table.scss?tag=ifx-table&encapsulation=shadow","src/components/table-advanced-version/table.tsx"],"sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { ButtonInterface } from './interfaces';\r\n\r\nexport class ButtonCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eButton!: HTMLElement;  // Change to a generic HTMLElement to accommodate custom elements\r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createButton(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateButton(params);\r\n    return true;\r\n  }\r\n\r\n  private createButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    this.eGui = document.createElement('div');\r\n    this.eButton = document.createElement('ifx-button') as HTMLElement;\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setButtonAttributes(config);\r\n      this.eGui.appendChild(this.eButton);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setButtonAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setButtonAttributes(config: ButtonInterface) {\r\n    this.eButton.setAttribute('disabled', config.disabled.toString());\r\n    this.eButton.setAttribute('variant', config.variant);\r\n    this.eButton.setAttribute('theme', config.theme);\r\n    this.eButton.setAttribute('type', config.type);\r\n    this.eButton.setAttribute('size', config.size);\r\n    this.eButton.setAttribute('full-width', config.fullWidth.toString());\r\n    this.eButton.setAttribute('target', config.target);\r\n    this.eButton.setAttribute('href', config.href);\r\n    this.eButton.textContent = config.text;\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onButtonClick) {\r\n        options.onButtonClick(params, event);\r\n      }\r\n    };\r\n    this.eButton.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eButton.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: ButtonInterface): boolean {\r\n    return config && config.text !== '' && config.variant !== '' && config.size !== '' && config.type !== '';\r\n  }\r\n}\r\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { CheckboxInterface } from './interfaces';\r\n\r\nexport class CheckboxCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eCheckbox!: HTMLElement;\r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createCheckbox(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateCheckbox(params);\r\n    return true;\r\n  }\r\n\r\n  private createCheckbox(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.style.display = 'flex';\r\n    this.eGui.style.alignItems = 'center';\r\n    this.eGui.style.justifyContent = 'center';\r\n    this.eCheckbox = document.createElement('ifx-checkbox') as HTMLElement;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setCheckboxAttributes(config);\r\n      this.eGui.appendChild(this.eCheckbox);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : 'No checkbox data';\r\n    }\r\n  }\r\n\r\n  private updateCheckbox(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setCheckboxAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setCheckboxAttributes(config: CheckboxInterface) {\r\n    this.eCheckbox.setAttribute('disabled', config.disabled.toString());\r\n    this.eCheckbox.setAttribute('error', config.error.toString());\r\n    this.eCheckbox.setAttribute('size', config.size);\r\n    this.eCheckbox.setAttribute('checked', config.checked.toString());\r\n    this.eCheckbox.setAttribute('indeterminate', config.indeterminate.toString());\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onCheckboxClick) {\r\n        options.onCheckboxClick(params, event);\r\n      }\r\n    };\r\n    this.eCheckbox.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eCheckbox.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: CheckboxInterface): boolean {\r\n    return config && config.size !== '';\r\n  }\r\n}\r\n","import { IHeaderComp, IHeaderParams } from 'ag-grid-community';\r\n\r\nexport class CheckboxHeaderRenderer implements IHeaderComp {\r\n  eGui!: HTMLDivElement;\r\n  eCheckbox!: HTMLElement;\r\n  params!: IHeaderParams & { onSelectAll?: (checked: boolean) => void };\r\n\r\n  init(params: IHeaderParams & { onSelectAll?: (checked: boolean) => void }) {\r\n    this.params = params;\r\n    this.createHeader();\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: IHeaderParams): boolean {\r\n    this.params = { ...this.params, ...params };\r\n    return true;\r\n  }\r\n\r\n  private createHeader() {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.style.display = 'flex';\r\n    this.eGui.style.alignItems = 'center';\r\n    this.eGui.style.justifyContent = 'center';\r\n\r\n    this.eCheckbox = document.createElement('ifx-checkbox');\r\n    this.eCheckbox.setAttribute('size', 's');\r\n    this.eCheckbox.setAttribute('checked', 'false');\r\n\r\n    this.eCheckbox.addEventListener('ifxChange', (event: any) => {\r\n      const checked = event.detail;\r\n      if (this.params.onSelectAll) {\r\n        this.params.onSelectAll(checked);\r\n      }\r\n    });\r\n\r\n    this.eGui.appendChild(this.eCheckbox);\r\n  }\r\n}\r\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { IconButtonInterface } from './interfaces';\r\n\r\nexport class IconButtonCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eIconButton!: HTMLElement; \r\n  eventListener!: (event: Event) => void;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createIconButton(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateIconButton(params);\r\n    return true;\r\n  }\r\n\r\n  private createIconButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    this.eGui = document.createElement('div');\r\n    this.eIconButton = document.createElement('ifx-icon-button') as HTMLElement;\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setIconButtonAttributes(config);\r\n      this.eGui.appendChild(this.eIconButton);\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateIconButton(params: ICellRendererParams) {\r\n    const config = params.data[params.colDef.field];\r\n    const options = params.colDef.cellRendererParams || {};\r\n    \r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setIconButtonAttributes(config);\r\n      this.detachEventListener();\r\n      this.attachEventListener(options, params);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setIconButtonAttributes(config: IconButtonInterface) {\r\n    this.eIconButton.setAttribute('disabled', config.disabled.toString());\r\n    this.eIconButton.setAttribute('variant', config.variant);\r\n    this.eIconButton.setAttribute('shape', config.shape);\r\n    this.eIconButton.setAttribute('size', config.size);\r\n    this.eIconButton.setAttribute('target', config.target);\r\n    this.eIconButton.setAttribute('href', config.href);\r\n    this.eIconButton.setAttribute('icon', config.icon);\r\n  }\r\n\r\n  private attachEventListener(options: any, params: ICellRendererParams) {\r\n    this.eventListener = (event: Event) => {\r\n      if (options.onIconButtonClick) {\r\n        options.onIconButtonClick(params, event);\r\n      }\r\n    };\r\n    this.eIconButton.addEventListener('click', this.eventListener);\r\n  }\r\n\r\n  private detachEventListener() {\r\n    if (this.eventListener) {\r\n      this.eIconButton.removeEventListener('click', this.eventListener);\r\n    }\r\n  }\r\n\r\n  private hasRequiredKeys(config: IconButtonInterface): boolean {\r\n    return config && config.variant !== '' && config.size !== '' && config.shape !== '';\r\n  }\r\n}\r\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\nimport { LinkInterface } from './interfaces';\r\n\r\nexport class LinkCellRenderer implements ICellRendererComp {\r\n  eGui!: HTMLDivElement;\r\n  eLink!: HTMLElement;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.createLink(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.updateLink(params);\r\n    return true;\r\n  }\r\n\r\n  private createLink(params: ICellRendererParams) {\r\n    const field = params.colDef?.field as string | undefined;\r\n    const config = (params.value ?? params.data?.[field]) as any;\r\n\r\n    this.eGui = document.createElement('div');\r\n    this.eLink = document.createElement('ifx-link') as HTMLElement;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setLinkAttributes(config);\r\n      this.eGui.appendChild(this.eLink);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private updateLink(params: ICellRendererParams) {\r\n    const field = params.colDef?.field as string | undefined;\r\n    const config = (params.value ?? params.data?.[field]) as any;\r\n\r\n    if (this.hasRequiredKeys(config)) {\r\n      this.setLinkAttributes(config);\r\n    } else {\r\n      this.eGui.textContent = config ? String(config) : '';\r\n    }\r\n  }\r\n\r\n  private setLinkAttributes(config: LinkInterface) {\r\n    this.eLink.setAttribute('disabled', config.disabled?.toString());\r\n    this.eLink.setAttribute('variant', config.variant);\r\n    this.eLink.setAttribute('size', config.size);\r\n    this.eLink.setAttribute('target', config.target);\r\n    this.eLink.setAttribute('href', config.href);\r\n    if (config.download) this.eLink.setAttribute('download', config.download);\r\n    this.eLink.textContent = config.text || '';\r\n  }\r\n\r\n  private hasRequiredKeys(config: LinkInterface): boolean {\r\n    return !!(\r\n      config &&\r\n      config.text &&\r\n      config.variant &&\r\n      config.size\r\n    );\r\n  }\r\n}\r\n","// statusCellRenderer.ts\r\nimport { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\ntype StatusConfig = {\r\n  label: string;\r\n  color?: string;\r\n  border?: boolean;\r\n};\r\n\r\nexport class StatusCellRenderer implements ICellRendererComp {\r\n  private eGui!: HTMLDivElement;\r\n\r\n  init(params: ICellRendererParams) {\r\n    this.eGui = document.createElement('div');\r\n    this.render(params);\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(params: ICellRendererParams) {\r\n    this.render(params);\r\n    return true;\r\n  }\r\n\r\nprivate render(params: ICellRendererParams) {\r\n  const field = params.colDef?.field as string | undefined;\r\n  const cfg = (params.value ?? params.data?.[field]) as StatusConfig | string | undefined;\r\n\r\n  this.eGui.textContent = '';\r\n\r\n  if (cfg && typeof cfg === 'object' && 'label' in cfg) {\r\n    const el = document.createElement('ifx-status') as any;\r\n    el.label = cfg.label;\r\n    if (cfg.color != null) el.color = cfg.color;\r\n    el.border = !!(cfg as StatusConfig).border;\r\n    this.eGui.appendChild(el);\r\n  } else if (cfg != null) {\r\n    this.eGui.textContent = String(cfg);\r\n  }\r\n}\r\n}\r\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomNoRowsOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `\r\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\r\n               ${params.noRowsMessageFunc()}\r\n            </div>\r\n        `;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\r\n\r\nexport class CustomLoadingOverlay implements ICellRendererComp {\r\n  eGui!: HTMLElement;\r\n\r\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\r\n    this.eGui = document.createElement('div');\r\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\r\n<ifx-spinner></ifx-spinner>\r\n            </div>`;\r\n  }\r\n\r\n  getGui() {\r\n    return this.eGui;\r\n  }\r\n\r\n  refresh(_params: ICellRendererParams): boolean {\r\n    return false;\r\n  }\r\n}","@use '~@infineon/design-system-tokens/dist/tokens';\r\n@use '../../global/font.scss';\r\n\r\n@import '~ag-grid-community/styles/ag-grid.css';\r\n\r\n.zebra {\r\n  & .ag-row-odd {\r\n    background-color: tokens.$ifxColorEngineering100 !important;\r\n  }\r\n\r\n  & .ag-row {\r\n    border-bottom: none !important;\r\n  }\r\n}\r\n\r\n.ag-header-viewport {\r\n  background-color: tokens.$ifxColorEngineering200 !important;\r\n}\r\n\r\n.table-container {\r\n  display: block;\r\n}\r\n\r\n.sidebar-btn {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.sidebar-container {\r\n  margin-right: 24px;\r\n}\r\n\r\n.sidebar-layout {\r\n  display: flex;\r\n  flex-direction: row;\r\n}\r\n\r\n.topbar-layout {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.table-pagination-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  width: 100%;\r\n\r\n  & .pagination-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n  }\r\n}\r\n\r\n#table-wrapper {\r\n  flex: 1;\r\n  padding-bottom: tokens.$ifxSpace100;\r\n  overflow-x: auto;\r\n  width: 100%;\r\n}\r\n\r\n.table-wrapper {\r\n  overflow-x: auto;\r\n  width: 100%;\r\n}\r\n\r\n.ag-horizontal-left-spacer {\r\n  display: none;\r\n}\r\n\r\n.table-wrapper .ag-root-wrapper-body {\r\n  height: auto !important;\r\n  min-height: 100px !important;\r\n  min-width: 100px;\r\n}\r\n\r\n.filter-chips {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: tokens.$ifxSpace100;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.filter-chips > ifx-button {\r\n  margin-left: -8px;\r\n}\r\n\r\n.set-filter-wrapper-sidebar {\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: tokens.$ifxSpace100;\r\n}\r\n\r\n.set-filter-wrapper-topbar {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  flex-direction: row;\r\n  margin-bottom: tokens.$ifxSpace100;\r\n  background: tokens.$ifxColorEngineering100;\r\n  padding-top: 32px;\r\n  padding-bottom: 32px;\r\n  gap: 24px;\r\n}\r\n\r\n.headline-wrapper {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 15px 0px;\r\n}\r\n\r\n.inner-buttons-wrapper {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.ifx-ag-grid {\r\n  display: grid;\r\n  height: 100%;\r\n  width: 100%;\r\n  min-width: 100px;\r\n  overflow-x: auto;\r\n}\r\n\r\n.ifx-ag-grid .ag-header-cell::after {\r\n  outline: none !important;\r\n  border: none !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n.ifx-ag-grid .ag-header-cell:focus {\r\n  outline: none !important;\r\n}\r\n\r\n.ifx-ag-grid *:not(.ag-header-cell):focus {\r\n  outline: none;\r\n}\r\n\r\n.ifx-ag-grid .ag-header-cell:not(:last-child)::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: calc(50% - 12px);\r\n  height: 24px;\r\n  width: 1px;\r\n  background-color: tokens.$ifxColorEngineering300;\r\n}\r\n\r\n.ag-pinned-left-header {\r\n  background-color: tokens.$ifxColorEngineering200;\r\n  min-width: 50px !important;\r\n  max-width: 50px !important;\r\n  width: 50px !important;\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: calc(50% - 12px);\r\n    height: 24px;\r\n    width: 1px;\r\n    background-color: tokens.$ifxColorEngineering300;\r\n  }\r\n}\r\n\r\n.ag-header-row {\r\n  width: 50px !important;\r\n}\r\n\r\n.ag-pinned-left-cols-container {\r\n  width: 50px !important;\r\n  max-width: 50px !important;\r\n  min-width: 50px !important;\r\n}\r\n\r\n.ag-overlay-loading-center {\r\n  border: none;\r\n  background: none;\r\n  border-radius: none;\r\n  box-shadow: none;\r\n}\r\n\r\n.ag-root-wrapper {\r\n  border: 1px solid tokens.$ifxColorEngineering200;\r\n}\r\n\r\n.ag-header {\r\n  background-color: tokens.$ifxColorEngineering100;\r\n  border-bottom: none;\r\n\r\n  &.ag-header-active {\r\n    outline: none !important;\r\n    border-color: #0a8276 !important;\r\n  }\r\n}\r\n\r\n.ag-header-cell {\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  gap: 4px;\r\n}\r\n\r\n.ag-header-cell-focus {\r\n  border: none !important;\r\n  outline: none !important;\r\n}\r\n\r\n.ag-header-cell-text {\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 600;\r\n  line-height: 20px;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  font-family: var(--ifx-font-family);\r\n}\r\n\r\n.ag-row-focus {\r\n  background-color: inherit !important;\r\n}\r\n\r\n.ag-row-hover {\r\n  background-color: tokens.$ifxColorBaseWhite !important;\r\n}\r\n\r\n.ag-cell-focus {\r\n  border: none !important;\r\n  outline: none !important;\r\n  background-color: inherit !important;\r\n}\r\n\r\n.ag-row {\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\r\n  font-size: 13px;\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  line-height: 20px;\r\n  z-index: 1;\r\n}\r\n\r\n.ag-row-odd {\r\n  background-color: tokens.$ifxColorBaseWhite;\r\n}\r\n\r\n.ag-cell {\r\n  display: flex;\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  white-space: pre-line;\r\n  min-height: 40px;\r\n  height: auto;\r\n}\r\n\r\n.ag-ltr .ag-sort-indicator-icon {\r\n  padding-left: 0px;\r\n  vertical-align: bottom;\r\n  line-height: 12px;\r\n}\r\n\r\n.ag-sort-indicator-container .ag-sort-order {\r\n  display: none;\r\n}\r\n\r\n.unsort-icon-custom-color {\r\n  color: tokens.$ifxColorEngineering400;\r\n}\r\n\r\n.filters-title {\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n}\r\n\r\n.matching-results-container {\r\n  flex: 1;\r\n  font-family: 'Source Sans 3';\r\n  display: flex;\r\n  gap: 4px;\r\n  font-size: 24px;\r\n  font-weight: 600;\r\n  line-height: 32px;\r\n  letter-spacing: -1px;\r\n  padding-right: 56px;\r\n}\r\n\r\n.matching-results-count {\r\n  font-weight: 600;\r\n}\r\n\r\n.matching-results-text {\r\n  font-weight: 400;\r\n}\r\n\r\n.ag-body-horizontal-scroll {\r\n  display: none;\r\n}\r\n\r\n@media (max-width: tokens.$ifxBreakpointM) {\r\n  .table-wrapper,\r\n  #table-wrapper {\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .ag-root-wrapper {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .ag-body-horizontal-scroll {\r\n    display: block;\r\n  }\r\n\r\n  .ag-header-cell,\r\n  .ag-cell {\r\n    min-width: 100px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sidebar-layout {\r\n    flex-direction: column;\r\n  }\r\n\r\n  .sidebar-container {\r\n    margin-right: 0;\r\n    margin-bottom: 24px;\r\n  }\r\n\r\n  .set-filter-wrapper-topbar {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  .table-pagination-wrapper {\r\n    gap: tokens.$ifxSpace200;\r\n  }\r\n}\r\n","import { Component, h, Host, Method, Element, Prop, State, Listen, Watch } from '@stencil/core';\r\nimport classNames from 'classnames';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\nimport { CellPosition, createGrid, FirstDataRenderedEvent, GridApi, GridOptions } from 'ag-grid-community';\r\nimport { ButtonCellRenderer } from './buttonCellRenderer';\r\nimport { CheckboxCellRenderer } from './checkboxCellRenderer';\r\nimport { CheckboxHeaderRenderer } from './checkboxHeaderRenderer';\r\nimport { IconButtonCellRenderer } from './iconButtonCellRenderer';\r\nimport { LinkCellRenderer } from './linkCellRenderer';\r\nimport { StatusCellRenderer } from './statusCellRenderer';\r\nimport { CustomNoRowsOverlay } from './customNoRowsOverlay';\r\nimport { CustomLoadingOverlay } from './customLoadingOverlay';\r\n\r\n@Component({\r\n  tag: 'ifx-table',\r\n  styleUrl: 'table.scss',\r\n  shadow: true,\r\n})\r\nexport class Table {\r\n  gridOptions: GridOptions;\r\n  gridApi: GridApi;\r\n  @State() currentPage: number = 1;\r\n  @Prop() cols: any;\r\n  @Prop() rows: any;\r\n  @Prop() buttonRendererOptions?: { onButtonClick?: (params: any, event: Event) => void };\r\n  @Prop() iconButtonRendererOptions?: { onIconButtonClick?: (params: any, event: Event) => void };\r\n  @Prop() checkboxRendererOptions?: { onCheckboxClick?: (params: any, event: Event) => void };\r\n  @State() rowData: any[] = [];\r\n  @State() colData: any[] = [];\r\n  @State() filterOptions: { [key: string]: string[] } = {};\r\n  @State() currentFilters = {};\r\n  @State() uniqueKey: string;\r\n  allRowData: any[] = [];\r\n  @Prop() rowHeight: string = 'default';\r\n  @Prop() tableHeight: string = 'auto';\r\n  @Prop() pagination: boolean = true;\r\n  @Prop() paginationItemsPerPage: string;\r\n  @State() paginationPageSize: number = 10;\r\n  @Prop() filterOrientation: string = 'sidebar';\r\n  @Prop() headline: string = '';\r\n  @State() showSidebarFilters: boolean = true;\r\n  @State() matchingResultsCount: number = 0;\r\n  @Prop() variant: string = 'default';\r\n  @Prop() serverSidePagination: boolean = false;\r\n  @Prop() serverPageChangeHandler?: (params: { page: number; pageSize: number }) => Promise<{ rows: any[]; total: number }>;\r\n  @Prop() enableSelection: boolean = false;\r\n  @State() selectedRows: Set<string> = new Set();\r\n  @State() selectAll: boolean = false;\r\n  @Prop() showLoading: boolean = false;\r\n  private container: HTMLDivElement;\r\n  @Element() host: HTMLElement;\r\n  originalRowData: any[] = [];\r\n\r\n  private internalItemsPerPage = JSON.stringify([\r\n    { value: 10, label: '10', selected: true },\r\n    { value: 20, label: '20', selected: false },\r\n    { value: 30, label: '30', selected: false },\r\n  ]);\r\n\r\n  @Watch('rows')\r\n  rowsChanged(_newVal: any) {\r\n    const parsed = this.parseArrayInput<any>(this.rows);\r\n\r\n    parsed.forEach((row, index) => {\r\n      if (!row.__rowId) {\r\n        row.__rowId = `row_${index}_${Date.now()}_${Math.random()}`;\r\n      }\r\n    });\r\n\r\n    if (this.enableSelection) {\r\n      parsed.forEach(row => {\r\n        row.__checkbox = {\r\n          disabled: false,\r\n          checked: this.selectedRows?.has(row.__rowId) || false,\r\n          size: 's',\r\n          indeterminate: false,\r\n          error: false,\r\n        };\r\n      });\r\n    }\r\n    this.currentFilters = {};\r\n    this.currentPage = 1;\r\n    this.originalRowData = [...parsed];\r\n    this.allRowData = [...parsed];\r\n    this.matchingResultsCount = this.allRowData.length;\r\n    this.updateTableView();\r\n    this.updateFilterOptions();\r\n  }\r\n\r\n  @Watch('cols')\r\n  colsChanged(_newVal: any) {\r\n    this.colData = this.getColData();\r\n\r\n    if (this.gridApi) {\r\n      this.gridApi.setGridOption('columnDefs', this.colData);\r\n      this.gridApi.sizeColumnsToFit({\r\n        defaultMinWidth: 100,\r\n      });\r\n    }\r\n\r\n    this.updateFilterOptions();\r\n  }\r\n\r\n  @Listen('ifxItemsPerPageChange')\r\n  handleResultsPerPageChange(e: CustomEvent<string>) {\r\n    this.paginationPageSize = Number(e.detail);\r\n    this.currentPage = 1;\r\n    this.updateTableView();\r\n  }\r\n\r\n  @Listen('ifxChange')\r\n  handleChipChange(event: CustomEvent<{ previousSelection: Array<any>; currentSelection: Array<any>; name: string }>) {\r\n    const { name, currentSelection, previousSelection } = event.detail;\r\n    if (currentSelection && previousSelection) {\r\n      // Clone the current filters state\r\n      const updatedFilters = { ...this.currentFilters };\r\n\r\n      if (currentSelection.length === 0) {\r\n        // If there are no selections for this filter, delete the filter\r\n        delete updatedFilters[name];\r\n\r\n        // Emit event with specific filter name\r\n        const customEvent = new CustomEvent('ifxUpdateSidebarFilter', { detail: { filterName: name }, bubbles: true, composed: true });\r\n        this.host.dispatchEvent(customEvent);\r\n      } else {\r\n        // Otherwise, update the filter values with the current selection\r\n        updatedFilters[name].filterValues = currentSelection.map(selection => selection.value);\r\n      }\r\n\r\n      // Update the component's filters\r\n      this.currentFilters = updatedFilters;\r\n      // Ensure table data is updated\r\n      this.allRowData = this.applyAllFilters(this.originalRowData, this.currentFilters);\r\n      this.updateTableView();\r\n    }\r\n  }\r\n\r\n  @Watch('buttonRendererOptions')\r\n  onButtonRendererOptionsChanged() {\r\n    this.colData = this.getColData();\r\n    if (this.gridApi) {\r\n      this.gridApi.setColumnDefs(this.colData);\r\n    }\r\n  }\r\n\r\n  @Watch('iconButtonRendererOptions')\r\n  onIconButtonRendererOptionsChanged() {\r\n    this.colData = this.getColData();\r\n    if (this.gridApi) {\r\n      this.gridApi.setColumnDefs(this.colData);\r\n    }\r\n  }\r\n\r\n  @Watch('checkboxRendererOptions')\r\n  onCheckboxRendererOptionsChanged() {\r\n    this.colData = this.getColData();\r\n    if (this.gridApi) {\r\n      this.gridApi.setColumnDefs(this.colData);\r\n    }\r\n  }\r\n\r\n  private parseArrayInput<T>(input: any): T[] {\r\n    if (typeof input === 'string') {\r\n      try {\r\n        const parsed = JSON.parse(input);\r\n        return Array.isArray(parsed) ? parsed : [];\r\n      } catch {\r\n        console.error('Failed to parse input:', input);\r\n        return [];\r\n      }\r\n    }\r\n    if (Array.isArray(input)) return input;\r\n    if (typeof input === 'object' && input !== null) return [input as T];\r\n    return [];\r\n  }\r\n\r\n  toggleSidebarFilters() {\r\n    this.showSidebarFilters = !this.showSidebarFilters;\r\n  }\r\n\r\n  updateFilterOptions() {\r\n    const options = {};\r\n    for (let col of this.colData) {\r\n      options[col.field] = [...new Set(this.rowData.map(row => row[col.field]))];\r\n    }\r\n    this.filterOptions = options;\r\n  }\r\n\r\n  private updateHeaderCheckboxState() {\r\n    if (this.gridApi && this.enableSelection) {\r\n      setTimeout(() => {\r\n        const headerCheckbox = this.container?.querySelector('.ag-header-cell[col-id=\"__checkbox\"] ifx-checkbox') as any;\r\n        if (headerCheckbox) {\r\n          const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;\r\n          const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;\r\n          headerCheckbox.checked = allSelected;\r\n          headerCheckbox.indeterminate = someSelected;\r\n        }\r\n      }, 0);\r\n    }\r\n  }\r\n\r\n  handleSidebarFilterChange(event: CustomEvent) {\r\n    const filterGroups = event.detail;\r\n    const updatedFilters = {};\r\n\r\n    filterGroups.forEach(filterGroup => {\r\n      const filterName = filterGroup.filterGroupName;\r\n      let filterValues;\r\n      let type;\r\n\r\n      if (filterGroup.selectedItems && filterGroup.selectedItems.length > 0) {\r\n        filterValues = filterGroup.selectedItems.map(item => item.label);\r\n        type = 'multi-select';\r\n      } else if (filterGroup.value) {\r\n        filterValues = [filterGroup.value];\r\n        type = 'text';\r\n      } else {\r\n        filterValues = [];\r\n      }\r\n\r\n      if (!(filterValues.length === 0 || (filterValues.length === 1 && type === 'text' && filterValues[0] === ''))) {\r\n        updatedFilters[filterName] = { filterValues, type };\r\n      }\r\n    });\r\n\r\n    this.allRowData = this.applyAllFilters(this.originalRowData, updatedFilters);\r\n    this.updateTableView();\r\n    this.currentFilters = updatedFilters;\r\n  }\r\n\r\n  handleTopbarFilterChange(event: CustomEvent) {\r\n    const filters = event.detail;\r\n\r\n    // Start by resetting the filter conditions to a blank object\r\n    this.currentFilters = {};\r\n\r\n    // Loop through each filter group provided in the event detail\r\n    filters.forEach(filter => {\r\n      const filterName = filter.filterName;\r\n      let filterValues;\r\n\r\n      let type = filter.type;\r\n\r\n      if (type === 'text') {\r\n        // Search/Text filter\r\n        filterValues = filter.filterValues;\r\n      } else {\r\n        // Multi-select/Single-Select\r\n        filterValues = filter.filterValues.map(item => item.label);\r\n      }\r\n\r\n      // If there are no filter values, or the filter is a text filter with an empty value, remove the filter\r\n      if (!(filterValues.length === 0 || (filterValues.length === 1 && type === 'text' && filterValues[0] === ''))) {\r\n        // Add or update the filter in the currentFilters object\r\n        this.currentFilters[filterName] = { filterValues, type };\r\n      }\r\n    });\r\n\r\n    // Now that the currentFilters object has been updated, apply all filters to the data\r\n    this.allRowData = this.applyAllFilters(this.originalRowData, this.currentFilters);\r\n\r\n    // After filtering, update the table view with the new filtered data\r\n    this.updateTableView();\r\n  }\r\n\r\n  applyAllFilters(data, filters) {\r\n    return data.filter(row => {\r\n      for (const filterName in filters) {\r\n        const filterInfo = filters[filterName];\r\n        let selectedValues = (filterInfo.filterValues || []).map(value => {\r\n          if (typeof value === 'string') {\r\n            return value.toLowerCase();\r\n          } else if (typeof value === 'number' || typeof value === 'boolean') {\r\n            return value.toString();\r\n          }\r\n          return '';\r\n        });\r\n\r\n        // For text filters, check if row values start with any of the selectedValues\r\n        if (filterInfo.type === 'text') {\r\n          let textFilterMatched = false;\r\n          for (let property in row) {\r\n            if (row.hasOwnProperty(property)) {\r\n              let rowValue = row[property] != null ? String(row[property]).toLowerCase() : '';\r\n              if (selectedValues.some(filterValue => rowValue.startsWith(filterValue))) {\r\n                textFilterMatched = true;\r\n                break;\r\n              }\r\n            }\r\n          }\r\n          if (!textFilterMatched) return false;\r\n        }\r\n        // For multi-select filters, this remains unchanged\r\n        else if (filterInfo.type === 'multi-select') {\r\n          let rowValue = row[filterName] != null ? String(row[filterName]).toLowerCase() : '';\r\n          // Check if 'undefined' is a selected value and include rows with empty values in that case\r\n          let includesUndefined = selectedValues.includes('undefined');\r\n          if (!selectedValues.includes(rowValue) && !(includesUndefined && rowValue === '')) {\r\n            return false;\r\n          }\r\n        }\r\n      }\r\n      return true;\r\n    });\r\n  }\r\n\r\n  async updateTableView() {\r\n    if (this.serverSidePagination && this.serverPageChangeHandler) {\r\n      const { rows, total } = await this.serverPageChangeHandler({\r\n        page: this.currentPage,\r\n        pageSize: this.paginationPageSize,\r\n      });\r\n\r\n      if (this.enableSelection) {\r\n        rows.forEach((row, index) => {\r\n          if (!row.__rowId) {\r\n            row.__rowId = `row_${(this.currentPage - 1) * this.paginationPageSize + index}_${Date.now()}`;\r\n          }\r\n          row.__checkbox = {\r\n            disabled: false,\r\n            checked: this.selectedRows?.has(row.__rowId) || false,\r\n            size: 's',\r\n            indeterminate: false,\r\n            error: false,\r\n          };\r\n        });\r\n      }\r\n\r\n      this.rowData = rows;\r\n      this.matchingResultsCount = total;\r\n      if (this.gridApi) {\r\n        this.gridApi.setGridOption('rowData', rows);\r\n      }\r\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\r\n      if (paginationElement) {\r\n        paginationElement.setAttribute('total', total.toString());\r\n      }\r\n    } else {\r\n      const startIndex = (this.currentPage - 1) * this.paginationPageSize;\r\n      const endIndex = startIndex + this.paginationPageSize;\r\n      const visibleRowData = this.allRowData.slice(startIndex, endIndex);\r\n\r\n      if (this.enableSelection) {\r\n        visibleRowData.forEach(row => {\r\n          if (!row.__checkbox) {\r\n            row.__checkbox = {\r\n              disabled: false,\r\n              checked: this.selectedRows?.has(row.__rowId) || false,\r\n              size: 's',\r\n              indeterminate: false,\r\n              error: false,\r\n            };\r\n          } else {\r\n            row.__checkbox.checked = this.selectedRows?.has(row.__rowId) || false;\r\n          }\r\n        });\r\n      }\r\n\r\n      this.rowData = visibleRowData;\r\n      this.matchingResultsCount = this.allRowData.length;\r\n      if (this.gridApi) {\r\n        this.gridApi.setGridOption('rowData', this.rowData);\r\n      }\r\n    }\r\n  }\r\n\r\n  clearAllFilters() {\r\n    this.currentFilters = {};\r\n    this.allRowData = [...this.originalRowData];\r\n  }\r\n\r\n  @Method()\r\n  async onBtShowLoading() {\r\n    this.gridApi.showLoadingOverlay();\r\n  }\r\n\r\n  setPaginationItemsPerPage() {\r\n    const newItemsPerPage = this.paginationItemsPerPage;\r\n    if (newItemsPerPage) {\r\n      this.internalItemsPerPage = this.paginationItemsPerPage;\r\n      const itemsPerPageArray = JSON.parse(this.internalItemsPerPage);\r\n\r\n      const selectedOption = itemsPerPageArray.find(option => option.selected);\r\n      if (selectedOption) {\r\n        this.paginationPageSize = Number(selectedOption.value);\r\n      } else if (itemsPerPageArray.length > 0) {\r\n        this.paginationPageSize = Number(itemsPerPageArray[0].value);\r\n      }\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setPaginationItemsPerPage();\r\n\r\n    this.uniqueKey = `unique-${Math.floor(Math.random() * 1000000)}`;\r\n    this.rowData = this.getRowData();\r\n    this.colData = this.getColData();\r\n    this.updateFilterOptions();\r\n\r\n    this.gridOptions = {\r\n      suppressCellFocus: true,\r\n      rowHeight: this.rowHeight === 'default' ? 40 : 32,\r\n      headerHeight: 40,\r\n      components: {\r\n        checkboxCellRenderer: CheckboxCellRenderer,\r\n        checkboxHeaderRenderer: CheckboxHeaderRenderer,\r\n        customLoadingOverlay: CustomLoadingOverlay,\r\n        customNoRowsOverlay: CustomNoRowsOverlay,\r\n      },\r\n      defaultColDef: {\r\n        resizable: true,\r\n        autoHeight: true,\r\n      },\r\n      suppressDragLeaveHidesColumns: true,\r\n      enableCellTextSelection: true,\r\n      onFirstDataRendered: this.onFirstDataRendered.bind(this),\r\n      columnDefs: this.colData,\r\n      rowData: this.rowData,\r\n      loadingOverlayComponent: CustomLoadingOverlay,\r\n      noRowsOverlayComponent: CustomNoRowsOverlay,\r\n      noRowsOverlayComponentParams: {\r\n        noRowsMessageFunc: () => 'No rows found', //at: ' + new Date().toLocaleTimeString(),\r\n      },\r\n      icons: {\r\n        sortAscending: '<ifx-icon icon=\"arrow-triangle-up-16\"></ifx-icon>',\r\n        sortDescending: '<ifx-icon icon=\"arrow-triangle-down-16\"></ifx-icon>',\r\n        sortUnSort: '<a class=\"unsort-icon-custom-color\"><ifx-icon icon=\"arrow-triangle-vertikal-16\"></ifx-icon></a>',\r\n      },\r\n      rowDragManaged: this.colData.some(col => col.dndSource === true) ? true : false,\r\n      animateRows: this.colData.some(col => col.dndSource === true) ? true : false,\r\n      navigateToNextCell: params => {\r\n        return this.focusCellIfContainingButton(params.api, params.nextCellPosition);\r\n      },\r\n      tabToNextCell: params => {\r\n        // Returning null is deprecated so we return false if the result is null (browser handles tab behavior).\r\n        return this.focusCellIfContainingButton(params.api, params.nextCellPosition) ?? false;\r\n      },\r\n    };\r\n  }\r\n\r\n  focusCellIfContainingButton<T>(api: GridApi<T>, cellPosition: CellPosition): CellPosition | null {\r\n    if (!cellPosition) {\r\n      return null;\r\n    }\r\n\r\n    if (cellPosition.column.getColDef().field === 'button') {\r\n      const rowNode = api.getDisplayedRowAtIndex(cellPosition.rowIndex);\r\n\r\n      if (!rowNode) {\r\n        // Row not yet rendered due to virtualization.\r\n        return null;\r\n      }\r\n\r\n      const cellRenderers = api.getCellRendererInstances({\r\n        rowNodes: [rowNode],\r\n        columns: [cellPosition.column],\r\n      });\r\n\r\n      if (cellRenderers.length > 0) {\r\n        const renderedContent = (cellRenderers[0] as ButtonCellRenderer)?.getGui();\r\n\r\n        if (renderedContent) {\r\n          const button = renderedContent.querySelector('ifx-button');\r\n\r\n          if (button) {\r\n            setTimeout(() => {\r\n              // Just calling button.focus() will not work because the focus of <ifx-button> will not be\r\n              // forwared to its child <a>-element (containing the tabindex attribute) due to shadow root.\r\n              // We must therefore grab the <a>-element manually first and then call focus() on it.\r\n              const focusableChild = button.shadowRoot?.querySelector<HTMLElement>('a[tabindex]');\r\n              focusableChild?.focus();\r\n            }, 0);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    return cellPosition;\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if (this.container) {\r\n      if (!isNestedInIfxComponent(this.host)) {\r\n        const framework = detectFramework();\r\n        trackComponent('ifx-table', await framework);\r\n      }\r\n      this.gridApi = createGrid(this.container, this.gridOptions);\r\n      if (this.gridApi) {\r\n        this.gridApi.sizeColumnsToFit({\r\n          defaultMinWidth: 100,\r\n        });\r\n        this.gridApi.setGridOption('columnDefs', this.colData);\r\n        this.gridApi.setGridOption('rowData', this.rowData);\r\n\r\n        if (this.pagination) {\r\n          const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\r\n          if (paginationElement) {\r\n            paginationElement.addEventListener('ifxPageChange', this.handlePageChange.bind(this));\r\n          }\r\n        }\r\n        const sidebarFilterElements = this.host.querySelectorAll('ifx-filter-type-group');\r\n        // Add an event listener to each SetFilter component\r\n        sidebarFilterElements.forEach(sidebarFilterElement => {\r\n          sidebarFilterElement.addEventListener('ifxSidebarFilterChange', this.handleSidebarFilterChange.bind(this));\r\n        });\r\n        const topbarFilterElements = this.host.querySelectorAll('ifx-filter-bar');\r\n        // Add an event listener to each SetFilter component\r\n        topbarFilterElements.forEach(topbarFilterElement => {\r\n          topbarFilterElement.addEventListener('ifxTopbarFilterChange', this.handleTopbarFilterChange.bind(this));\r\n        });\r\n      }\r\n    }\r\n    this.updateTableView();\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    if (this.pagination) {\r\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\r\n      if (paginationElement) {\r\n        paginationElement.removeEventListener('ifxPageChange', this.handlePageChange.bind(this));\r\n      }\r\n    }\r\n    const sidebarFilters = this.host.shadowRoot.querySelectorAll('ifx-filter-type-group');\r\n    // Remove the event listener from each SetFilter component\r\n    sidebarFilters.forEach(sidebarFilter => {\r\n      sidebarFilter.removeEventListener('ifxSidebarFilterChange', this.handleSidebarFilterChange.bind(this));\r\n    });\r\n    const topbarFilters = this.host.shadowRoot.querySelectorAll('ifx-filter-type-group');\r\n    // Remove the event listener from each SetFilter component\r\n    topbarFilters.forEach(topbarFilter => {\r\n      topbarFilter.removeEventListener('ifxTopbarFilterChange', this.handleTopbarFilterChange.bind(this));\r\n    });\r\n  }\r\n\r\n  async handlePageChange(event) {\r\n    this.currentPage = event.detail.currentPage;\r\n\r\n    if (this.serverSidePagination && this.serverPageChangeHandler) {\r\n      const { rows, total } = await this.serverPageChangeHandler({\r\n        page: this.currentPage,\r\n        pageSize: this.paginationPageSize,\r\n      });\r\n\r\n      this.rowData = rows;\r\n      this.matchingResultsCount = total;\r\n\r\n      if (this.gridApi) {\r\n        this.gridApi.setGridOption('rowData', this.rowData);\r\n      }\r\n\r\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\r\n      if (paginationElement) {\r\n        paginationElement.setAttribute('total', total.toString());\r\n      }\r\n    } else {\r\n      const startIndex = (this.currentPage - 1) * this.paginationPageSize;\r\n      const endIndex = startIndex + this.paginationPageSize;\r\n      const visibleRowData = this.allRowData.slice(startIndex, endIndex);\r\n      if (this.gridApi) {\r\n        this.gridApi.setGridOption('rowData', visibleRowData);\r\n      }\r\n    }\r\n  }\r\n\r\n  isJSONParseable(str) {\r\n    try {\r\n      JSON.parse(str);\r\n      return true;\r\n    } catch (e) {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  handleSelectAll = (checked: boolean) => {\r\n    this.selectAll = checked;\r\n    if (checked) {\r\n      this.selectedRows = new Set(this.allRowData.map(row => row.__rowId));\r\n    } else {\r\n      this.selectedRows = new Set();\r\n    }\r\n    this.updateCheckboxStates();\r\n    this.updateHeaderCheckboxState();\r\n    this.emitSelectionChange();\r\n  };\r\n\r\n  getRowData() {\r\n    let rows: any[] = [];\r\n    if (this.rows === undefined || this.rows === null) {\r\n      return rows;\r\n    }\r\n    if (this.isJSONParseable(this.rows)) {\r\n      rows = [...JSON.parse(this.rows)];\r\n    } else if (Array.isArray(this.rows) || typeof this.rows === 'object') {\r\n      rows = [...this.rows];\r\n    } else {\r\n      console.error('Unexpected value for rows: ', this.rows);\r\n    }\r\n\r\n    rows.forEach((row, index) => {\r\n      if (!row.__rowId) {\r\n        row.__rowId = `row_${index}_${Date.now()}_${Math.random()}`;\r\n      }\r\n    });\r\n\r\n    if (this.enableSelection) {\r\n      rows.forEach(row => {\r\n        row.__checkbox = {\r\n          disabled: false,\r\n          checked: this.selectedRows?.has(row.__rowId) || false,\r\n          size: 's',\r\n          indeterminate: false,\r\n          error: false,\r\n        };\r\n      });\r\n    }\r\n    this.allRowData = rows;\r\n    this.originalRowData = [...rows];\r\n    this.matchingResultsCount = this.allRowData.length;\r\n    return rows.slice(0, this.paginationPageSize);\r\n  }\r\n\r\n  handleRowCheckboxClick = (params: any) => {\r\n    const clickedRowData = params.data;\r\n    const rowId = clickedRowData.__rowId;\r\n\r\n    const newSelectedRows = new Set(this.selectedRows);\r\n    if (newSelectedRows.has(rowId)) {\r\n      newSelectedRows.delete(rowId);\r\n    } else {\r\n      newSelectedRows.add(rowId);\r\n    }\r\n    this.selectedRows = newSelectedRows;\r\n    this.selectAll = newSelectedRows.size === this.allRowData.length;\r\n    this.updateCheckboxStates();\r\n    this.updateHeaderCheckboxState();\r\n    this.emitSelectionChange();\r\n  };\r\n\r\n  private updateCheckboxStates() {\r\n    this.allRowData.forEach(row => {\r\n      if (row.__checkbox) {\r\n        row.__checkbox.checked = this.selectedRows.has(row.__rowId);\r\n      }\r\n    });\r\n    if (this.gridApi) {\r\n      this.gridApi.refreshCells({\r\n        columns: ['__checkbox'],\r\n        force: true,\r\n      });\r\n    }\r\n  }\r\n\r\n  private emitSelectionChange() {\r\n    const selectedRowsData = Array.from(this.selectedRows)\r\n      .map(rowId => {\r\n        const row = this.allRowData.find(r => r.__rowId === rowId);\r\n        if (!row) return null;\r\n        const { __checkbox, __rowId, ...rowData } = row;\r\n        return rowData;\r\n      })\r\n      .filter(row => row !== null);\r\n\r\n    this.host.dispatchEvent(\r\n      new CustomEvent('ifxSelectionChange', {\r\n        detail: {\r\n          selectedRows: selectedRowsData,\r\n          selectedCount: selectedRowsData.length,\r\n          isSelectAll: this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0,\r\n        },\r\n        bubbles: true,\r\n      }),\r\n    );\r\n  }\r\n\r\n  getColData() {\r\n    let cols: any[] = [];\r\n    if (this.cols === undefined || this.cols === null) return cols;\r\n    if (this.isJSONParseable(this.cols)) {\r\n      cols = [...JSON.parse(this.cols)];\r\n    } else if (Array.isArray(this.cols) || typeof this.cols === 'object') {\r\n      cols = [...this.cols];\r\n    } else {\r\n      console.error('Unexpected value for cols: ', this.cols);\r\n    }\r\n\r\n    if (this.enableSelection) {\r\n      const checkboxColumn = {\r\n        headerName: '',\r\n        field: '__checkbox',\r\n        width: 50,\r\n        pinned: 'left',\r\n        cellRenderer: 'checkboxCellRenderer',\r\n        cellRendererParams: {\r\n          onCheckboxClick: this.handleRowCheckboxClick?.bind(this),\r\n        },\r\n        headerComponent: 'checkboxHeaderRenderer',\r\n        headerComponentParams: {\r\n          onSelectAll: this.handleSelectAll?.bind(this),\r\n        },\r\n        sortable: false,\r\n        filter: false,\r\n        resizable: false,\r\n        valueFormatter: undefined,\r\n        cellDataType: false,\r\n      };\r\n      cols.unshift(checkboxColumn);\r\n    }\r\n\r\n    cols.forEach(column => {\r\n      const field = column.field?.toLowerCase() || '';\r\n      // --- Button columns ---\r\n      if (field.startsWith('button')) {\r\n        column.cellRenderer = ButtonCellRenderer;\r\n        column.valueFormatter = undefined;\r\n        column.cellDataType = false;\r\n        if (this.buttonRendererOptions?.onButtonClick) {\r\n          column.cellRendererParams = {\r\n            onButtonClick: this.buttonRendererOptions.onButtonClick,\r\n          };\r\n        }\r\n      }\r\n      // --- Checkbox columns ---\r\n      else if (field.startsWith('checkbox')) {\r\n        column.cellRenderer = CheckboxCellRenderer;\r\n        column.valueFormatter = undefined;\r\n        column.cellDataType = false;\r\n        if (this.checkboxRendererOptions?.onCheckboxClick) {\r\n          column.cellRendererParams = {\r\n            onCheckboxClick: this.checkboxRendererOptions.onCheckboxClick,\r\n          };\r\n        }\r\n      }\r\n      // --- Icon Button columns ---\r\n      else if (field.startsWith('iconbutton') || field === 'iconButton') {\r\n        column.cellRenderer = IconButtonCellRenderer;\r\n        column.valueFormatter = undefined;\r\n        column.cellDataType = false;\r\n        if (this.iconButtonRendererOptions?.onIconButtonClick) {\r\n          column.cellRendererParams = {\r\n            onIconButtonClick: this.iconButtonRendererOptions.onIconButtonClick,\r\n          };\r\n        }\r\n      }\r\n      // --- Status columns ---\r\n      else if (field.startsWith('status')) {\r\n        column.cellRenderer = StatusCellRenderer;\r\n        column.valueFormatter = undefined;\r\n        column.cellDataType = false;\r\n      }\r\n      // --- Link columns ---\r\n      else if (field.startsWith('link')) {\r\n        column.cellRenderer = LinkCellRenderer;\r\n        column.valueFormatter = undefined;\r\n        column.cellDataType = false;\r\n      }\r\n    });\r\n    return cols;\r\n  }\r\n\r\n  onFirstDataRendered(params: FirstDataRenderedEvent) {\r\n    params.api.sizeColumnsToFit();\r\n  }\r\n\r\n  handleResetButtonClick() {\r\n    const resetEvent = new CustomEvent('ifxResetFiltersEvent', { bubbles: true, composed: true });\r\n    window.dispatchEvent(resetEvent);\r\n\r\n    this.clearAllFilters();\r\n    this.updateTableView();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.pagination) {\r\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\r\n      if (paginationElement) {\r\n        paginationElement.removeEventListener('ifxPageChange', this.handlePageChange);\r\n      }\r\n    }\r\n\r\n    const resetButton = this.host.shadowRoot.querySelector('#reset-filters-button');\r\n    if (resetButton) {\r\n      resetButton.removeEventListener('click', this.handleResetButtonClick.bind(this));\r\n    }\r\n  }\r\n\r\n  getTableClassNames() {\r\n    return classNames(this.tableHeight === 'auto' && 'table-wrapper ag-root-wrapper-body', 'table-wrapper');\r\n  }\r\n\r\n  render() {\r\n    let style = {};\r\n    if (this.tableHeight !== 'auto') {\r\n      style = {\r\n        height: this.tableHeight,\r\n      };\r\n    }\r\n\r\n    const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"table-container\">\r\n          {this.filterOrientation === 'sidebar' && (\r\n            <div class=\"sidebar-btn\">\r\n              <ifx-button\r\n                type=\"button\"\r\n                disabled={false}\r\n                variant=\"secondary\"\r\n                size=\"m\"\r\n                target=\"_blank\"\r\n                theme=\"default\"\r\n                full-width=\"false\"\r\n                onClick={() => this.toggleSidebarFilters()}\r\n              >\r\n                <ifx-icon icon=\"cross-16\"></ifx-icon>\r\n                {this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'}\r\n              </ifx-button>\r\n            </div>\r\n          )}\r\n\r\n          <div class={filterClass}>\r\n            {this.filterOrientation === 'sidebar' && this.showSidebarFilters && (\r\n              <div class=\"sidebar-container\">\r\n                <div class=\"filters-title-container\">\r\n                  <span class=\"filters-title\">Filters</span>\r\n                </div>\r\n                <div class=\"set-filter-wrapper-sidebar\">{(this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && <slot name=\"sidebar-filter\"></slot>}</div>\r\n              </div>\r\n            )}\r\n\r\n            {this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (\r\n              <div class=\"set-filter-wrapper-topbar\">{(this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && <slot name=\"topbar-filter\"></slot>}</div>\r\n            )}\r\n\r\n            <div class=\"table-pagination-wrapper\">\r\n              {this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (\r\n                <div class=\"filter-chips\">\r\n                  {Object.keys(this.currentFilters).map(name => {\r\n                    const filter = this.currentFilters[name];\r\n                    const filterValues = filter.filterValues;\r\n                    const isMultiSelect = filter.type !== 'text';\r\n\r\n                    return filterValues.length > 0 ? (\r\n                      <ifx-chip placeholder={name} size=\"large\" variant={isMultiSelect ? 'multi' : 'single'} readOnly={true} value={filterValues} key={name}>\r\n                        {filterValues.map(filterValue => (\r\n                          <ifx-chip-item value={filterValue} selected={true} key={filterValue}>\r\n                            {filterValue}\r\n                          </ifx-chip-item>\r\n                        ))}\r\n                      </ifx-chip>\r\n                    ) : null;\r\n                  })}\r\n                </div>\r\n              )}\r\n\r\n              <div class=\"headline-wrapper\">\r\n                {this.filterOrientation !== 'none' && this.headline && (\r\n                  <div class=\"matching-results-container\">\r\n                    <span class=\"matching-results-count\">({this.matchingResultsCount})</span>\r\n                    <span class=\"matching-results-text\">{this.headline}</span>\r\n                  </div>\r\n                )}\r\n\r\n                <div class=\"inner-buttons-wrapper\">\r\n                  <slot name=\"inner-button\" />\r\n                </div>\r\n              </div>\r\n\r\n              <div id=\"table-wrapper\" class={this.getTableClassNames()}>\r\n                <div id={`ifxTable-${this.uniqueKey}`} class={`ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`} style={style} ref={el => (this.container = el)}></div>\r\n              </div>\r\n              <div class=\"pagination-wrapper\">\r\n                {this.pagination ? (\r\n                  <ifx-pagination\r\n                    total={this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length}\r\n                    current-page={this.currentPage}\r\n                    items-per-page={this.internalItemsPerPage}\r\n                  ></ifx-pagination>\r\n                ) : null}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  hasButtonCol(): boolean {\r\n    return this.getColData().some(column => column.field === 'button');\r\n  }\r\n\r\n  onDragOver(event) {\r\n    var dragSupported = event.dataTransfer.length;\r\n\r\n    if (dragSupported) {\r\n      event.dataTransfer.dropEffect = 'move';\r\n    }\r\n\r\n    event.preventDefault();\r\n  }\r\n\r\n  onDrop(event) {\r\n    var jsonData = event.dataTransfer.getData('application/json');\r\n\r\n    var eJsonRow = document.createElement('div');\r\n    eJsonRow.classList.add('json-row');\r\n    eJsonRow.innerText = jsonData;\r\n\r\n    var eJsonDisplay = document.querySelector('#eJsonDisplay');\r\n\r\n    eJsonDisplay.appendChild(eJsonRow);\r\n    event.preventDefault();\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-d1be48d9.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-PqnYwNKt.js";const e=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";const i=class{constructor(s){t(this,s);this.isOpen=false;this.theme="default";this.size="m";this.hideArrow=false}render(){return s("ifx-button",{key:"8f1566ffba39304744537dea9b0582d7fb5385c7",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},s("slot",{key:"cfd9b40e6ce2f74efd15c4e1f6b7106b4dcf4dc9"}),!this.hideArrow&&s("ifx-icon",{key:"29a120aaf9d98f2638c980e74a7635450522334e",icon:"chevron-down-16",class:`icon${this.isOpen?" rotate":""}`}))}};i.style=e;export{i as ifx_dropdown_trigger_button};
-//# sourceMappingURL=p-d1be48d9.entry.js.map

package/dist/infineon-design-system-stencil/p-d1be48d9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownTriggerButtonCss","DropdownItem","constructor","hostRef","this","isOpen","theme","size","hideArrow","render","h","key","variant","disabled","class","icon"],"sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n:host {\r\n  display: inline-block;\r\n}\r\n\r\n.rotate {\r\n  transition: transform 0.2s ease-in-out;\r\n  transform: rotate(-180deg);\r\n  margin-top: 0em;\r\n}\r\n\r\n.icon {\r\n  margin-top: 0em;\r\n  transition: transform 0.2s ease-in-out;\r\n}\r\n","// dropdown-trigger-button.tsx\r\nimport { Component, Prop, h } from \"@stencil/core\";\r\nimport { IOpenable } from '../IOpenable';\r\n\r\n@Component({\r\n  tag: 'ifx-dropdown-trigger-button',\r\n  styleUrl: 'dropdown-trigger-button.scss',\r\n  shadow: true\r\n})\r\n\r\nexport class DropdownItem implements IOpenable {\r\n  @Prop() isOpen: boolean = false;\r\n\r\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\r\n  @Prop() variant: 'primary';\r\n  @Prop() size: 's' | 'm' = 'm';\r\n  @Prop() disabled: boolean;\r\n  @Prop() hideArrow: boolean = false;\r\n\r\n  render() {\r\n    return (\r\n      <ifx-button\r\n        variant={this.variant}\r\n        theme={this.theme}\r\n        size={this.size}\r\n        disabled={this.disabled}\r\n        class=\"dropdown-trigger-button\"\r\n      >\r\n        <slot />\r\n        {!this.hideArrow &&\r\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\r\n        }\r\n      </ifx-button>\r\n    )\r\n  }\r\n}"],"mappings":"2CAAA,MAAMA,EAA2B,gL,MCUpBC,EAAY,MANzB,WAAAC,CAAAC,G,UAOUC,KAAMC,OAAY,MAElBD,KAAKE,MAAqC,UAE1CF,KAAIG,KAAc,IAElBH,KAASI,UAAY,KAkB9B,CAhBC,MAAAC,GACE,OACEC,EAAA,cAAAC,IAAA,2CACEC,QAASR,KAAKQ,QACdN,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXM,SAAUT,KAAKS,SACfC,MAAM,2BAENJ,EAAQ,QAAAC,IAAA,8CACNP,KAAKI,WACLE,EAAU,YAAAC,IAAA,2CAAAI,KAAK,kBAAkBD,MAAO,OAAOV,KAAKC,OAAS,UAAY,O","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-da112045.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as i,a as o}from"./p-PqnYwNKt.js";import{d as t,t as r}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const e=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.action-list{background:#FFFFFF;border-radius:0;border:1px solid #EEEDED;overflow:hidden;display:flex;flex-direction:column}';const c=class{constructor(i){s(this,i)}async componentDidLoad(){if(!a(this.el)){const s=t();r("ifx-action-list",await s)}}render(){return i("div",{key:"3b5dd123b84e88c458e22fd83e592735c006684b",class:"action-list",role:"list","aria-label":this.listAriaLabel},i("slot",{key:"ed92d35c40ad4b1330296414f61f565c4bf30468"}))}get el(){return o(this)}};c.style=e;export{c as ifx_action_list};
-//# sourceMappingURL=p-da112045.entry.js.map

package/dist/infineon-design-system-stencil/p-da112045.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["actionListCss","ActionList","componentDidLoad","isNestedInIfxComponent","this","el","framework","detectFramework","trackComponent","render","h","key","class","role","listAriaLabel"],"sources":["src/components/action-list/action-list.scss?tag=ifx-action-list&encapsulation=shadow","src/components/action-list/action-list.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n.action-list {\r\n  background: tokens.$ifxColorBaseWhite;\r\n  border-radius: tokens.$ifxBorderRadiusNone;\r\n  border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n}","import { Component, h, Prop, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-action-list',\r\n  styleUrl: 'action-list.scss',\r\n  shadow: true,\r\n})\r\nexport class ActionList {\r\n  @Element() el: HTMLElement;\r\n\r\n  /**\r\n   * Aria label for accessibility support\r\n   */\r\n  @Prop() listAriaLabel?: string;\r\n\r\n  async componentDidLoad() {\r\n    if (!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-action-list', await framework);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        class=\"action-list\"\r\n        role=\"list\"\r\n        aria-label={this.listAriaLabel}\r\n      >\r\n        <slot></slot>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"iIAAA,MAAMA,EAAgB,4L,MCUTC,EAAU,M,yBAQrB,sBAAMC,GACJ,IAAKC,EAAuBC,KAAKC,IAAK,CACpC,MAAMC,EAAYC,IAClBC,EAAe,wBAAyBF,E,EAI5C,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAM,cACNC,KAAK,OAAM,aACCT,KAAKU,eAEjBJ,EAAa,QAAAC,IAAA,6C","ignoreList":[]}