@infineon/infineon-design-system-stencil 38.0.0--canary.1954.7561efb833f6631b56cebc6f71ce460e4d757501.0 → 38.0.0--canary.1954.89974e8652917b13e12f27392809a5638fe1be81.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["indicatorCss","IfxIndicatorStyle0","Indicator","constructor","hostRef","this","inverted","variant","number","handleNumber","filteredNumber","isNaN","componentWillLoad","isNestedInIfxComponent","el","trackComponent","componentWillUpdate","render","h","key","ariaLabel","class"],"sources":["src/components/indicator/indicator.scss?tag=ifx-indicator&encapsulation=shadow","src/components/indicator/indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.indicator__container { \n  & .dot__wrapper { \n  display: flex;\n  width: 8px;\n  height: 8px;\n  justify-content: center;\n  align-items: center;\n  flex-shrink: 0;\n  border-radius: 50%;\n  background-color: tokens.$ifxColorOcean500;\n  }\n\n  & .number__container {\n  height: 16px;\n  display: inline-flex;\n  padding: 0; \n  min-width: 16px; \n  justify-content: center;\n  align-items: center;\n  border-radius: 100px;\n  background-color: tokens.$ifxColorOcean500;\n\n    & .number__wrapper {\n      padding: 0 4px;\n      color: tokens.$ifxColorBaseWhite;\n      text-align: center;\n      font-size: tokens.$ifxFontSizeS;\n      font-style: normal;\n      font-weight: tokens.$ifxFontWeightSemibold;\n      line-height: 16px;\n    }\n\n    &.inverted {\n      background-color: tokens.$ifxColorBaseWhite;\n\n      & .number__wrapper {\n        color: tokens.$ifxColorOcean500;\n      }\n    }\n  }\n}\n\n\n","import { Component, h, Prop, Element, State } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\n\n@Component({\n  tag: 'ifx-indicator',\n  styleUrl: 'indicator.scss',\n  shadow: true\n})\nexport class Indicator {\n  @Element() el;\n  @State() filteredNumber: string | number;\n  @Prop() inverted: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() variant: string = 'number'\n  @Prop() number: number = 0;\n\n  handleNumber() {\n    this.filteredNumber = !isNaN(this.number) && this.number > 99 ? '99+' : this.number;\n  }\n\n  componentWillLoad() { \n    this.handleNumber()\n    if(!isNestedInIfxComponent(this.el)) { \n      trackComponent('ifx-indicator')\n    }\n  }\n\n  componentWillUpdate() {\n    this.handleNumber()\n  }\n\n  render() {\n    return (\n      <div aria-label={this.ariaLabel} class='indicator__container'>\n       {this.variant === 'number' && \n       <div class={`number__container ${this.inverted ? 'inverted' : \"\"}`}>\n          <div class=\"number__wrapper\">\n            {this.filteredNumber}\n          </div> \n       </div>}\n       {this.variant === 'dot' && <div class=\"dot__wrapper\"></div>}\n      </div>\n    );\n  }\n}"],"mappings":"0HAAA,MAAMA,EAAe,swBACrB,MAAAC,EAAeD,E,MCQFE,EAAS,MALtB,WAAAC,CAAAC,G,UAQUC,KAAAC,SAAoB,MAEpBD,KAAAE,QAAkB,SAClBF,KAAAG,OAAiB,C,CAEzB,YAAAC,GACEJ,KAAKK,gBAAkBC,MAAMN,KAAKG,SAAWH,KAAKG,OAAS,GAAK,MAAQH,KAAKG,M,CAG/E,iBAAAI,GACEP,KAAKI,eACL,IAAII,EAAuBR,KAAKS,IAAK,CACnCC,EAAe,gB,EAInB,mBAAAC,GACEX,KAAKI,c,CAGP,MAAAQ,GACE,OACEC,EAAA,OAAAC,IAAA,wDAAiBd,KAAKe,UAAWC,MAAM,wBACrChB,KAAKE,UAAY,UAClBW,EAAA,OAAAC,IAAA,2CAAKE,MAAO,qBAAqBhB,KAAKC,SAAW,WAAa,MAC3DY,EAAA,OAAAC,IAAA,2CAAKE,MAAM,mBACRhB,KAAKK,iBAGVL,KAAKE,UAAY,OAASW,EAAA,OAAAC,IAAA,2CAAKE,MAAM,iB","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as o,h as r,g as e}from"./p-b7a462e5.js";import{t as n}from"./p-6ecb6a6f.js";import{i as d}from"./p-1ecafb97.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-engineering-100{border:1px solid #F7F7F7}.container.border-engineering-200{border:1px solid #EEEDED}.container.border-engineering-300{border:1px solid #BFBBBB}.container.border-engineering-400{border:1px solid #8D8786}.container.border-engineering-500{border:1px solid #575352}.container.border-engineering-600{border:1px solid #3C3A39}.container.border-ocean-100{border:1px solid #DFF4F3}.container.border-ocean-200{border:1px solid #B8DEDA}.container.border-ocean-300{border:1px solid #6CB4AD}.container.border-ocean-400{border:1px solid #3B9B91}.container.border-ocean-500{border:1px solid #0A8276}.container.border-ocean-600{border:1px solid #08665C}.container.border-ocean-700{border:1px solid #06534B}.container.border-red-500{border:1px solid #CD002F}.container.border-red-600{border:1px solid #A2001E}.container.border-red-700{border:1px solid #900021}.container.border-orange-500{border:1px solid #E16B25}.container.border-green-500{border:1px solid #4CA460}.container.border-lawn-400{border:1px solid #B9D257}.container.border-lawn-500{border:1px solid #9BBA43}.container.border-lawn-700{border:1px solid #3C6C0F}.container.border-berry-400{border:1px solid #BE3283}.container.border-berry-500{border:1px solid #9C216E}.container.border-sun-400{border:1px solid #FF9737}.container.border-sun-500{border:1px solid #F97414}.container.border-sand-400{border:1px solid #FBE273}.container.border-sand-500{border:1px solid #FCD442}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.engineering-100{background-color:#F7F7F7}.dot.engineering-200{background-color:#EEEDED}.dot.engineering-300{background-color:#BFBBBB}.dot.engineering-400{background-color:#8D8786}.dot.engineering-500{background-color:#575352}.dot.engineering-600{background-color:#3C3A39}.dot.ocean-100{background-color:#DFF4F3}.dot.ocean-200{background-color:#B8DEDA}.dot.ocean-300{background-color:#6CB4AD}.dot.ocean-400{background-color:#3B9B91}.dot.ocean-500{background-color:#0A8276}.dot.ocean-600{background-color:#08665C}.dot.ocean-700{background-color:#06534B}.dot.red-500{background-color:#CD002F}.dot.red-600{background-color:#A2001E}.dot.red-700{background-color:#900021}.dot.orange-500{background-color:#E16B25}.dot.green-500{background-color:#4CA460}.dot.lawn-400{background-color:#B9D257}.dot.lawn-500{background-color:#9BBA43}.dot.lawn-700{background-color:#3C6C0F}.dot.berry-400{background-color:#BE3283}.dot.berry-500{background-color:#9C216E}.dot.sun-400{background-color:#FF9737}.dot.sun-500{background-color:#F97414}.dot.sand-400{background-color:#FBE273}.dot.sand-500{background-color:#FCD442}';const i=a;const c=class{constructor(r){o(this,r);this.border=false;this.color="orange-500"}componentWillLoad(){if(!d(this.el)){n("ifx-status")}}render(){var o;const e=((o=this.color)===null||o===void 0?void 0:o.trim())?this.color:"orange-500";const n=this.border?`container border-${e}`:"container no-border";return r("div",{key:"1ab0d47a33810d4aa50193bcc34db74a8003597f","aria-label":"a status indicator","aria-value":this.label,class:n},r("span",{key:"627782abd370dfc741401c813a6467ed72219d86",class:`dot ${e}`}),r("p",{key:"9ef443e380f5648ecdcd5a8954932654416085d1",class:"text"},this.label))}get el(){return e(this)}};c.style=i;export{c as ifx_status};
-//# sourceMappingURL=p-f84af2e3.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["statusCss","IfxStatusStyle0","Status","constructor","hostRef","this","border","color","componentWillLoad","isNestedInIfxComponent","el","trackComponent","render","effectiveColor","_a","trim","containerClass","h","key","label","class"],"sources":["src/components/status/status.scss?tag=ifx-status&encapsulation=shadow","src/components/status/status.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-block;\n}\n\n.container {\n  display: flex;\n  min-height: 1.25em;\n  align-items: center;\n  padding: 0 tokens.$ifxSpace100;\n  border-radius: tokens.$ifxBorderRadiusRound;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &.no-border {\n    padding: 0; // Remove padding when border is not present\n  }\n\n  &.border-engineering-100{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering100;\n  }\n\n  &.border-engineering-200{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering200;\n  }\n\n  &.border-engineering-300{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering300;\n  }\n\n  &.border-engineering-400{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering400;\n  }\n\n  &.border-engineering-500{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering500;\n  }\n\n  &.border-engineering-600{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorEngineering600;\n  }\n\n  &.border-ocean-100 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean100;\n  }\n\n  &.border-ocean-200 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean200;\n  }\n\n  &.border-ocean-300 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean300;\n  }\n\n  &.border-ocean-400 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean400;\n  }\n\n  &.border-ocean-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean500;\n  }\n\n  &.border-ocean-600 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean600;\n  }\n\n  &.border-ocean-700 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOcean700;\n  }\n\n  &.border-red-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed500;\n  }\n\n  &.border-red-600 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed600;\n  }\n\n  &.border-red-700 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorRed700;\n  }\n\n  &.border-orange-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorOrange500;\n  }\n\n  &.border-green-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorGreen500;\n  }\n\n  &.border-lawn-400 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn400;\n  }\n\n  &.border-lawn-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn500;\n  }\n\n  &.border-lawn-700 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorLawn700;\n  }\n\n  &.border-berry-400 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry400;\n  }\n\n  &.border-berry-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorBerry500;\n  }\n\n  &.border-sun-400 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun400;\n  }\n\n  &.border-sun-500 {\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSun500;\n  }\n\n  &.border-sand-400{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand400;\n  }\n\n  &.border-sand-500{\n    border: tokens.$ifxBorderWidth12 solid tokens.$ifxColorSand500;\n  }\n\n\n}\n\n.text {\n  margin: 0;\n  padding-left: tokens.$ifxSpace50;\n  font-style: normal;\n  font-weight: tokens.$ifxFontWeightSemibold;\n  font-size: tokens.$ifxFontSizeM;\n  line-height: tokens.$ifxLineHeightS;\n  display: inline;\n  color: tokens.$ifxColorBaseBlack;\n}\n\n.dot {\n  display: inline-block;\n  width: tokens.$ifxSize100;\n  height: tokens.$ifxSize100;\n  border-radius: tokens.$ifxBorderRadiusRound;\n}\n\n\n.dot {\n  &.engineering-100 {\n    background-color: tokens.$ifxColorEngineering100;\n  }\n\n  &.engineering-200 {\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.engineering-300 {\n    background-color: tokens.$ifxColorEngineering300;\n  }\n\n  &.engineering-400 {\n    background-color: tokens.$ifxColorEngineering400;\n  }\n\n  &.engineering-500 {\n    background-color: tokens.$ifxColorEngineering500;\n  }\n\n  &.engineering-600 {\n    background-color: tokens.$ifxColorEngineering600;\n  }\n\n  &.ocean-100 {\n    background-color: tokens.$ifxColorOcean100;\n  }\n\n  &.ocean-200 {\n    background-color: tokens.$ifxColorOcean200;\n  }\n\n  &.ocean-300 {\n    background-color: tokens.$ifxColorOcean300;\n  }\n\n  &.ocean-400 {\n    background-color: tokens.$ifxColorOcean400;\n  }\n\n  &.ocean-500 {\n    background-color: tokens.$ifxColorOcean500;\n  }\n\n  &.ocean-600 {\n    background-color: tokens.$ifxColorOcean600;\n  }\n\n  &.ocean-700 {\n    background-color: tokens.$ifxColorOcean700;\n  }\n\n  &.red-500 {\n    background-color: tokens.$ifxColorRed500;\n  }\n\n  &.red-600 {\n    background-color: tokens.$ifxColorRed600;\n  }\n\n  &.red-700 {\n    background-color: tokens.$ifxColorRed700;\n  }\n\n  &.orange-500 {\n    background-color: tokens.$ifxColorOrange500;\n  }\n\n  &.green-500 {\n    background-color: tokens.$ifxColorGreen500;\n  }\n\n  &.lawn-400{\n    background-color: tokens.$ifxColorLawn400;\n  }\n\n  &.lawn-500{\n    background-color: tokens.$ifxColorLawn500;\n  }\n\n  &.lawn-700 {\n    background-color: tokens.$ifxColorLawn700;\n  }\n\n  &.berry-400 {\n    background-color: tokens.$ifxColorBerry400;\n  }\n\n  &.berry-500 {\n    background-color: tokens.$ifxColorBerry500;\n  }\n\n  &.sun-400 {\n    background-color: tokens.$ifxColorSun400;\n  }\n\n  &.sun-500 {\n    background-color: tokens.$ifxColorSun500;\n  }\n\n  &.sand-400{\n    background-color: tokens.$ifxColorSand400;\n  }\n\n  &.sand-500{\n    background-color: tokens.$ifxColorSand500;\n  }\n}","import { Component, h, Prop, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\n\n@Component({\n  tag: 'ifx-status',\n  styleUrl: 'status.scss',\n  shadow: true\n})\n\nexport class Status {\n  @Element() el;\n  @Prop() label: string;\n  @Prop() border: boolean = false;\n  @Prop() color: string = 'orange-500';\n\n  componentWillLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      trackComponent('ifx-status')\n    }\n  }\n\n  render() {\n    const effectiveColor = this.color?.trim() ? this.color : 'orange-500';\n    const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';\n\n    return (\n      <div aria-label=\"a status indicator\" aria-value={this.label} class={containerClass}>\n        <span class={`dot ${effectiveColor}`}></span>\n        <p class=\"text\">{this.label}</p>\n      </div>\n    );\n  }\n}"],"mappings":"0HAAA,MAAMA,EAAY,87FAClB,MAAAC,EAAeD,E,MCSFE,EAAM,MANnB,WAAAC,CAAAC,G,UASUC,KAAAC,OAAkB,MAClBD,KAAAE,MAAgB,Y,CAExB,iBAAAC,GACE,IAAIC,EAAuBJ,KAAKK,IAAK,CACnCC,EAAe,a,EAInB,MAAAC,G,MACE,MAAMC,IAAiBC,EAAAT,KAAKE,SAAK,MAAAO,SAAA,SAAAA,EAAEC,QAASV,KAAKE,MAAQ,aACzD,MAAMS,EAAiBX,KAAKC,OAAS,oBAAoBO,IAAmB,sBAE5E,OACEI,EAAA,OAAAC,IAAA,wDAAgB,qBAAoB,aAAab,KAAKc,MAAOC,MAAOJ,GAClEC,EAAA,QAAAC,IAAA,2CAAME,MAAO,OAAOP,MACpBI,EAAA,KAAAC,IAAA,2CAAGE,MAAM,QAAQf,KAAKc,O","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as o,g as i}from"./p-b7a462e5.js";import{t as e}from"./p-6ecb6a6f.js";import{i as a}from"./p-1ecafb97.js";const n=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex;--_ifx-fallback-display:none !important}._ifx-radiobutton-fallback{display:var(--_ifx-fallback-display);position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important}.radioButton__container{box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;padding:0px;gap:8px;cursor:pointer;font-family:var(--ifx-font-family)}.radioButton__container.m .radioButton__wrapper{width:24px;height:24px}.radioButton__container .radioButton__wrapper{width:20px;height:20px;position:relative;display:block;border-radius:50%;background-color:#FFFFFF;border:1px solid #575352}.radioButton__container .radioButton__wrapper:focus{outline:none}.radioButton__container .radioButton__wrapper:focus::before{content:"";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper .radioButton__wrapper-mark{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#0A8276;border-radius:50%;display:flex;justify-content:center;align-items:center;border-color:transparent}.radioButton__container .radioButton__wrapper:hover{background-color:#EEEDED}.radioButton__container .radioButton__wrapper.disabled{background-color:#BFBBBB;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.disabled.error:hover,.radioButton__container .radioButton__wrapper.disabled.error:focus-visible{border-color:#CD002F}.radioButton__container .radioButton__wrapper.checked{border-color:#0A8276}.radioButton__container .radioButton__wrapper.checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:10px;height:10px;background-color:#0A8276;border-radius:50%}.radioButton__container .radioButton__wrapper.checked.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked:hover{border-color:#08665C}.radioButton__container .radioButton__wrapper.checked:hover .radioButton__wrapper-mark{background-color:#08665C}.radioButton__container .radioButton__wrapper.checked.disabled{background-color:#FFFFFF;border-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled.disabled::after{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.disabled .radioButton__wrapper-mark{background-color:#BFBBBB}.radioButton__container .radioButton__wrapper.checked.error::after{border-color:#CD002F;background-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled){border-color:#CD002F}.radioButton__container .radioButton__wrapper.error:not(.disabled):hover,.radioButton__container .radioButton__wrapper.error:not(.disabled):focus-visible{border-color:#CD002F}.radioButton__container .label{display:flex;align-items:center;height:20px;font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;color:#1D1D1D;flex:none;order:1;flex-grow:0}.radioButton__container .label.label-m{height:24px;font-size:1rem;line-height:1.5rem}.radioButton__container .label.disabled{color:#BFBBBB}.radioButton__container .label:hover{cursor:pointer}';const d=n;const s=class{constructor(o){t(this,o);this.ifxChange=r(this,"ifxChange",7);this.ifxError=r(this,"ifxError",7);this.disabled=false;this.error=false;this.size="s";this.internalChecked=false;this.hasSlot=false}componentWillLoad(){if(!a(this.el)){e("ifx-radio-button")}this.fallbackInput=document.createElement("input");this.fallbackInput.type="radio";this.fallbackInput.hidden=true;this.fallbackInput.className="_ifx-radiobutton-fallback";this.fallbackInput.style.cssText=`\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;this.fallbackInput.setAttribute("aria-hidden","true");this.fallbackInput.tabIndex=-1;this.el.appendChild(this.fallbackInput);if("attachInternals"in HTMLElement.prototype){try{this.internals=this.el.attachInternals()}catch(t){console.warn("ElementInternals not supported")}}this.internalChecked=this.checked||false;this.hasSlot=!!this.el.querySelector("[slot]")||this.el.innerHTML.trim()!==""}handleCheckedChange(t){this.internalChecked=t}updateFormValue(){var t;if((t=this.internals)===null||t===void 0?void 0:t.setFormValue){this.internals.setFormValue(this.internalChecked?this.value:null)}this.fallbackInput.checked=this.internalChecked;this.fallbackInput.name=this.name;this.fallbackInput.value=this.value;this.fallbackInput.disabled=this.disabled}errorChanged(t,r){if(t!==r){this.ifxError.emit(t)}}handleRadioButtonClick(t){if(this.disabled){t.stopPropagation();return}this.inputElement.click();this.internalChecked=this.inputElement.checked;this.checked=this.internalChecked;this.ifxChange.emit(this.internalChecked);const r=new CustomEvent("change",{bubbles:true,composed:true,detail:{checked:this.internalChecked}});this.el.dispatchEvent(r)}handleKeyDown(t){if([" ","Enter"].includes(t.key)){t.preventDefault();this.handleRadioButtonClick(new PointerEvent("click"))}}handleExternalChange(t){const r=t.target;if(r===this.el||r.tagName.toLowerCase()!=="ifx-radio-button")return;if(r.getAttribute("name")===this.name){this.internalChecked=false}}render(){return o("div",{key:"86e1f1b5a393d2ef1bad324e4689e0b4793385d6",role:"radio","aria-checked":String(this.internalChecked),"aria-disabled":String(this.disabled),class:`radioButton__container ${this.size} ${this.disabled?"disabled":""}`,onClick:t=>this.handleRadioButtonClick(t),tabindex:this.disabled?-1:0},o("div",{key:"9fae7f09faaff51065de4e86f2b5a0b82eccb229",class:`radioButton__wrapper \n            ${this.internalChecked?"checked":""} \n            ${this.disabled?"disabled":""} \n            ${this.error?"error":""}`},this.internalChecked&&o("div",{key:"e3f3ae990414e3df82aee8a527e3fbaa7b152b8b",class:"radioButton__wrapper-mark"})),this.hasSlot&&o("div",{key:"783c079f344ac7d9b4eaf7191ca7448824357cb3",class:`label ${this.size==="m"?"label-m":""} ${this.disabled?"disabled":""}`},o("slot",{key:"673f5478818c6988592af884160d74c961cb170e"})),o("input",{key:"a8f62860909370729a73d11d49251087c1ef6417",type:"radio",hidden:true,ref:t=>this.inputElement=t,name:this.name,value:this.value,checked:this.internalChecked,disabled:this.disabled,onClick:t=>t.stopPropagation()}))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{checked:["handleCheckedChange"],internalChecked:["updateFormValue"],error:["errorChanged"]}}};s.style=d;export{s as ifx_radio_button};
-//# sourceMappingURL=p-fe22fc31.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["radioButtonCss","IfxRadioButtonStyle0","RadioButton","constructor","hostRef","this","disabled","error","size","internalChecked","hasSlot","componentWillLoad","isNestedInIfxComponent","el","trackComponent","fallbackInput","document","createElement","type","hidden","className","style","cssText","setAttribute","tabIndex","appendChild","HTMLElement","prototype","internals","attachInternals","e","console","warn","checked","querySelector","innerHTML","trim","handleCheckedChange","newValue","updateFormValue","_a","setFormValue","value","name","errorChanged","oldValue","ifxError","emit","handleRadioButtonClick","event","stopPropagation","inputElement","click","ifxChange","changeEvent","CustomEvent","bubbles","composed","detail","dispatchEvent","handleKeyDown","ev","includes","key","preventDefault","PointerEvent","handleExternalChange","target","tagName","toLowerCase","getAttribute","render","h","role","String","class","onClick","tabindex","ref"],"sources":["src/components/radio-button/radio-button.scss?tag=ifx-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: inline-flex;\n    --_ifx-fallback-display: none !important;\n}\n\n._ifx-radiobutton-fallback {\n    display: var(--_ifx-fallback-display);\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0,0,0,0) !important;\n    border: 0 !important;\n  }\n\n.radioButton__container {\n    box-sizing: border-box;\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    cursor: pointer;\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n    &.m .radioButton__wrapper {\n        width: tokens.$ifxSize300;\n        height: tokens.$ifxSize300;\n    }\n\n    .radioButton__wrapper {\n        width: tokens.$ifxSize250;\n        height: tokens.$ifxSize250;\n        position: relative;\n        display: block;\n        border-radius: 50%;\n        background-color: tokens.$ifxColorBaseWhite;\n        border: 1px solid #575352;\n\n        &:focus {\n            outline: none;\n\n            &::before {\n                content: '';\n                position: absolute;\n                width: calc(100% + 4px);\n                height: calc(100% + 4px);\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                border: 2px solid tokens.$ifxColorOcean500;\n                border-radius: 50%;\n            }\n        }\n\n        .radioButton__wrapper-mark {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            background-color: #0A8276;\n            border-radius: 50%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            border-color: tokens.$ifxColorBaseTransparent;\n        }\n\n        &:hover {\n            background-color: tokens.$ifxColorEngineering200;\n        }\n\n        &.disabled {\n            background-color: #BFBBBB;\n            border-color: #BFBBBB;\n\n            &.error {\n\n                &:hover,\n                &:focus-visible {\n                    border-color: #CD002F;\n                }\n            }\n        }\n\n        &.checked {\n            border-color: #0A8276;\n\n            &::after {\n                content: \"\";\n                position: absolute;\n                top: 50%;\n                left: 50%;\n                transform: translate(-50%, -50%);\n                width: 10px;\n                height: 10px;\n                background-color: #0A8276;\n                border-radius: 50%;\n            }\n\n            &.disabled::after {\n                background-color: #BFBBBB;\n            }\n\n\n            &:hover {\n                border-color: tokens.$ifxColorOcean600;\n\n                & .radioButton__wrapper-mark {\n                    background-color: tokens.$ifxColorOcean600;\n                }\n            }\n\n            &.disabled {\n                background-color: tokens.$ifxColorBaseWhite;\n                border-color: #BFBBBB;\n\n                &.disabled::after {\n                    background-color: #BFBBBB;\n                }\n\n                & .radioButton__wrapper-mark {\n                    background-color: #BFBBBB;\n                }\n            }\n            &.error::after {\n                border-color: #CD002F;\n                background-color: #CD002F;\n            }\n        }\n\n        &.error:not(.disabled) {\n            border-color: #CD002F;\n\n            &:hover,\n            &:focus-visible {\n                border-color: #CD002F;\n            }\n        }\n    }\n\n    .label {\n        display: flex;\n        align-items: center;\n        height: tokens.$ifxSize250;\n        font-style: normal;\n        font-weight: 400;\n        font-size: tokens.$ifxFontSizeS;\n        line-height: tokens.$ifxLineHeightS;\n        color: tokens.$ifxColorBaseBlack;\n        flex: none;\n        order: 1;\n        flex-grow: 0;\n\n        &.label-m {\n            height: tokens.$ifxSize300;\n            font-size: tokens.$ifxFontSizeM;\n            line-height: tokens.$ifxLineHeightM;\n        }\n\n        &.disabled {\n            color: #BFBBBB;\n        }\n\n\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n}\n\n","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\n\n@Component({\n  tag: 'ifx-radio-button',\n  styleUrl: 'radio-button.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class RadioButton {\n  @Element() el: HTMLElement;\n  @Prop() disabled: boolean = false;\n  @Prop() value: string;\n  @Prop() error: boolean = false;\n  @Prop({ reflect: true }) size: \"s\" | \"m\" = \"s\";\n  @Prop({ reflect: true }) name: string;\n  @Prop({ mutable: true }) checked: boolean;\n  @State() internalChecked: boolean = false;\n  @State() hasSlot: boolean = false;\n\n  private inputElement: HTMLInputElement;\n  private internals: ElementInternals;\n  private fallbackInput: HTMLInputElement;\n\n  @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter;\n  @Event({ eventName: 'ifxError' }) ifxError: EventEmitter;\n\n  componentWillLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      trackComponent('ifx-radio-button')\n    }\n    // Fallback for form association\n    this.fallbackInput = document.createElement('input');\n    this.fallbackInput.type = 'radio';\n    this.fallbackInput.hidden = true;\n    this.fallbackInput.className = '_ifx-radiobutton-fallback';\n    this.fallbackInput.style.cssText = `\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;\n    this.fallbackInput.setAttribute('aria-hidden', 'true');\n    this.fallbackInput.tabIndex = -1;\n    this.el.appendChild(this.fallbackInput);\n\n    // Initialize ElementInternals if supported\n    if ('attachInternals' in HTMLElement.prototype) {\n      try {\n        this.internals = this.el.attachInternals();\n      } catch (e) {\n        console.warn('ElementInternals not supported');\n      }\n    }\n\n    // Initial state\n    this.internalChecked = this.checked || false;\n    this.hasSlot = !!this.el.querySelector('[slot]') || this.el.innerHTML.trim() !== '';\n  }\n\n  @Watch('checked')\n  handleCheckedChange(newValue: boolean) {\n    this.internalChecked = newValue;\n  }\n\n  @Watch('internalChecked')\n  updateFormValue() {\n    // Update both ElementInternals and fallback input\n    if (this.internals?.setFormValue) {\n      this.internals.setFormValue(this.internalChecked ? this.value : null);\n    }\n    this.fallbackInput.checked = this.internalChecked;\n    this.fallbackInput.name = this.name;\n    this.fallbackInput.value = this.value;\n    this.fallbackInput.disabled = this.disabled;\n  }\n\n  @Watch('error')\n    errorChanged(newValue: boolean, oldValue: boolean) {\n      if (newValue !== oldValue) {\n        this.ifxError.emit(newValue);\n      }\n    }\n\n  handleRadioButtonClick(event: Event) {\n    if (this.disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputElement.click();\n    this.internalChecked = this.inputElement.checked;\n    this.checked = this.internalChecked;\n    this.ifxChange.emit(this.internalChecked);\n\n    const changeEvent = new CustomEvent('change', {\n      bubbles: true,\n      composed: true,\n      detail: { checked: this.internalChecked }\n    });\n    this.el.dispatchEvent(changeEvent);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if ([' ', 'Enter'].includes(ev.key)) {\n      ev.preventDefault();\n      this.handleRadioButtonClick(new PointerEvent('click'));\n    }\n  }\n\n  @Listen('change', { target: 'document' })\n  handleExternalChange(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target === this.el || target.tagName.toLowerCase() !== 'ifx-radio-button') return;\n    \n    if (target.getAttribute('name') === this.name) {\n      this.internalChecked = false;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        role=\"radio\"\n        aria-checked={String(this.internalChecked)}\n        aria-disabled={String(this.disabled)}\n        class={`radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`}\n        onClick={(e) => this.handleRadioButtonClick(e)}\n        tabindex={this.disabled ? -1 : 0}\n      >\n        <div\n          class={`radioButton__wrapper \n            ${this.internalChecked ? 'checked' : ''} \n            ${this.disabled ? 'disabled' : ''} \n            ${this.error ? 'error' : ''}`}\n        >\n          {this.internalChecked && <div class=\"radioButton__wrapper-mark\"></div>}\n        </div>\n\n        {this.hasSlot && (\n          <div class={`label ${this.size === \"m\" ? \"label-m\" : \"\"} ${this.disabled ? 'disabled' : ''}`}>\n            <slot />\n          </div>\n        )}\n\n        <input\n          type=\"radio\"\n          hidden\n          ref={el => this.inputElement = el}\n          name={this.name}\n          value={this.value}\n          checked={this.internalChecked}\n          disabled={this.disabled}\n          onClick={(e) => e.stopPropagation()}\n        />\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as s,c as i,h as t,g as e}from"./p-b7a462e5.js";import{t as n}from"./p-6ecb6a6f.js";import{i as o}from"./p-1ecafb97.js";import{c as r}from"./p-5cdc6210.js";const h=':root {\n  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";\n}\n\n:host {\n  display: flex;\n}\n\n.search-field {\n  box-sizing: border-box;\n  background-color: #FFFFFF;\n  width: 100%;\n  font-family: var(--ifx-font-family);\n  position: relative;\n}\n.search-field .search-field__wrapper {\n  box-sizing: border-box;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  border: 1px solid #8D8786;\n  border-radius: 1px;\n  padding: 8px 16px;\n  gap: 12px;\n  flex: none;\n  order: 0;\n  align-self: stretch;\n  flex-grow: 0;\n  position: relative;\n  width: 100%;\n  outline: none;\n  color: #8D8786;\n}\n.search-field .search-field__wrapper.focused {\n  border: 1px solid #0A8276;\n}\n.search-field .search-field__wrapper.focused ifx-icon {\n  color: #575352;\n}\n.search-field .search-field__wrapper.search-field__wrapper-s {\n  height: 36px;\n}\n.search-field .search-field__wrapper:hover:not(.focused, :focus) {\n  border: 1px solid #3C3A39;\n}\n.search-field .search-field__wrapper:focus {\n  outline: none;\n  border: 1px solid #0A8276;\n}\n.search-field .search-field__wrapper .delete-icon {\n  right: 12px;\n  cursor: pointer;\n}\n.search-field .search-field__wrapper input[type=text] {\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  color: #8D8786;\n  border: none;\n  width: 100%;\n  outline: none;\n  height: 16px;\n}\n.search-field .search-field__wrapper input[type=text]:focus {\n  outline: none;\n  color: #1d1d1d;\n}\n.search-field .search-field__wrapper input[type=text]:disabled {\n  background-color: #EEEDED;\n}\n.search-field .search-field__wrapper:has(input[disabled]) {\n  background-color: #EEEDED;\n}\n.search-field .suggestions-dropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: #FFFFFF;\n  margin-top: 4px;\n  border: 1px solid #EEEDED;\n  box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1);\n  z-index: 1000;\n  max-height: 300px;\n  overflow-y: auto;\n  container-type: inline-size;\n}\n.search-field .suggestions-dropdown .suggestions-header {\n  font-family: Source Sans 3;\n  font-size: 0.8125rem;\n  font-weight: 600;\n  line-height: 1.25rem;\n  letter-spacing: 0.25em;\n  text-transform: uppercase;\n  color: #575352;\n  border-bottom: 1px solid #EEEDED;\n  padding: 12px 16px;\n}\n.search-field .suggestions-dropdown .suggestion-item {\n  padding: 12px 16px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n.search-field .suggestions-dropdown .suggestion-item:last-child {\n  border-bottom: none;\n}\n.search-field .suggestions-dropdown .suggestion-item:hover, .search-field .suggestions-dropdown .suggestion-item--selected {\n  background-color: #EEEDED;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon {\n  color: #575352;\n  flex-shrink: 0;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon--history {\n  color: #575352;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-shrink: 1;\n  min-width: 0;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope {\n  color: #8D8786;\n  flex-shrink: 0;\n  white-space: nowrap;\n  margin-left: 2px;\n  font-weight: 600;\n  font-size: 0.75rem;\n}\n@container (max-width: 320px) {\n  .search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text {\n    width: 100%;\n    max-width: 100%;\n  }\n  .search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope {\n    margin-left: 0;\n    margin-top: 0;\n    width: 100%;\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    flex-shrink: 1;\n  }\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-count {\n  color: #8D8786;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.2s ease, visibility 0.2s ease;\n  cursor: pointer;\n  margin-left: auto;\n  flex-shrink: 0;\n  color: #575352;\n}\n.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon:hover {\n  color: #3C3A39;\n}\n.search-field .suggestions-dropdown .suggestion-item:hover .suggestion-delete-icon {\n  opacity: 1;\n  visibility: visible;\n}\n.search-field .search-field__wrapper.dropdown-open {\n  border-radius: 1px 1px 0 0;\n  border-color: #0A8276;\n}';const a=h;const c=class{constructor(t){s(this,t);this.ifxInput=i(this,"ifxInput",7);this.ifxSuggestionRequested=i(this,"ifxSuggestionRequested",7);this.ifxSuggestionSelected=i(this,"ifxSuggestionSelected",7);this.ifxFocus=i(this,"ifxFocus",7);this.ifxBlur=i(this,"ifxBlur",7);this.value="";this.suggestions=[];this.showSuggestions=false;this.maxSuggestions=10;this.maxHistoryItems=5;this.enableHistory=true;this.historyKey="ifx-search-history";this.historyHeaderText="Recent Searches";this.ariaLabel="Search Field";this.deleteIconAriaLabel="Clear search";this.historyDeleteAriaLabel="Remove from history";this.dropdownAriaLabel="Search suggestions and history";this.suggestionAriaLabel="Search suggestion";this.historyItemAriaLabel="Search history item";this.showDropdown=false;this.filteredSuggestions=[];this.selectedSuggestionIndex=-1;this.searchHistory=[];this.showDeleteIcon=false;this.showDeleteIconInternalState=false;this.disabled=false;this.size="l";this.isFocused=false;this.placeholder="Search...";this.autocomplete="off";this.maxlength=null;this.focusEmitted=false;this.handleInput=()=>{const s=this.inputElement.value;this.value=s;this.ifxInput.emit(this.value);if(this.showSuggestions){this.showDropdown=true;this.selectedSuggestionIndex=-1;this.requestSuggestions(s)}};this.handleDelete=()=>{this.inputElement.value="";this.value="";this.ifxInput.emit(this.value);this.hideDropdown()};this.handleSearch=()=>{if(this.value.trim()&&this.enableHistory){if(this.filteredSuggestions.length>0){this.addToHistory(this.value)}}this.hideDropdown()};this.handleHistoryDelete=(s,i)=>{s.stopPropagation();this.removeFromHistory(i)}}componentDidLoad(){this.loadSearchHistory()}handleOutsideClick(s){const i=s.composedPath();if(!i.includes(this.inputElement)&&!i.includes(this.dropdownElement)){this.hideDropdown()}}handleKeyDown(s){if(!this.showDropdown)return;switch(s.key){case"ArrowDown":s.preventDefault();this.navigateSuggestions(1);break;case"ArrowUp":s.preventDefault();this.navigateSuggestions(-1);break;case"Enter":s.preventDefault();if(this.selectedSuggestionIndex>=0){this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex])}else{this.handleSearch()}break;case"Escape":this.hideDropdown();break}}valueWatcher(s){if(this.inputElement&&s!==this.inputElement.value){this.inputElement.value=s}this.updateSuggestions()}suggestionsWatcher(){this.updateSuggestions()}focusInput(){if(document.activeElement!==this.inputElement){this.inputElement.focus()}if(!this.focusEmitted){this.focusEmitted=true;this.isFocused=true;this.ifxFocus.emit()}if(this.showSuggestions){if(this.value.length===0){this.showHistoryDropdown();this.showDropdown=this.enableHistory&&this.searchHistory.length>0}else{this.updateSuggestions();this.showDropdown=this.filteredSuggestions.length>0}}}blurInput(){setTimeout((()=>{this.isFocused=false;this.focusEmitted=false;this.ifxBlur.emit()}),150)}loadSearchHistory(){if(this.enableHistory&&typeof localStorage!=="undefined"){const s=localStorage.getItem(this.historyKey);this.searchHistory=s?JSON.parse(s):[];this.updateSuggestions();if(this.value.length===0&&this.searchHistory.length===0){this.showDropdown=false}}}clearSearchHistory(){if(this.enableHistory&&typeof localStorage!=="undefined"){localStorage.removeItem(this.historyKey);this.searchHistory=[];this.filteredSuggestions=[];this.selectedSuggestionIndex=-1;this.showDropdown=false;this.updateSuggestions()}}addToHistory(s){if(!this.enableHistory||!s.trim())return;const i=[...this.searchHistory];const t=i.indexOf(s);if(t>-1){i.splice(t,1)}i.unshift(s);this.searchHistory=i.slice(0,this.maxHistoryItems);if(typeof localStorage!=="undefined"){localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory))}}removeFromHistory(s){if(!this.enableHistory)return;const i=[...this.searchHistory];const t=i.indexOf(s);if(t>-1){i.splice(t,1);this.searchHistory=i;if(typeof localStorage!=="undefined"){localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory))}this.updateSuggestions();if(this.searchHistory.length===0&&this.value.length===0){this.showDropdown=false}}}requestSuggestions(s){this.ifxSuggestionRequested.emit(s);this.updateSuggestions()}updateSuggestions(){const s=this.value.toLowerCase();let i=[];if(s.length>0){if(this.suggestions&&this.suggestions.length>0){const t=this.suggestions.filter((i=>i.text.toLowerCase().includes(s)));i=[...i,...t]}if(this.enableHistory&&this.searchHistory.length>0){const t=this.searchHistory.filter((i=>i.toLowerCase().includes(s))).map(((s,i)=>({id:`history-${i}`,text:s,type:"history"})));i=[...i,...t]}i.sort(((i,t)=>{const e=i.text.toLowerCase();const n=t.text.toLowerCase();if(e===s&&n!==s)return-1;if(n===s&&e!==s)return 1;const o=e.startsWith(s);const r=n.startsWith(s);if(o&&!r)return-1;if(r&&!o)return 1;if(i.type==="suggestion"&&t.type==="history")return-1;if(i.type==="history"&&t.type==="suggestion")return 1;return e.localeCompare(n)}))}else{if(this.enableHistory&&this.searchHistory.length>0){const s=this.searchHistory.map(((s,i)=>({id:`history-${i}`,text:s,type:"history"})));i=s}}const t=i.reduce(((s,i)=>{const t=s.findIndex((s=>s.text.toLowerCase()===i.text.toLowerCase()&&s.scope===i.scope));if(t===-1){s.push(i)}else{if(i.type==="history"&&s[t].type!=="history"){s[t]=i}}return s}),[]);this.filteredSuggestions=t.slice(0,this.maxSuggestions);this.selectedSuggestionIndex=-1}navigateSuggestions(s){const i=this.filteredSuggestions.length-1;if(s>0){this.selectedSuggestionIndex=this.selectedSuggestionIndex<i?this.selectedSuggestionIndex+1:0}else{this.selectedSuggestionIndex=this.selectedSuggestionIndex>0?this.selectedSuggestionIndex-1:i}}selectSuggestion(s){this.value=s.text;this.inputElement.value=s.text;this.ifxSuggestionSelected.emit(s);this.ifxInput.emit(this.value);if(this.enableHistory){this.addToHistory(s.text)}this.hideDropdown()}hideDropdown(){this.showDropdown=false;this.selectedSuggestionIndex=-1;this.isFocused=false}showHistoryDropdown(){if(this.enableHistory&&this.searchHistory.length>0){const s=this.searchHistory.map(((s,i)=>({id:`history-${i}`,text:s,type:"history"})));this.filteredSuggestions=s.slice(0,this.maxSuggestions);this.selectedSuggestionIndex=-1}else{this.filteredSuggestions=[]}}isShowingOnlyHistory(){return this.value.length===0&&this.filteredSuggestions.length>0&&this.filteredSuggestions.every((s=>s.type==="history"))}renderHighlightedText(s,i){if(!i||i.length===0){return s}const e=s.toLowerCase();const n=i.toLowerCase();const o=e.indexOf(n);if(o===-1){return s}const r=s.substring(0,o);const h=s.substring(o,o+i.length);const a=s.substring(o+i.length);return[r,t("strong",null,h),a]}componentWillLoad(){if(!o(this.el)){n("ifx-search-field")}}componentWillUpdate(){if(this.value!==""){this.showDeleteIconInternalState=true}else this.showDeleteIconInternalState=false}render(){return t("div",{key:"4da3162143ec59ecbfd9f6e24614ac3e8b0f4c01","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedBy,"aria-disabled":this.disabled,"aria-value":this.value,class:"search-field"},t("div",{key:"8e7ebb967162adacbf3374bc7183db4e06cba908",class:this.getWrapperClassNames(),tabindex:1,onClick:()=>this.focusInput()},t("ifx-icon",{key:"d6d8c67fa6fcadbb539a657f64496ed9ca6eb796",icon:"search-16",class:"search-icon"}),t("input",{key:"10447614b69bba67043b83ac11b36e6997c99cc2",ref:s=>this.inputElement=s,type:"text",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),onFocus:()=>this.focusInput(),onBlur:()=>this.blurInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value,role:"combobox","aria-expanded":this.showDropdown,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedBy,"aria-owns":this.showDropdown?"suggestions-dropdown":undefined,"aria-activedescendant":this.selectedSuggestionIndex>=0?`suggestion-${this.selectedSuggestionIndex}`:undefined}),this.showDeleteIcon&&this.showDeleteIconInternalState?t("ifx-icon",{icon:"cRemove16",class:"delete-icon",onClick:this.handleDelete,role:"button",tabindex:"0","aria-label":this.deleteIconAriaLabel,onKeyDown:s=>{if(s.key==="Enter"||s.key===" "){s.preventDefault();this.handleDelete()}}}):null),this.showDropdown&&this.filteredSuggestions.length>0&&t("div",{key:"50628b1eaa425552673b41dbdd30acab87b61f78",ref:s=>this.dropdownElement=s,id:"suggestions-dropdown",class:"suggestions-dropdown",role:"listbox","aria-label":this.dropdownAriaLabel},this.isShowingOnlyHistory()&&t("div",{key:"042c2c962919aa59f724e8096ec886c400a590e8",class:"suggestions-header"},this.historyHeaderText),this.filteredSuggestions.map(((s,i)=>t("div",{key:s.id,id:`suggestion-${i}`,class:this.getSuggestionClassNames(i),role:"option","aria-selected":i===this.selectedSuggestionIndex,"aria-label":`${s.type==="history"?this.historyItemAriaLabel:this.suggestionAriaLabel}: ${s.text}${s.scope?`, ${s.scope}`:""}${s.resultCount?`, ${s.resultCount} results`:""}`,onClick:()=>this.selectSuggestion(s),onMouseEnter:()=>this.selectedSuggestionIndex=i},t("div",{class:"suggestion-content"},s.type==="history"&&t("ifx-icon",{icon:"history-16",class:"suggestion-icon suggestion-icon--history"}),s.type==="suggestion"&&t("ifx-icon",{icon:"search-16",class:"suggestion-icon suggestion-icon--suggestion"}),t("span",{class:"suggestion-text"},t("span",{class:"suggestion-main-text"},this.renderHighlightedText(s.text,this.value)),s.scope&&t("span",{class:"suggestion-scope"},"– ",s.scope)),s.resultCount!==undefined&&s.scope&&t("span",{class:"suggestion-count"},s.resultCount),s.type==="history"&&t("ifx-icon",{icon:"cross16",class:"suggestion-delete-icon",role:"button",tabindex:"0","aria-label":`${this.historyDeleteAriaLabel}: ${s.text}`,onClick:i=>this.handleHistoryDelete(i,s.text),onKeyDown:i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.handleHistoryDelete(i,s.text)}}})))))))}getSizeClass(){return`${this.size}`==="s"?"search-field__wrapper-s":""}getWrapperClassNames(){return r(`search-field__wrapper`,`search-field__wrapper ${this.getSizeClass()}`,`${this.isFocused?"focused":""}`,`${this.showDropdown?"dropdown-open":""}`)}getSuggestionClassNames(s){var i;return r("suggestion-item",{"suggestion-item--selected":s===this.selectedSuggestionIndex,"suggestion-item--history":((i=this.filteredSuggestions[s])===null||i===void 0?void 0:i.type)==="history"})}get el(){return e(this)}static get watchers(){return{value:["valueWatcher"],suggestions:["suggestionsWatcher"]}}};c.style=a;export{c as ifx_search_field};
-//# sourceMappingURL=p-fe9ee89e.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["searchFieldCss","IfxSearchFieldStyle0","SearchField","constructor","hostRef","this","value","suggestions","showSuggestions","maxSuggestions","maxHistoryItems","enableHistory","historyKey","historyHeaderText","ariaLabel","deleteIconAriaLabel","historyDeleteAriaLabel","dropdownAriaLabel","suggestionAriaLabel","historyItemAriaLabel","showDropdown","filteredSuggestions","selectedSuggestionIndex","searchHistory","showDeleteIcon","showDeleteIconInternalState","disabled","size","isFocused","placeholder","autocomplete","maxlength","focusEmitted","handleInput","query","inputElement","ifxInput","emit","requestSuggestions","handleDelete","hideDropdown","handleSearch","trim","length","addToHistory","handleHistoryDelete","event","term","stopPropagation","removeFromHistory","componentDidLoad","loadSearchHistory","handleOutsideClick","path","composedPath","includes","dropdownElement","handleKeyDown","key","preventDefault","navigateSuggestions","selectSuggestion","valueWatcher","newValue","updateSuggestions","suggestionsWatcher","focusInput","document","activeElement","focus","ifxFocus","showHistoryDropdown","blurInput","setTimeout","ifxBlur","localStorage","stored","getItem","JSON","parse","clearSearchHistory","removeItem","history","existingIndex","indexOf","splice","unshift","slice","setItem","stringify","index","ifxSuggestionRequested","toLowerCase","filteredExternal","filter","s","text","filteredHistory","map","id","type","sort","a","b","aText","bText","aStartsWith","startsWith","bStartsWith","localeCompare","historySuggestions","uniqueSuggestions","reduce","unique","current","findIndex","item","scope","push","direction","maxIndex","suggestion","ifxSuggestionSelected","isShowingOnlyHistory","every","renderHighlightedText","lowerText","lowerQuery","before","substring","match","after","h","componentWillLoad","isNestedInIfxComponent","el","trackComponent","componentWillUpdate","render","ariaLabelledBy","ariaDescribedBy","class","getWrapperClassNames","tabindex","onClick","icon","ref","onInput","onFocus","onBlur","role","undefined","onKeyDown","getSuggestionClassNames","resultCount","onMouseEnter","getSizeClass","classNames","_a"],"sources":["src/components/search-field/search-field.scss?tag=ifx-search-field&encapsulation=shadow","src/components/search-field/search-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: flex;\n}\n\n.search-field {\n  box-sizing: border-box;\n  background-color: tokens.$ifxColorBaseWhite;\n  width: 100%;\n  font-family: var(--ifx-font-family);\n  position: relative; // Wichtig für absolute positioning des Dropdowns\n\n  .search-field__wrapper {\n    box-sizing: border-box;\n    height: tokens.$ifxSize500;\n    display: flex;\n    align-items: center;\n    border: 1px solid #8D8786;\n    border-radius: tokens.$ifxBorderRadius12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    gap: tokens.$ifxSpace150;\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n    position: relative;\n    width: 100%;\n    outline: none;\n    color: tokens.$ifxColorEngineering400;\n\n    &.focused {\n      border: 1px solid tokens.$ifxColorOcean500;\n\n      & ifx-icon {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    &.search-field__wrapper-s {\n      height: 36px;\n    }\n\n\n    &:hover:not(.focused, :focus) {\n      border: 1px solid #3C3A39;\n    }\n\n    &:focus {\n      outline: none;\n      border: 1px solid #0A8276;\n    }\n\n\n    .delete-icon {\n      right: 12px;\n      cursor: pointer;\n    }\n\n    input[type='text'] {\n      font-style: normal;\n      font-weight: 400;\n      font-size: 16px;\n      //line-height: 24px;\n      color: #8D8786;\n      border: none;\n      width: 100%;\n      outline: none;\n      //height: 100%;\n      height: 16px;\n\n      &:focus {\n        outline: none;\n        color: #1d1d1d;\n      }\n\n      &:disabled {\n        background-color: #EEEDED;\n      }\n    }\n\n    &:has(input[disabled]) {\n      background-color: #EEEDED;\n    }\n  }\n\n  // Suggestions Dropdown Styles\n  .suggestions-dropdown {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    background: tokens.$ifxColorBaseWhite;\n    margin-top: tokens.$ifxSpace50;\n    border: 1px solid tokens.$ifxColorEngineering200;\n    box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.10);\n    z-index: 1000;\n    max-height: 300px;\n    overflow-y: auto;\n    container-type: inline-size; // Enable container queries\n\n    .suggestions-header {\n      // font: tokens.$ifxEyebrowEyebrow02; TODO\n      font-family: Source Sans 3;\n      font-size: 0.8125rem;\n      font-weight: 600;\n      line-height: 1.25rem;\n\n      letter-spacing: 0.25em;\n      text-transform: uppercase;\n      color: tokens.$ifxColorEngineering500;\n      border-bottom: 1px solid tokens.$ifxColorEngineering200;\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n    }\n\n    .suggestion-item {\n      padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n      cursor: pointer;\n      transition: background-color 0.2s ease;\n\n      &:last-child {\n        border-bottom: none;\n      }\n\n      &:hover,\n      &--selected {\n        background-color: tokens.$ifxColorEngineering200;\n      }\n\n      .suggestion-content {\n        display: flex;\n        align-items: center;\n        gap: tokens.$ifxSpace150;\n\n        .suggestion-icon {\n          color: tokens.$ifxColorEngineering500;\n          flex-shrink: 0;\n\n          &--history {\n            color: tokens.$ifxColorEngineering500;\n          }\n        }\n\n        .suggestion-text {\n          flex: 1;\n          display: flex;\n          align-items: center;\n          min-width: 0; // Important for flexbox truncation\n\n          .suggestion-main-text {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            flex-shrink: 1;\n            min-width: 0;\n          }\n\n          .suggestion-scope {\n            color: tokens.$ifxColorEngineering400;\n            flex-shrink: 0; // Never truncate the scope\n            white-space: nowrap;\n            margin-left: tokens.$ifxSpace25; // Add space before the scope\n            font-weight: tokens.$ifxFontWeightSemibold;\n            font-size: tokens.$ifxFontSizeXs;\n          }\n\n          // When container is narrow, stack scope below main text\n          @container (max-width: 320px) {\n            flex-direction: column;\n            align-items: flex-start;\n\n            .suggestion-main-text {\n              width: 100%;\n              max-width: 100%;\n            }\n\n            .suggestion-scope {\n              margin-left: 0;\n              margin-top: 0;\n              width: 100%;\n              max-width: 100%;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              flex-shrink: 1; // Allow truncation when narrow\n            }\n          }\n        }\n\n        .suggestion-count {\n          color: tokens.$ifxColorEngineering400;\n          margin-left: auto;\n          flex-shrink: 0;\n        }\n\n        .suggestion-delete-icon {\n          opacity: 0;\n          visibility: hidden;\n          transition: opacity 0.2s ease, visibility 0.2s ease;\n          cursor: pointer;\n          margin-left: auto;\n          flex-shrink: 0;\n          color: tokens.$ifxColorEngineering500;\n\n          &:hover {\n            color: tokens.$ifxColorEngineering600;\n          }\n        }\n      }\n\n      &:hover {\n        .suggestion-delete-icon {\n          opacity: 1;\n          visibility: visible;\n        }\n      }\n    }\n  }\n\n  // Wrapper modifications when dropdown is open\n  .search-field__wrapper.dropdown-open {\n    border-radius: tokens.$ifxBorderRadius12 tokens.$ifxBorderRadius12 0 0;\n    border-color: tokens.$ifxColorOcean500;\n  }\n}\n","import { Component, EventEmitter, h, Event, Prop, Watch, State, Listen, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport classNames from 'classnames';\n\nexport interface SuggestionItem {\n  id: string;\n  text: string;\n  type?: 'suggestion' | 'history';\n  scope?: string;\n  resultCount?: number;\n  metadata?: any;\n}\n\n@Component({\n  tag: 'ifx-search-field',\n  styleUrl: 'search-field.scss',\n  shadow: true\n})\n\nexport class SearchField {\n  @Element() el;\n  private inputElement: HTMLInputElement;\n  private dropdownElement: HTMLDivElement;\n\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() suggestions: SuggestionItem[] = [];\n  @Prop() showSuggestions: boolean = false;\n  @Prop() maxSuggestions: number = 10;\n  @Prop() maxHistoryItems: number = 5;\n  @Prop() enableHistory: boolean = true;\n  @Prop() historyKey: string = 'ifx-search-history';\n  @Prop() historyHeaderText: string = 'Recent Searches';\n\n  // ARIA Labels and Accessibility Props\n  @Prop() ariaLabel: string | null = \"Search Field\"\n  @Prop() ariaLabelledBy?: string | null;\n  @Prop() ariaDescribedBy?: string | null;\n  @Prop() deleteIconAriaLabel: string = 'Clear search';\n  @Prop() historyDeleteAriaLabel: string = 'Remove from history';\n  @Prop() dropdownAriaLabel: string = 'Search suggestions and history';\n  @Prop() suggestionAriaLabel: string = 'Search suggestion';\n  @Prop() historyItemAriaLabel: string = 'Search history item';\n\n  @Event() ifxInput: EventEmitter<string>;\n  @Event() ifxSuggestionRequested: EventEmitter<string>;\n  @Event() ifxSuggestionSelected: EventEmitter<SuggestionItem>;\n  @Event() ifxFocus: EventEmitter<void>;\n  @Event() ifxBlur: EventEmitter<void>;\n\n  @State() showDropdown: boolean = false;\n  @State() filteredSuggestions: SuggestionItem[] = [];\n  @State() selectedSuggestionIndex: number = -1;\n  @State() searchHistory: string[] = [];\n\n  @Prop() showDeleteIcon: boolean = false;\n  @State() showDeleteIconInternalState: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() size: string = 'l';\n  @State() isFocused: boolean = false;\n  @Prop() placeholder: string = \"Search...\";\n  @Prop() autocomplete: string = \"off\";\n  @Prop() maxlength?: number = null;\n\n  private focusEmitted: boolean = false;\n\n  componentDidLoad() {\n    this.loadSearchHistory();\n  }\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.inputElement) && !path.includes(this.dropdownElement)) {\n      this.hideDropdown();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.showDropdown) return;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        this.navigateSuggestions(1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        this.navigateSuggestions(-1);\n        break;\n      case 'Enter':\n        event.preventDefault();\n        if (this.selectedSuggestionIndex >= 0) {\n          this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]);\n        } else {\n          this.handleSearch();\n        }\n        break;\n      case 'Escape':\n        this.hideDropdown();\n        break;\n    }\n  }\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (this.inputElement && newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n    this.updateSuggestions();\n  }\n\n  @Watch('suggestions')\n  suggestionsWatcher() {\n    this.updateSuggestions();\n  }\n\n\n  handleInput = () => {\n    const query = this.inputElement.value;\n    this.value = query;\n    this.ifxInput.emit(this.value);\n\n    if (this.showSuggestions) {\n      this.showDropdown = true;\n      this.selectedSuggestionIndex = -1;\n      this.requestSuggestions(query);\n    }\n  };\n\n  handleDelete = () => {\n    this.inputElement.value = '';\n    this.value = \"\";\n    this.ifxInput.emit(this.value);\n    this.hideDropdown();\n  }\n\n  handleSearch = () => {\n    if (this.value.trim() && this.enableHistory) {\n      // Only add to history if there are actual results\n      if (this.filteredSuggestions.length > 0) {\n        this.addToHistory(this.value);\n      }\n    }\n    this.hideDropdown();\n  }\n\n  focusInput() {\n    // Don't call focus() if the input is already focused to prevent unnecessary operations\n    if (document.activeElement !== this.inputElement) {\n      this.inputElement.focus();\n    }\n\n    // Only emit focus event if it hasn't been emitted already\n    if (!this.focusEmitted) {\n      this.focusEmitted = true;\n      this.isFocused = true;\n      this.ifxFocus.emit();\n    }\n\n    if (this.showSuggestions) {\n      // On focus without input: Show only history\n      if (this.value.length === 0) {\n        this.showHistoryDropdown();\n        // Only show dropdown if history is actually present\n        this.showDropdown = this.enableHistory && this.searchHistory.length > 0;\n      } else {\n        // With existing input: Normal suggestion logic\n        this.updateSuggestions();\n        this.showDropdown = this.filteredSuggestions.length > 0;\n      }\n    }\n  }\n\n  blurInput() {\n    setTimeout(() => {\n      this.isFocused = false;\n      this.focusEmitted = false; // Reset focus flag when blur occurs\n      this.ifxBlur.emit();\n    }, 150);\n  }\n\n  // Public method to update history from external sources\n  public loadSearchHistory() {\n    if (this.enableHistory && typeof localStorage !== 'undefined') {\n      const stored = localStorage.getItem(this.historyKey);\n      this.searchHistory = stored ? JSON.parse(stored) : [];\n\n      // Update suggestions when history is loaded\n      this.updateSuggestions();\n\n      // If no input and no history left, close dropdown\n      if (this.value.length === 0 && this.searchHistory.length === 0) {\n        this.showDropdown = false;\n      }\n    }\n  }\n\n  // Public method to completely clear history\n  public clearSearchHistory() {\n    if (this.enableHistory && typeof localStorage !== 'undefined') {\n      // Clear from localStorage\n      localStorage.removeItem(this.historyKey);\n\n      // Clear internal history\n      this.searchHistory = [];\n\n      // Reset all dropdown-relevant states\n      this.filteredSuggestions = [];\n      this.selectedSuggestionIndex = -1;\n      this.showDropdown = false;\n\n      // Update suggestions after reset\n      this.updateSuggestions();\n    }\n  }\n\n  // Suggestion Management Methods\n  private addToHistory(term: string) {\n    if (!this.enableHistory || !term.trim()) return;\n\n    const history = [...this.searchHistory];\n    const existingIndex = history.indexOf(term);\n\n    if (existingIndex > -1) {\n      history.splice(existingIndex, 1);\n    }\n\n    history.unshift(term);\n    // Limit history to maxHistoryItems (default 5)\n    this.searchHistory = history.slice(0, this.maxHistoryItems);\n\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n    }\n  }\n\n  // Remove individual history entry\n  private removeFromHistory(term: string) {\n    if (!this.enableHistory) return;\n\n    const history = [...this.searchHistory];\n    const index = history.indexOf(term);\n\n    if (index > -1) {\n      history.splice(index, 1);\n      this.searchHistory = history;\n\n      // Update localStorage\n      if (typeof localStorage !== 'undefined') {\n        localStorage.setItem(this.historyKey, JSON.stringify(this.searchHistory));\n      }\n\n      // Update suggestions after removal\n      this.updateSuggestions();\n\n      // Close dropdown if no history remains\n      if (this.searchHistory.length === 0 && this.value.length === 0) {\n        this.showDropdown = false;\n      }\n    }\n  }\n\n  // Handle click on history delete button\n  private handleHistoryDelete = (event: Event, term: string) => {\n    event.stopPropagation(); // Prevent selection of the entry\n    this.removeFromHistory(term);\n  }\n\n  private requestSuggestions(query: string) {\n    this.ifxSuggestionRequested.emit(query);\n    this.updateSuggestions();\n  }\n\n  private updateSuggestions() {\n    const query = this.value.toLowerCase();\n    let suggestions: SuggestionItem[] = [];\n\n    if (query.length > 0) {\n      // For text input: Mix external suggestions and relevant history\n\n      // 1. Filter external suggestions\n      if (this.suggestions && this.suggestions.length > 0) {\n        const filteredExternal = this.suggestions.filter(s =>\n          s.text.toLowerCase().includes(query)\n        );\n        suggestions = [...suggestions, ...filteredExternal];\n      }\n\n      // 2. Filter relevant history entries\n      if (this.enableHistory && this.searchHistory.length > 0) {\n        const filteredHistory = this.searchHistory\n          .filter(term => term.toLowerCase().includes(query))\n          .map((term, index) => ({\n            id: `history-${index}`,\n            text: term,\n            type: 'history' as const\n          }));\n        suggestions = [...suggestions, ...filteredHistory];\n      }\n\n      // 3. Sort by relevance (exact matches first, then prefix matches)\n      suggestions.sort((a, b) => {\n        const aText = a.text.toLowerCase();\n        const bText = b.text.toLowerCase();\n\n        // Exact match has highest priority\n        if (aText === query && bText !== query) return -1;\n        if (bText === query && aText !== query) return 1;\n\n        // Prefix match has second highest priority\n        const aStartsWith = aText.startsWith(query);\n        const bStartsWith = bText.startsWith(query);\n\n        if (aStartsWith && !bStartsWith) return -1;\n        if (bStartsWith && !aStartsWith) return 1;\n\n        // With equal relevance: external suggestions before history\n        if (a.type === 'suggestion' && b.type === 'history') return -1;\n        if (a.type === 'history' && b.type === 'suggestion') return 1;\n\n        // Alphabetical sorting as last criterion\n        return aText.localeCompare(bText);\n      });\n\n    } else {\n      // For empty query: Show only history (no external suggestions)\n      if (this.enableHistory && this.searchHistory.length > 0) {\n        const historySuggestions = this.searchHistory.map((term, index) => ({\n          id: `history-${index}`,\n          text: term,\n          type: 'history' as const\n        }));\n\n        suggestions = historySuggestions;\n      }\n      // For empty query DO NOT show external suggestions\n    }\n\n    // Remove duplicates based on text and scope combination (history takes precedence over external)\n    const uniqueSuggestions = suggestions.reduce((unique: SuggestionItem[], current) => {\n      const existingIndex = unique.findIndex(item =>\n        item.text.toLowerCase() === current.text.toLowerCase() &&\n        item.scope === current.scope\n      );\n      if (existingIndex === -1) {\n        unique.push(current);\n      } else {\n        // If already exists, prefer history over external suggestions\n        if (current.type === 'history' && unique[existingIndex].type !== 'history') {\n          unique[existingIndex] = current;\n        }\n      }\n      return unique;\n    }, []);\n\n    this.filteredSuggestions = uniqueSuggestions.slice(0, this.maxSuggestions);\n    this.selectedSuggestionIndex = -1;\n  }\n\n  private navigateSuggestions(direction: number) {\n    const maxIndex = this.filteredSuggestions.length - 1;\n\n    if (direction > 0) {\n      this.selectedSuggestionIndex = this.selectedSuggestionIndex < maxIndex\n        ? this.selectedSuggestionIndex + 1\n        : 0;\n    } else {\n      this.selectedSuggestionIndex = this.selectedSuggestionIndex > 0\n        ? this.selectedSuggestionIndex - 1\n        : maxIndex;\n    }\n  }\n\n  private selectSuggestion(suggestion: SuggestionItem) {\n    this.value = suggestion.text;\n    this.inputElement.value = suggestion.text;\n    this.ifxSuggestionSelected.emit(suggestion);\n    this.ifxInput.emit(this.value);\n\n    if (this.enableHistory) {\n      // Always add selected suggestions to history since they are valid results\n      this.addToHistory(suggestion.text);\n    }\n\n    this.hideDropdown();\n  }\n\n  private hideDropdown() {\n    this.showDropdown = false;\n    this.selectedSuggestionIndex = -1;\n    this.isFocused = false;\n  }\n\n  // Show only history in dropdown (e.g. on focus without input)\n  private showHistoryDropdown() {\n    if (this.enableHistory && this.searchHistory.length > 0) {\n      // Show only history entries\n      const historySuggestions = this.searchHistory.map((term, index) => ({\n        id: `history-${index}`,\n        text: term,\n        type: 'history' as const\n      }));\n\n      this.filteredSuggestions = historySuggestions.slice(0, this.maxSuggestions);\n      this.selectedSuggestionIndex = -1;\n    } else {\n      this.filteredSuggestions = [];\n    }\n  }\n\n  // Check if only history entries are displayed (without text input)\n  private isShowingOnlyHistory(): boolean {\n    return this.value.length === 0 &&\n           this.filteredSuggestions.length > 0 &&\n           this.filteredSuggestions.every(s => s.type === 'history');\n  }\n\n  // Render text with highlighted matches\n  private renderHighlightedText(text: string, query: string) {\n    if (!query || query.length === 0) {\n      return text;\n    }\n\n    const lowerText = text.toLowerCase();\n    const lowerQuery = query.toLowerCase();\n    const index = lowerText.indexOf(lowerQuery);\n\n    if (index === -1) {\n      return text;\n    }\n\n    const before = text.substring(0, index);\n    const match = text.substring(index, index + query.length);\n    const after = text.substring(index + query.length);\n\n    return [\n      before,\n      <strong>{match}</strong>,\n      after\n    ];\n  }\n\n  componentWillLoad() {\n    if(!isNestedInIfxComponent(this.el)) {\n      trackComponent('ifx-search-field')\n    }\n  }\n\n  componentWillUpdate() {\n    if (this.value !== \"\") {\n      this.showDeleteIconInternalState = true;\n    } else this.showDeleteIconInternalState = false;\n  }\n\n  render() {\n    return (\n      <div\n        aria-label={this.ariaLabel}\n        aria-labelledby={this.ariaLabelledBy}\n        aria-describedby={this.ariaDescribedBy}\n        aria-disabled={this.disabled}\n        aria-value={this.value}\n        class='search-field'\n      >\n        <div\n          class={this.getWrapperClassNames()}\n          tabindex={1}\n          onClick={() => this.focusInput()}\n        >\n          <ifx-icon icon=\"search-16\" class=\"search-icon\"></ifx-icon>\n          <input\n            ref={(el) => (this.inputElement = el)}\n            type=\"text\"\n            autocomplete={this.autocomplete}\n            onInput={() => this.handleInput()}\n            onFocus={() => this.focusInput()}\n            onBlur={() => this.blurInput()}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            maxlength={this.maxlength}\n            value={this.value}\n            role=\"combobox\"\n            aria-expanded={this.showDropdown}\n            aria-autocomplete=\"list\"\n            aria-haspopup=\"listbox\"\n            aria-label={this.ariaLabel}\n            aria-labelledby={this.ariaLabelledBy}\n            aria-describedby={this.ariaDescribedBy}\n            aria-owns={this.showDropdown ? 'suggestions-dropdown' : undefined}\n            aria-activedescendant={this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined}\n          />\n          {this.showDeleteIcon && this.showDeleteIconInternalState ? (\n            <ifx-icon\n              icon=\"cRemove16\"\n              class=\"delete-icon\"\n              onClick={this.handleDelete}\n              role=\"button\"\n              tabindex=\"0\"\n              aria-label={this.deleteIconAriaLabel}\n              onKeyDown={(event) => {\n                if (event.key === 'Enter' || event.key === ' ') {\n                  event.preventDefault();\n                  this.handleDelete();\n                }\n              }}>\n            </ifx-icon>\n          ) : null}\n        </div>\n\n        {/* Suggestions Dropdown */}\n        {this.showDropdown && this.filteredSuggestions.length > 0 && (\n          <div\n            ref={(el) => (this.dropdownElement = el)}\n            id=\"suggestions-dropdown\"\n            class=\"suggestions-dropdown\"\n            role=\"listbox\"\n            aria-label={this.dropdownAriaLabel}\n          >\n            {/* History Header - only show when exclusively showing history entries */}\n            {this.isShowingOnlyHistory() && (\n              <div class=\"suggestions-header\">\n                {this.historyHeaderText}\n              </div>\n            )}\n\n            {this.filteredSuggestions.map((suggestion, index) => (\n              <div\n                key={suggestion.id}\n                id={`suggestion-${index}`}\n                class={this.getSuggestionClassNames(index)}\n                role=\"option\"\n                aria-selected={index === this.selectedSuggestionIndex}\n                aria-label={`${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`}\n                onClick={() => this.selectSuggestion(suggestion)}\n                onMouseEnter={() => this.selectedSuggestionIndex = index}\n              >\n                <div class=\"suggestion-content\">\n                  {suggestion.type === 'history' && (\n                    <ifx-icon icon=\"history-16\" class=\"suggestion-icon suggestion-icon--history\"></ifx-icon>\n                  )}\n                  {suggestion.type === 'suggestion' && (\n                    <ifx-icon icon=\"search-16\" class=\"suggestion-icon suggestion-icon--suggestion\"></ifx-icon>\n                  )}\n                  <span class=\"suggestion-text\">\n                    <span class=\"suggestion-main-text\">\n                      {this.renderHighlightedText(suggestion.text, this.value)}\n                    </span>\n                    {suggestion.scope && (\n                      <span class=\"suggestion-scope\">– {suggestion.scope}</span>\n                    )}\n                  </span>\n\n                  {suggestion.resultCount !== undefined && suggestion.scope && (\n                    <span class=\"suggestion-count\">{suggestion.resultCount}</span>\n                  )}\n\n                  {/* Delete Button only for history entries */}\n                  {suggestion.type === 'history' && (\n                    <ifx-icon\n                      icon=\"cross16\"\n                      class=\"suggestion-delete-icon\"\n                      role=\"button\"\n                      tabindex=\"0\"\n                      aria-label={`${this.historyDeleteAriaLabel}: ${suggestion.text}`}\n                      onClick={(event) => this.handleHistoryDelete(event, suggestion.text)}\n                      onKeyDown={(event) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          event.preventDefault();\n                          this.handleHistoryDelete(event, suggestion.text);\n                        }\n                      }}\n                    ></ifx-icon>\n                  )}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  getSizeClass() {\n    return `${this.size}` === \"s\"\n      ? \"search-field__wrapper-s\"\n      : \"\";\n  }\n\n  getWrapperClassNames() {\n    return classNames(\n      `search-field__wrapper`,\n      `search-field__wrapper ${this.getSizeClass()}`,\n      `${this.isFocused ? 'focused' : \"\"}`,\n      `${this.showDropdown ? 'dropdown-open' : \"\"}`\n    );\n  }\n\n  getSuggestionClassNames(index: number) {\n    return classNames(\n      'suggestion-item',\n      {\n        'suggestion-item--selected': index === this.selectedSuggestionIndex,\n        'suggestion-item--history': this.filteredSuggestions[index]?.type === 'history'\n      }\n    );\n  }\n}\n"],"mappings":"qKAAA,MAAMA,EAAiB,giKACvB,MAAAC,EAAeD,E,MCmBFE,EAAW,MANxB,WAAAC,CAAAC,G,6OAW2BC,KAAAC,MAAgB,GACjCD,KAAAE,YAAgC,GAChCF,KAAAG,gBAA2B,MAC3BH,KAAAI,eAAyB,GACzBJ,KAAAK,gBAA0B,EAC1BL,KAAAM,cAAyB,KACzBN,KAAAO,WAAqB,qBACrBP,KAAAQ,kBAA4B,kBAG5BR,KAAAS,UAA2B,eAG3BT,KAAAU,oBAA8B,eAC9BV,KAAAW,uBAAiC,sBACjCX,KAAAY,kBAA4B,iCAC5BZ,KAAAa,oBAA8B,oBAC9Bb,KAAAc,qBAA+B,sBAQ9Bd,KAAAe,aAAwB,MACxBf,KAAAgB,oBAAwC,GACxChB,KAAAiB,yBAAmC,EACnCjB,KAAAkB,cAA0B,GAE3BlB,KAAAmB,eAA0B,MACzBnB,KAAAoB,4BAAuC,MACxCpB,KAAAqB,SAAoB,MACpBrB,KAAAsB,KAAe,IACdtB,KAAAuB,UAAqB,MACtBvB,KAAAwB,YAAsB,YACtBxB,KAAAyB,aAAuB,MACvBzB,KAAA0B,UAAqB,KAErB1B,KAAA2B,aAAwB,MAuDhC3B,KAAA4B,YAAc,KACZ,MAAMC,EAAQ7B,KAAK8B,aAAa7B,MAChCD,KAAKC,MAAQ4B,EACb7B,KAAK+B,SAASC,KAAKhC,KAAKC,OAExB,GAAID,KAAKG,gBAAiB,CACxBH,KAAKe,aAAe,KACpBf,KAAKiB,yBAA2B,EAChCjB,KAAKiC,mBAAmBJ,E,GAI5B7B,KAAAkC,aAAe,KACblC,KAAK8B,aAAa7B,MAAQ,GAC1BD,KAAKC,MAAQ,GACbD,KAAK+B,SAASC,KAAKhC,KAAKC,OACxBD,KAAKmC,cAAc,EAGrBnC,KAAAoC,aAAe,KACb,GAAIpC,KAAKC,MAAMoC,QAAUrC,KAAKM,cAAe,CAE3C,GAAIN,KAAKgB,oBAAoBsB,OAAS,EAAG,CACvCtC,KAAKuC,aAAavC,KAAKC,M,EAG3BD,KAAKmC,cAAc,EAwHbnC,KAAAwC,oBAAsB,CAACC,EAAcC,KAC3CD,EAAME,kBACN3C,KAAK4C,kBAAkBF,EAAK,C,CAzM9B,gBAAAG,GACE7C,KAAK8C,mB,CAIP,kBAAAC,CAAmBN,GACjB,MAAMO,EAAOP,EAAMQ,eACnB,IAAKD,EAAKE,SAASlD,KAAK8B,gBAAkBkB,EAAKE,SAASlD,KAAKmD,iBAAkB,CAC7EnD,KAAKmC,c,EAKT,aAAAiB,CAAcX,GACZ,IAAKzC,KAAKe,aAAc,OAExB,OAAQ0B,EAAMY,KACZ,IAAK,YACHZ,EAAMa,iBACNtD,KAAKuD,oBAAoB,GACzB,MACF,IAAK,UACHd,EAAMa,iBACNtD,KAAKuD,qBAAqB,GAC1B,MACF,IAAK,QACHd,EAAMa,iBACN,GAAItD,KAAKiB,yBAA2B,EAAG,CACrCjB,KAAKwD,iBAAiBxD,KAAKgB,oBAAoBhB,KAAKiB,yB,KAC/C,CACLjB,KAAKoC,c,CAEP,MACF,IAAK,SACHpC,KAAKmC,eACL,M,CAKN,YAAAsB,CAAaC,GACX,GAAI1D,KAAK8B,cAAgB4B,IAAa1D,KAAK8B,aAAa7B,MAAO,CAC7DD,KAAK8B,aAAa7B,MAAQyD,C,CAE5B1D,KAAK2D,mB,CAIP,kBAAAC,GACE5D,KAAK2D,mB,CAiCP,UAAAE,GAEE,GAAIC,SAASC,gBAAkB/D,KAAK8B,aAAc,CAChD9B,KAAK8B,aAAakC,O,CAIpB,IAAKhE,KAAK2B,aAAc,CACtB3B,KAAK2B,aAAe,KACpB3B,KAAKuB,UAAY,KACjBvB,KAAKiE,SAASjC,M,CAGhB,GAAIhC,KAAKG,gBAAiB,CAExB,GAAIH,KAAKC,MAAMqC,SAAW,EAAG,CAC3BtC,KAAKkE,sBAELlE,KAAKe,aAAef,KAAKM,eAAiBN,KAAKkB,cAAcoB,OAAS,C,KACjE,CAELtC,KAAK2D,oBACL3D,KAAKe,aAAef,KAAKgB,oBAAoBsB,OAAS,C,GAK5D,SAAA6B,GACEC,YAAW,KACTpE,KAAKuB,UAAY,MACjBvB,KAAK2B,aAAe,MACpB3B,KAAKqE,QAAQrC,MAAM,GAClB,I,CAIE,iBAAAc,GACL,GAAI9C,KAAKM,sBAAwBgE,eAAiB,YAAa,CAC7D,MAAMC,EAASD,aAAaE,QAAQxE,KAAKO,YACzCP,KAAKkB,cAAgBqD,EAASE,KAAKC,MAAMH,GAAU,GAGnDvE,KAAK2D,oBAGL,GAAI3D,KAAKC,MAAMqC,SAAW,GAAKtC,KAAKkB,cAAcoB,SAAW,EAAG,CAC9DtC,KAAKe,aAAe,K,GAMnB,kBAAA4D,GACL,GAAI3E,KAAKM,sBAAwBgE,eAAiB,YAAa,CAE7DA,aAAaM,WAAW5E,KAAKO,YAG7BP,KAAKkB,cAAgB,GAGrBlB,KAAKgB,oBAAsB,GAC3BhB,KAAKiB,yBAA2B,EAChCjB,KAAKe,aAAe,MAGpBf,KAAK2D,mB,EAKD,YAAApB,CAAaG,GACnB,IAAK1C,KAAKM,gBAAkBoC,EAAKL,OAAQ,OAEzC,MAAMwC,EAAU,IAAI7E,KAAKkB,eACzB,MAAM4D,EAAgBD,EAAQE,QAAQrC,GAEtC,GAAIoC,GAAiB,EAAG,CACtBD,EAAQG,OAAOF,EAAe,E,CAGhCD,EAAQI,QAAQvC,GAEhB1C,KAAKkB,cAAgB2D,EAAQK,MAAM,EAAGlF,KAAKK,iBAE3C,UAAWiE,eAAiB,YAAa,CACvCA,aAAaa,QAAQnF,KAAKO,WAAYkE,KAAKW,UAAUpF,KAAKkB,e,EAKtD,iBAAA0B,CAAkBF,GACxB,IAAK1C,KAAKM,cAAe,OAEzB,MAAMuE,EAAU,IAAI7E,KAAKkB,eACzB,MAAMmE,EAAQR,EAAQE,QAAQrC,GAE9B,GAAI2C,GAAS,EAAG,CACdR,EAAQG,OAAOK,EAAO,GACtBrF,KAAKkB,cAAgB2D,EAGrB,UAAWP,eAAiB,YAAa,CACvCA,aAAaa,QAAQnF,KAAKO,WAAYkE,KAAKW,UAAUpF,KAAKkB,e,CAI5DlB,KAAK2D,oBAGL,GAAI3D,KAAKkB,cAAcoB,SAAW,GAAKtC,KAAKC,MAAMqC,SAAW,EAAG,CAC9DtC,KAAKe,aAAe,K,GAWlB,kBAAAkB,CAAmBJ,GACzB7B,KAAKsF,uBAAuBtD,KAAKH,GACjC7B,KAAK2D,mB,CAGC,iBAAAA,GACN,MAAM9B,EAAQ7B,KAAKC,MAAMsF,cACzB,IAAIrF,EAAgC,GAEpC,GAAI2B,EAAMS,OAAS,EAAG,CAIpB,GAAItC,KAAKE,aAAeF,KAAKE,YAAYoC,OAAS,EAAG,CACnD,MAAMkD,EAAmBxF,KAAKE,YAAYuF,QAAOC,GAC/CA,EAAEC,KAAKJ,cAAcrC,SAASrB,KAEhC3B,EAAc,IAAIA,KAAgBsF,E,CAIpC,GAAIxF,KAAKM,eAAiBN,KAAKkB,cAAcoB,OAAS,EAAG,CACvD,MAAMsD,EAAkB5F,KAAKkB,cAC1BuE,QAAO/C,GAAQA,EAAK6C,cAAcrC,SAASrB,KAC3CgE,KAAI,CAACnD,EAAM2C,KAAK,CACfS,GAAI,WAAWT,IACfM,KAAMjD,EACNqD,KAAM,cAEV7F,EAAc,IAAIA,KAAgB0F,E,CAIpC1F,EAAY8F,MAAK,CAACC,EAAGC,KACnB,MAAMC,EAAQF,EAAEN,KAAKJ,cACrB,MAAMa,EAAQF,EAAEP,KAAKJ,cAGrB,GAAIY,IAAUtE,GAASuE,IAAUvE,EAAO,OAAQ,EAChD,GAAIuE,IAAUvE,GAASsE,IAAUtE,EAAO,OAAO,EAG/C,MAAMwE,EAAcF,EAAMG,WAAWzE,GACrC,MAAM0E,EAAcH,EAAME,WAAWzE,GAErC,GAAIwE,IAAgBE,EAAa,OAAQ,EACzC,GAAIA,IAAgBF,EAAa,OAAO,EAGxC,GAAIJ,EAAEF,OAAS,cAAgBG,EAAEH,OAAS,UAAW,OAAQ,EAC7D,GAAIE,EAAEF,OAAS,WAAaG,EAAEH,OAAS,aAAc,OAAO,EAG5D,OAAOI,EAAMK,cAAcJ,EAAM,G,KAG9B,CAEL,GAAIpG,KAAKM,eAAiBN,KAAKkB,cAAcoB,OAAS,EAAG,CACvD,MAAMmE,EAAqBzG,KAAKkB,cAAc2E,KAAI,CAACnD,EAAM2C,KAAK,CAC5DS,GAAI,WAAWT,IACfM,KAAMjD,EACNqD,KAAM,cAGR7F,EAAcuG,C,EAMlB,MAAMC,EAAoBxG,EAAYyG,QAAO,CAACC,EAA0BC,KACtE,MAAM/B,EAAgB8B,EAAOE,WAAUC,GACrCA,EAAKpB,KAAKJ,gBAAkBsB,EAAQlB,KAAKJ,eACzCwB,EAAKC,QAAUH,EAAQG,QAEzB,GAAIlC,KAAmB,EAAG,CACxB8B,EAAOK,KAAKJ,E,KACP,CAEL,GAAIA,EAAQd,OAAS,WAAaa,EAAO9B,GAAeiB,OAAS,UAAW,CAC1Ea,EAAO9B,GAAiB+B,C,EAG5B,OAAOD,CAAM,GACZ,IAEH5G,KAAKgB,oBAAsB0F,EAAkBxB,MAAM,EAAGlF,KAAKI,gBAC3DJ,KAAKiB,yBAA2B,C,CAG1B,mBAAAsC,CAAoB2D,GAC1B,MAAMC,EAAWnH,KAAKgB,oBAAoBsB,OAAS,EAEnD,GAAI4E,EAAY,EAAG,CACjBlH,KAAKiB,wBAA0BjB,KAAKiB,wBAA0BkG,EAC1DnH,KAAKiB,wBAA0B,EAC/B,C,KACC,CACLjB,KAAKiB,wBAA0BjB,KAAKiB,wBAA0B,EAC1DjB,KAAKiB,wBAA0B,EAC/BkG,C,EAIA,gBAAA3D,CAAiB4D,GACvBpH,KAAKC,MAAQmH,EAAWzB,KACxB3F,KAAK8B,aAAa7B,MAAQmH,EAAWzB,KACrC3F,KAAKqH,sBAAsBrF,KAAKoF,GAChCpH,KAAK+B,SAASC,KAAKhC,KAAKC,OAExB,GAAID,KAAKM,cAAe,CAEtBN,KAAKuC,aAAa6E,EAAWzB,K,CAG/B3F,KAAKmC,c,CAGC,YAAAA,GACNnC,KAAKe,aAAe,MACpBf,KAAKiB,yBAA2B,EAChCjB,KAAKuB,UAAY,K,CAIX,mBAAA2C,GACN,GAAIlE,KAAKM,eAAiBN,KAAKkB,cAAcoB,OAAS,EAAG,CAEvD,MAAMmE,EAAqBzG,KAAKkB,cAAc2E,KAAI,CAACnD,EAAM2C,KAAK,CAC5DS,GAAI,WAAWT,IACfM,KAAMjD,EACNqD,KAAM,cAGR/F,KAAKgB,oBAAsByF,EAAmBvB,MAAM,EAAGlF,KAAKI,gBAC5DJ,KAAKiB,yBAA2B,C,KAC3B,CACLjB,KAAKgB,oBAAsB,E,EAKvB,oBAAAsG,GACN,OAAOtH,KAAKC,MAAMqC,SAAW,GACtBtC,KAAKgB,oBAAoBsB,OAAS,GAClCtC,KAAKgB,oBAAoBuG,OAAM7B,GAAKA,EAAEK,OAAS,W,CAIhD,qBAAAyB,CAAsB7B,EAAc9D,GAC1C,IAAKA,GAASA,EAAMS,SAAW,EAAG,CAChC,OAAOqD,C,CAGT,MAAM8B,EAAY9B,EAAKJ,cACvB,MAAMmC,EAAa7F,EAAM0D,cACzB,MAAMF,EAAQoC,EAAU1C,QAAQ2C,GAEhC,GAAIrC,KAAW,EAAG,CAChB,OAAOM,C,CAGT,MAAMgC,EAAShC,EAAKiC,UAAU,EAAGvC,GACjC,MAAMwC,EAAQlC,EAAKiC,UAAUvC,EAAOA,EAAQxD,EAAMS,QAClD,MAAMwF,EAAQnC,EAAKiC,UAAUvC,EAAQxD,EAAMS,QAE3C,MAAO,CACLqF,EACAI,EAAA,cAASF,GACTC,E,CAIJ,iBAAAE,GACE,IAAIC,EAAuBjI,KAAKkI,IAAK,CACnCC,EAAe,mB,EAInB,mBAAAC,GACE,GAAIpI,KAAKC,QAAU,GAAI,CACrBD,KAAKoB,4BAA8B,I,MAC9BpB,KAAKoB,4BAA8B,K,CAG5C,MAAAiH,GACE,OACEN,EAAA,OAAA1E,IAAA,wDACcrD,KAAKS,UAAS,kBACTT,KAAKsI,eAAc,mBAClBtI,KAAKuI,gBAAe,gBACvBvI,KAAKqB,SAAQ,aAChBrB,KAAKC,MACjBuI,MAAM,gBAENT,EAAA,OAAA1E,IAAA,2CACEmF,MAAOxI,KAAKyI,uBACZC,SAAU,EACVC,QAAS,IAAM3I,KAAK6D,cAEpBkE,EAAA,YAAA1E,IAAA,2CAAUuF,KAAK,YAAYJ,MAAM,gBACjCT,EAAA,SAAA1E,IAAA,2CACEwF,IAAMX,GAAQlI,KAAK8B,aAAeoG,EAClCnC,KAAK,OACLtE,aAAczB,KAAKyB,aACnBqH,QAAS,IAAM9I,KAAK4B,cACpBmH,QAAS,IAAM/I,KAAK6D,aACpBmF,OAAQ,IAAMhJ,KAAKmE,YACnB3C,YAAaxB,KAAKwB,YAClBH,SAAUrB,KAAKqB,SACfK,UAAW1B,KAAK0B,UAChBzB,MAAOD,KAAKC,MACZgJ,KAAK,WAAU,gBACAjJ,KAAKe,aAAY,oBACd,OAAM,gBACV,UAAS,aACXf,KAAKS,UAAS,kBACTT,KAAKsI,eAAc,mBAClBtI,KAAKuI,gBAAe,YAC3BvI,KAAKe,aAAe,uBAAyBmI,UAAS,wBAC1ClJ,KAAKiB,yBAA2B,EAAI,cAAcjB,KAAKiB,0BAA4BiI,YAE3GlJ,KAAKmB,gBAAkBnB,KAAKoB,4BAC3B2G,EAAA,YACEa,KAAK,YACLJ,MAAM,cACNG,QAAS3I,KAAKkC,aACd+G,KAAK,SACLP,SAAS,IAAG,aACA1I,KAAKU,oBACjByI,UAAY1G,IACV,GAAIA,EAAMY,MAAQ,SAAWZ,EAAMY,MAAQ,IAAK,CAC9CZ,EAAMa,iBACNtD,KAAKkC,c,KAIT,MAILlC,KAAKe,cAAgBf,KAAKgB,oBAAoBsB,OAAS,GACtDyF,EAAA,OAAA1E,IAAA,2CACEwF,IAAMX,GAAQlI,KAAKmD,gBAAkB+E,EACrCpC,GAAG,uBACH0C,MAAM,uBACNS,KAAK,UAAS,aACFjJ,KAAKY,mBAGhBZ,KAAKsH,wBACJS,EAAA,OAAA1E,IAAA,2CAAKmF,MAAM,sBACRxI,KAAKQ,mBAITR,KAAKgB,oBAAoB6E,KAAI,CAACuB,EAAY/B,IACzC0C,EAAA,OACE1E,IAAK+D,EAAWtB,GAChBA,GAAI,cAAcT,IAClBmD,MAAOxI,KAAKoJ,wBAAwB/D,GACpC4D,KAAK,SAAQ,gBACE5D,IAAUrF,KAAKiB,wBAAuB,aACzC,GAAGmG,EAAWrB,OAAS,UAAY/F,KAAKc,qBAAuBd,KAAKa,wBAAwBuG,EAAWzB,OAAOyB,EAAWJ,MAAQ,KAAKI,EAAWJ,QAAU,KAAKI,EAAWiC,YAAc,KAAKjC,EAAWiC,sBAAwB,KAC7OV,QAAS,IAAM3I,KAAKwD,iBAAiB4D,GACrCkC,aAAc,IAAMtJ,KAAKiB,wBAA0BoE,GAEnD0C,EAAA,OAAKS,MAAM,sBACRpB,EAAWrB,OAAS,WACnBgC,EAAA,YAAUa,KAAK,aAAaJ,MAAM,6CAEnCpB,EAAWrB,OAAS,cACnBgC,EAAA,YAAUa,KAAK,YAAYJ,MAAM,gDAEnCT,EAAA,QAAMS,MAAM,mBACVT,EAAA,QAAMS,MAAM,wBACTxI,KAAKwH,sBAAsBJ,EAAWzB,KAAM3F,KAAKC,QAEnDmH,EAAWJ,OACVe,EAAA,QAAMS,MAAM,oBAAkB,KAAIpB,EAAWJ,QAIhDI,EAAWiC,cAAgBH,WAAa9B,EAAWJ,OAClDe,EAAA,QAAMS,MAAM,oBAAoBpB,EAAWiC,aAI5CjC,EAAWrB,OAAS,WACnBgC,EAAA,YACEa,KAAK,UACLJ,MAAM,yBACNS,KAAK,SACLP,SAAS,IAAG,aACA,GAAG1I,KAAKW,2BAA2ByG,EAAWzB,OAC1DgD,QAAUlG,GAAUzC,KAAKwC,oBAAoBC,EAAO2E,EAAWzB,MAC/DwD,UAAY1G,IACV,GAAIA,EAAMY,MAAQ,SAAWZ,EAAMY,MAAQ,IAAK,CAC9CZ,EAAMa,iBACNtD,KAAKwC,oBAAoBC,EAAO2E,EAAWzB,K,WAcnE,YAAA4D,GACE,MAAO,GAAGvJ,KAAKsB,SAAW,IACtB,0BACA,E,CAGN,oBAAAmH,GACE,OAAOe,EACL,wBACA,yBAAyBxJ,KAAKuJ,iBAC9B,GAAGvJ,KAAKuB,UAAY,UAAY,KAChC,GAAGvB,KAAKe,aAAe,gBAAkB,K,CAI7C,uBAAAqI,CAAwB/D,G,MACtB,OAAOmE,EACL,kBACA,CACE,4BAA6BnE,IAAUrF,KAAKiB,wBAC5C,6BAA4BwI,EAAAzJ,KAAKgB,oBAAoBqE,MAAM,MAAAoE,SAAA,SAAAA,EAAE1D,QAAS,W","ignoreList":[]}