@infineon/infineon-design-system-stencil 36.0.0--canary.1926.3384b08beedd4bd0bf0894c709a0e3eb8096602d.0 → 36.0.0

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as s}from"./p-b7a462e5.js";const i="";const l=i;const h=class{constructor(s){e(this,s);this.ifxFilterSelect=t(this,"ifxFilterSelect",7);this.type="text";this.filterValues=[]}handleTextInputChange(e){const t=e.target;const s=t.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[s],type:this.type})}handleSingleSelectChange(e){const t=e.detail.value;this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:[t],type:this.type})}handleMultiselectOptionChange(e){this.filterValues=e.detail.map((e=>({label:e.value,value:e.value})));this.ifxFilterSelect.emit({filterName:this.filterName,filterValues:this.filterValues,type:this.type})}render(){let e=[];if(typeof this.options==="string"){try{e=JSON.parse(this.options)}catch(t){console.error("Failed to parse options:",t);e=[]}}else if(Array.isArray(this.options)){e=this.options}switch(this.type){case"text":return s("ifx-text-field",{error:false,disabled:false,placeholder:this.placeholder,onIfxInput:e=>this.handleTextInputChange(e)},this.filterLabel);case"single-select":return s("ifx-select",{placeholder:"true","search-enabled":"true","search-placeholder-value":"Search...",onIfxSelect:e=>this.handleSingleSelectChange(e),"ifx-placeholder-value":this.placeholder,"ifx-label":this.filterLabel,"ifx-options":this.options});case"multi-select":return s("ifx-multiselect",{label:this.filterLabel,placeholder:this.placeholder,onIfxSelect:e=>this.handleMultiselectOptionChange(e)},e.map((e=>s("ifx-multiselect-option",{value:e.value||e},e.label||e))));default:return null}}};h.style=l;export{h as ifx_set_filter};
-//# sourceMappingURL=p-6c999b11.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["setFilterCss","IfxSetFilterStyle0","SetFilter","constructor","hostRef","this","type","filterValues","handleTextInputChange","event","target","value","ifxFilterSelect","emit","filterName","handleSingleSelectChange","detail","handleMultiselectOptionChange","map","option","label","render","optionsArray","options","JSON","parse","e","console","error","Array","isArray","h","disabled","placeholder","onIfxInput","filterLabel","onIfxSelect"],"sources":["src/components/table-advanced-version/set-filter/set-filter.scss?tag=ifx-set-filter&encapsulation=shadow","src/components/table-advanced-version/set-filter/setFilter.tsx"],"sourcesContent":["/* set-filter.css */\n\n","// SetFilter.tsx\nimport { Component, h, Event, EventEmitter, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-set-filter',\n  styleUrl: 'set-filter.scss',\n  shadow: true\n})\nexport class SetFilter {\n  @Prop() filterName: string;\n  @Prop() filterLabel: string;\n  @Prop() placeholder: string;\n  @Prop() type: 'text' | 'single-select' | 'multi-select' = 'text';\n  @Prop() options: any[] | string;\n  @State() filterValues: string[] = [];\n\n  @Event() ifxFilterSelect: EventEmitter;\n\n\n  handleTextInputChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n    const value = target.value;\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n\n  }\n\n  handleSingleSelectChange(event: CustomEvent) {\n    const value = event.detail.value;\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n  }\n\n\n  handleMultiselectOptionChange(event: CustomEvent) {\n    this.filterValues = event.detail.map(option => ({\n      label: option.value,\n      value: option.value\n    }));\n    this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });\n  }\n\n\n  render() {\n    let optionsArray = [];\n\n    // Parse options if it's a string\n    if (typeof this.options === 'string') {\n      try {\n        optionsArray = JSON.parse(this.options);\n      } catch (e) {\n        console.error('Failed to parse options:', e);\n        optionsArray = [];\n      }\n    } else if (Array.isArray(this.options)) {\n      optionsArray = this.options;\n    }\n\n    switch (this.type) {\n      case 'text':\n        return (\n          <ifx-text-field error={false} disabled={false} placeholder={this.placeholder}\n            onIfxInput={event => this.handleTextInputChange(event)}\n          >{this.filterLabel}</ifx-text-field>\n        );\n      case 'single-select':\n        return (\n          <ifx-select\n            placeholder=\"true\"\n            search-enabled=\"true\"\n            search-placeholder-value=\"Search...\"\n            onIfxSelect={event => this.handleSingleSelectChange(event)}\n            ifx-placeholder-value={this.placeholder}\n            ifx-label={this.filterLabel}\n            ifx-options={this.options}\n          ></ifx-select>\n        );\n      case 'multi-select':\n        return (\n          <ifx-multiselect\n            label={this.filterLabel}\n            placeholder={this.placeholder}\n            onIfxSelect={event => this.handleMultiselectOptionChange(event)}\n          >\n            {optionsArray.map(option => (\n              <ifx-multiselect-option value={option.value || option}>\n                {option.label || option}\n              </ifx-multiselect-option>\n            ))}\n          </ifx-multiselect>\n        );\n      default:\n        return null;\n    }\n  }\n}\n\n"],"mappings":"kDAAA,MAAMA,EAAe,GACrB,MAAAC,EAAeD,E,MCOFE,EAAS,MALtB,WAAAC,CAAAC,G,2DASUC,KAAAC,KAAkD,OAEjDD,KAAAE,aAAyB,E,CAKlC,qBAAAC,CAAsBC,GACpB,MAAMC,EAASD,EAAMC,OACrB,MAAMC,EAAQD,EAAOC,MACrBN,KAAKO,gBAAgBC,KAAK,CAAEC,WAAYT,KAAKS,WAAYP,aAAc,CAACI,GAAQL,KAAMD,KAAKC,M,CAI7F,wBAAAS,CAAyBN,GACvB,MAAME,EAAQF,EAAMO,OAAOL,MAC3BN,KAAKO,gBAAgBC,KAAK,CAAEC,WAAYT,KAAKS,WAAYP,aAAc,CAACI,GAAQL,KAAMD,KAAKC,M,CAI7F,6BAAAW,CAA8BR,GAC5BJ,KAAKE,aAAeE,EAAMO,OAAOE,KAAIC,IAAM,CACzCC,MAAOD,EAAOR,MACdA,MAAOQ,EAAOR,UAEhBN,KAAKO,gBAAgBC,KAAK,CAAEC,WAAYT,KAAKS,WAAYP,aAAcF,KAAKE,aAAcD,KAAMD,KAAKC,M,CAIvG,MAAAe,GACE,IAAIC,EAAe,GAGnB,UAAWjB,KAAKkB,UAAY,SAAU,CACpC,IACED,EAAeE,KAAKC,MAAMpB,KAAKkB,Q,CAC/B,MAAOG,GACPC,QAAQC,MAAM,2BAA4BF,GAC1CJ,EAAe,E,OAEZ,GAAIO,MAAMC,QAAQzB,KAAKkB,SAAU,CACtCD,EAAejB,KAAKkB,O,CAGtB,OAAQlB,KAAKC,MACX,IAAK,OACH,OACEyB,EAAA,kBAAgBH,MAAO,MAAOI,SAAU,MAAOC,YAAa5B,KAAK4B,YAC/DC,WAAYzB,GAASJ,KAAKG,sBAAsBC,IAChDJ,KAAK8B,aAEX,IAAK,gBACH,OACEJ,EAAA,cACEE,YAAY,OAAM,iBACH,OAAM,2BACI,YACzBG,YAAa3B,GAASJ,KAAKU,yBAAyBN,GAAM,wBACnCJ,KAAK4B,YAAW,YAC5B5B,KAAK8B,YAAW,cACd9B,KAAKkB,UAGxB,IAAK,eACH,OACEQ,EAAA,mBACEX,MAAOf,KAAK8B,YACZF,YAAa5B,KAAK4B,YAClBG,YAAa3B,GAASJ,KAAKY,8BAA8BR,IAExDa,EAAaJ,KAAIC,GAChBY,EAAA,0BAAwBpB,MAAOQ,EAAOR,OAASQ,GAC5CA,EAAOC,OAASD,MAK3B,QACE,OAAO,K","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c,h as i,g as s}from"./p-b7a462e5.js";const t=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block;user-select:none}.container{display:flex;flex-direction:row;align-items:center}.container.gap{gap:16px}.switch__checkbox-container{padding:4px;display:flex;align-items:center;position:relative;width:32px;height:16px;background-color:#FFFFFF;border:1px solid #575352;border-radius:20px;cursor:pointer;transition:background-color 0.3s ease;outline:none}.switch__checkbox-container:focus{outline:4px solid #0A8276;outline-offset:2px}.switch__checkbox-container:focus:not(:focus-visible){outline:none}.switch__checkbox-container:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.switch__checkbox-container.disabled{cursor:default;border-color:#BFBBBB}.switch__label-wrapper label:hover{cursor:pointer}.switch__label-wrapper.disabled{color:#BFBBBB}.switch__checkbox-wrapper .switch{width:16px;height:16px;background-color:#575352;border-radius:50%;transition:transform 0.3s ease, background-color 0.3s ease}.switch__checkbox-wrapper .switch.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}.switch__checkbox-wrapper .switch.checked{transform:translateX(16px);background-color:#FFFFFF}.switch__checkbox-wrapper .switch.checked.disabled{cursor:default}.switch__checkbox-container:hover .toggle-switch{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.switch__checkbox-container.checked{background-color:#0A8276;border-color:#0A8276}.switch__checkbox-container.checked.disabled{background-color:#BFBBBB;border-color:#BFBBBB;cursor:default}';const o=t;const a=class{constructor(i){e(this,i);this.ifxChange=c(this,"ifxChange",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.checked=false;this.name="";this.disabled=false;this.internalChecked=false}async isChecked(){return this.internalChecked}componentWillLoad(){this.internalChecked=this.checked}toggleLabelGap(){const e=this.el.shadowRoot.querySelector("slot");const c=this.el.shadowRoot.querySelector(".container");if(e.assignedNodes().length){c.classList.add("gap")}else{c.classList.remove("gap")}}componentDidLoad(){this.toggleLabelGap()}valueChanged(e,c){if(e!==c){this.internalChecked=e}}toggleSwitch(){if(this.disabled)return;this.internalChecked=!this.internalChecked;if(this.internalChecked){if(this.value!==undefined){this.internals.setFormValue(this.value)}else{this.internals.setFormValue("on")}}else{this.internals.setFormValue(null)}this.ifxChange.emit(this.internalChecked)}handleKeyDown(e){if(this.disabled)return;if(e.key==="Enter"||e.key===" "){this.toggleSwitch()}}formResetCallback(){this.internals.setFormValue(null)}render(){return i("div",{key:"4f885a605a162860014f8d77b84e7ae32f3ae344",class:"container",role:"switch","aria-checked":this.internalChecked?"true":"false","aria-label":this.name,onClick:()=>this.toggleSwitch(),onKeyDown:e=>this.handleKeyDown(e)},i("div",{key:"d0434a39c0d7d0dea0ff0456c4d85f1d3fa99d58",class:`switch__checkbox-container ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`,tabindex:"0"},i("div",{key:"c9ef8f8dc05caf477e5f7c495d9df4c36979fe6d",class:"switch__checkbox-wrapper"},i("input",{key:"08ab2e52fb222aade1a6ae7450f6281954fa69da",type:"checkbox",hidden:true,name:this.name,disabled:this.disabled,checked:this.internalChecked,value:`${this.value}`}),i("div",{key:"bac7ec146e4df928918f58c0c26852c9ac85b08d",class:`switch ${this.internalChecked?"checked":""} ${this.disabled?"disabled":""}`}))),i("div",{key:"0515b41b92c0eea7bedb409550d20f579e86291b",class:`switch__label-wrapper ${this.disabled?"disabled":""}`},i("label",{key:"3336c1de70c159bd0acf70898c36f856949ad91e",htmlFor:"switch"},i("slot",{key:"736087db7e2a54dddf56e44cb161bf2a03cceda2",onSlotchange:()=>this.toggleLabelGap()}))))}static get formAssociated(){return true}get el(){return s(this)}static get watchers(){return{checked:["valueChanged"]}}};a.style=o;export{a as ifx_switch};
-//# sourceMappingURL=p-76e0c34f.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as i}from"./p-b7a462e5.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=a;const h=class{constructor(e){t(this,e);this.ifxListEntryChange=s(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return e("div",{key:"a58d668dc36cb7221f28563b1ed00a041618765a",class:"wrapper"},this.type==="checkbox"?e("div",{class:"list-entry"},e("ifx-checkbox",{size:"s",checked:this.value},this.label)):e("div",{class:"list-entry"},e("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};h.style=r;export{h as ifx_list_entry};
-//# sourceMappingURL=p-a2a44fbe.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as a}from"./p-b7a462e5.js";const o=":host{display:block}";const r=o;const i=class{constructor(e){t(this,e);this.tabHeaderChange=s(this,"tabHeaderChange",7);this.icon="";this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return e("slot",{key:"a2039b2264f5a6ecea503e50ba6db73fe454e24c"})}get el(){return a(this)}};i.style=r;export{i as ifx_tab};
-//# sourceMappingURL=p-e571c002.entry.js.map

package/dist/types/components/select/multi-select/multiselect-option.d.ts

@@ -1,36 +0,0 @@
-export declare class MultiselectOption {
-    el: HTMLElement;
-    value: string;
-    selected: boolean;
-    disabled: boolean;
-    indeterminate: boolean;
-    private isExpanded;
-    private hasChildren;
-    private depth;
-    private searchTerm;
-    private isSearchActive;
-    private isSearchDisabled;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private handleSearchFilter;
-    private updateSearchClasses;
-    private highlightSearchTerm;
-    private removeHighlighting;
-    private getTextContent;
-    private hasMatchingChildren;
-    private hasMatchingParent;
-    private calculateDepth;
-    handleClick(event: Event): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    private notifyMultiselect;
-    private selectAllChildren;
-    private expandAllChildren;
-    private updateParentStates;
-    private toggleExpansion;
-    private handleCheckboxClick;
-    private handleHeaderClick;
-    private hasAnySelectedChildren;
-    private checkForSelectedDescendants;
-    render(): any;
-}