@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/ifx-templates-ui.js

@@ -0,0 +1 @@
+import{p as e,H as t,g as a,h as s,t as i}from"./p-BT_2CyMS.js";import{d as r}from"./p-DqacDHEO.js";import{d as n}from"./p-BQusv3OP.js";import{d as l}from"./p-DMAv4MDG.js";import{d as p}from"./p-uQx-50k_.js";import{d as o}from"./p-C2NpYb5B.js";import{d as c}from"./p-CKEkzlHL.js";import{d as m}from"./p-BwNZsorZ.js";import{d as f}from"./p-BsM3UmwT.js";const b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}tableTemplate=a("https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png");wizardTemplate=a("https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png");toggleTemplate(e){this.el.shadowRoot.querySelector(".templates__wrapper").querySelectorAll("ifx-template").forEach((t=>{t.toggleTemplate(e)}))}handleError(e){const t=this.el.shadowRoot.querySelector(".alert__wrapper");e.detail?t.classList.add("show"):t.classList.remove("show")}filterTemplates(e){const t=this.el.shadowRoot.querySelector(".templates__title"),a=this.el.shadowRoot.querySelector(".back__btn-wrapper");e.detail?(t.classList.add("hide"),"details"!==e.detail&&a.classList.add("show"),this.toggleTemplate(e.detail)):(t.classList.remove("hide"),a.classList.remove("show"),this.toggleTemplate(null))}closeAlert(){this.el.shadowRoot.querySelector(".alert__wrapper").classList.remove("show")}render(){return s("div",{key:"f30661dd835f27ed2a53867b5035653a6e13d06e",class:"templates__container"},s("div",{key:"c62f94398ea8aa2023297a5cfb7863cb7cb82b5f",class:"back__btn-wrapper"},s("ifx-icon-button",{key:"c43a1e3a405afdd7f2bc417b9877d5833d3cba75",onClick:()=>this.filterTemplates(!1),shape:"round",variant:"tertiary",icon:"arrow-left-16",target:"_blank",size:"m"}),s("div",{key:"3bb40c0e4143f96c293be948ed1c92e8d8d0290c",class:"alert__wrapper"},s("ifx-alert",{key:"15fb2f5f2bb6c03d72ca6e8e82f8f82127ee7b40",onClick:()=>this.closeAlert(),"aria-live":"assertive",variant:"danger",icon:"c-info-16"},"All fields are mandatory"))),s("h2",{key:"2b24399234e8b18fb43515851221922ded2c26e2",class:"templates__title"},"Choose your template"),s("div",{key:"2f5e132ad3a82c7ee4a57eb2d34f3eb814b071c2",class:"templates__wrapper"},s("ifx-template",{key:"b30f5715c2da6a94bb87b5266e4aab3e7afb0628",name:"template-01",thumbnail:this.tableTemplate}),s("ifx-template",{key:"518920d3551319d985fbfe523d834cfb917eb007",name:"template-02",thumbnail:this.wizardTemplate})))}static get assetsDirs(){return["assets"]}static get style(){return"*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}"}},[1,"ifx-templates-ui",void 0,[[0,"fieldError","handleError"],[0,"toggleTemplates","filterTemplates"]]]),d=b,_=function(){"undefined"!=typeof customElements&&["ifx-templates-ui","ifx-alert","ifx-button","ifx-icon","ifx-icon-button","ifx-link","ifx-spinner","ifx-template","ifx-text-field"].forEach((e=>{switch(e){case"ifx-templates-ui":customElements.get(i(e))||customElements.define(i(e),b);break;case"ifx-alert":customElements.get(i(e))||r();break;case"ifx-button":customElements.get(i(e))||n();break;case"ifx-icon":customElements.get(i(e))||l();break;case"ifx-icon-button":customElements.get(i(e))||p();break;case"ifx-link":customElements.get(i(e))||o();break;case"ifx-spinner":customElements.get(i(e))||c();break;case"ifx-template":customElements.get(i(e))||m();break;case"ifx-text-field":customElements.get(i(e))||f()}}))};export{d as IfxTemplatesUi,_ as defineCustomElement}

package/dist/components/ifx-text-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTextField extends Components.IfxTextField, HTMLElement {}
+export const IfxTextField: {
+    prototype: IfxTextField;
+    new (): IfxTextField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-text-field.js

@@ -0,0 +1 @@
+import{T as s,d as o}from"./p-BsM3UmwT.js";const m=s,p=o;export{m as IfxTextField,p as defineCustomElement}

package/dist/components/ifx-textarea.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTextarea extends Components.IfxTextarea, HTMLElement {}
+export const IfxTextarea: {
+    prototype: IfxTextarea;
+    new (): IfxTextarea;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-textarea.js

@@ -0,0 +1 @@
+import{p as e,H as r,c as t,h as a,d as s,t as i}from"./p-BT_2CyMS.js";import{i as o,d as l,t as d}from"./p-94ZtGp9D.js";const p=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxInput=t(this,"ifxInput",7),this.internals=this.attachInternals()}inputId="ifx-textarea-"+ ++n;textareaElement;initialValue="";internals;ifxInput;get el(){return this}caption;cols;disabled=!1;error=!1;label;maxlength;name;placeholder;required=!1;readOnly=!1;resize="both";rows;value="";wrap="soft";fullWidth="false";success=!1;valueWatcher(e){const r=e??"";this.textareaElement&&r!==this.textareaElement.value&&(this.textareaElement.value=r),this.syncFormValue(r)}syncFormValue(e=this.value??""){this.internals.setFormValue(e)}async reset(){this.resetTextarea()}handleComponentWidth(){const e=this.el.shadowRoot.querySelector(".wrapper__textarea");"true"===this.fullWidth.toLowerCase()?e.classList.add("fullWidth"):e.classList.contains("fullWidth")&&e.classList.remove("fullWidth")}componentDidRender(){this.handleComponentWidth()}componentWillLoad(){this.initialValue=this.value??"",this.syncFormValue(this.initialValue)}formResetCallback(){this.resetTextarea(this.initialValue)}handleOnInput(e){this.value=e.target.value,this.ifxInput.emit(this.value)}resetTextarea(e=""){this.value=e,this.textareaElement&&(this.textareaElement.value=e),this.syncFormValue(e)}async componentDidLoad(){if(!o(this.el)){const e=l();d("ifx-textarea",await e)}}render(){return a(s,{key:"b6c7cad1eba99d3624fcdac0c891247cafe618d8",class:this.readOnly?"wrapper--readonly":this.error?"wrapper--error":this.disabled?"wrapper--disabled":this.success?"wrapper--success":""},a("label",{key:"56a478f753e9837e075a7aabd0a4dda993dbd68e",class:"wrapper__label",htmlFor:this.inputId},this.label?.trim(),this.required&&a("span",{key:"2661b0ec20c1fcf2927b84a833da94cf34b0201f",class:"required "+(this.error&&!this.readOnly?"error":"")},"*")),a("div",{key:"b908e079d6dda1ce0c59c7a68e933d915769115e",class:"wrapper__textarea"},a("textarea",{key:"92cf1a6195b38a801bb1c1f4118d3bb282480948",ref:e=>this.textareaElement=e,"aria-label":"a textarea","aria-value":this.value,"aria-disabled":this.disabled&&!this.error&&!this.readOnly,id:this.inputId,style:{resize:this.resize},cols:this.cols,rows:this.rows,maxlength:this.maxlength,wrap:this.wrap,disabled:this.disabled&&!this.error&&!this.readOnly,readonly:this.readOnly,placeholder:this.placeholder,value:this.value,onInput:e=>this.handleOnInput(e)})),this.caption?.trim()&&a("div",{key:"dec155275bcd3f15d0791099328074458d4abbbc",class:"wrapper__caption"},this.caption.trim()))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueWatcher:0}]}}static get style(){return':host{display:flex;flex-direction:column;width:100%}.wrapper__label{color:#1d1d1d;font:400 1rem/1.5rem "Source Sans 3";font-family:var(--ifx-font-family)}.wrapper__label .required{margin-left:4px}.wrapper__label .required.error{color:#CD002F}:host(.wrapper--disabled) .wrapper__label{color:#bfbbbb}.wrapper__textarea{width:100%}.wrapper__textarea.fullWidth{width:100%}.wrapper__textarea.fullWidth textarea{width:100%;box-sizing:border-box}.wrapper__textarea textarea{border:1px solid #8d8786;border-radius:1px;padding:8px 16px;background-color:#ffffff;color:#1d1d1d;font:400 1rem/1.5rem "Source Sans 3";font-family:var(--ifx-font-family);transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0a8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #cd002f}:host(.wrapper--success) .wrapper__textarea textarea{border:1px solid #4ca460}:host(.wrapper--success) .wrapper__textarea textarea:focus-within{outline:none}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #bfbbbb;background-color:#bfbbbb;color:#ffffff}:host(.wrapper--disabled) .wrapper__textarea textarea::placeholder{color:#ffffff}.wrapper__caption{color:#1d1d1d;font:400 0.75rem/1rem "Source Sans 3";font-family:var(--ifx-font-family)}:host(.wrapper--error) .wrapper__caption{color:#cd002f}:host(.wrapper--disabled) .wrapper__caption{color:#bfbbbb}:host(.wrapper--readonly) .wrapper__textarea textarea{border:none;border-bottom:1px solid var(--color-engineering-300, #BFBBBB);padding-left:0}:host(.wrapper--readonly) .wrapper__textarea textarea::placeholder{color:#1d1d1d}:host(.wrapper--readonly) .wrapper__textarea textarea:focus-within{outline:none}'}},[577,"ifx-textarea",{caption:[1],cols:[2],disabled:[4],error:[4],label:[1],maxlength:[2],name:[513],placeholder:[1],required:[4],readOnly:[4,"read-only"],resize:[1],rows:[2],value:[1025],wrap:[1],fullWidth:[513,"full-width"],success:[4],reset:[64]},void 0,{value:[{valueWatcher:0}]}]);let n=0;const h=p,c=function(){"undefined"!=typeof customElements&&["ifx-textarea"].forEach((e=>{"ifx-textarea"===e&&(customElements.get(i(e))||customElements.define(i(e),p))}))};export{h as IfxTextarea,c as defineCustomElement}

package/dist/components/ifx-toast-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxToastContainer extends Components.IfxToastContainer, HTMLElement {}
+export const IfxToastContainer: {
+    prototype: IfxToastContainer;
+    new (): IfxToastContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-toast-container.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as o,d as a,t as i}from"./p-BT_2CyMS.js";import{i as n,d as s,t as r}from"./p-94ZtGp9D.js";import{d as c}from"./p-DMAv4MDG.js";import{d as f}from"./p-CKEkzlHL.js";import{d}from"./p-By_rGGZ6.js";function x(t,e){void 0!==e.toastId&&(t.toastId=e.toastId),void 0!==e.status&&(t.status=e.status),void 0!==e.message&&(t.message=e.message),void 0!==e.actionText&&(t.actionText=e.actionText),void 0!==e.duration&&(t.duration=e.duration)}const m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}placement="bottom-right";offset=16;navbarSelector="ifx-navbar";max=0;navbarClearance=0;resizeRaf;async componentDidLoad(){if(!n(this.el)){const t=s();r("ifx-toast-container",await t)}this.updateNavbarClearance(),"undefined"!=typeof window&&window.addEventListener("resize",this.handleResize)}disconnectedCallback(){"undefined"!=typeof window&&(window.removeEventListener("resize",this.handleResize),this.resizeRaf&&cancelAnimationFrame(this.resizeRaf))}async addToast(t={}){this.updateNavbarClearance();const e=document.createElement("ifx-toast");return x(e,t),e.addEventListener("ifxToastClose",(()=>e.remove()),{once:!0}),this.el.appendChild(e),this.enforceMax(),e}async dismissAll(){await Promise.all(this.getToasts().map((t=>t.dismiss?.())))}async enforceMax(){if(this.max<=0)return;const t=this.getToasts(),e=t.length-this.max;for(let o=0;o<e;o++)t[o].dismiss?.()}getToasts(){return Array.from(this.el.querySelectorAll("ifx-toast"))}measureNavbar(){if("undefined"==typeof document)return 0;const t=this.navbarSelector?.trim();if(!t)return 0;const e=document.querySelector(t);return e?Math.max(0,e.getBoundingClientRect().bottom):0}updateNavbarClearance=()=>{this.navbarClearance=this.measureNavbar()};handleResize=()=>{"undefined"!=typeof window&&(this.resizeRaf&&cancelAnimationFrame(this.resizeRaf),this.resizeRaf=requestAnimationFrame(this.updateNavbarClearance))};render(){return o(a,{key:"4e373126ba9cbbf9ea572ce265a313a27aca50ff",style:{"--ifx-toast-offset":this.offset+"px","--ifx-toast-navbar":this.navbarClearance+"px"}},o("section",{key:"71de9e47286848cd2f97f95364b0f7d6059f95db",class:"ifx-toast-container ifx-toast-container--"+this.placement,"aria-label":"Notifications"},o("slot",{key:"481b080e786201eadb5a6e6d41ad8bcb145b9640"})))}static get style(){return":host{--_nav:var(--ifx-toast-navbar, 0px);--_edge:var(--ifx-toast-offset, 16px)}.ifx-toast-container{position:fixed;z-index:1040;display:flex;pointer-events:none}.ifx-toast-container ::slotted(ifx-toast){pointer-events:auto}.ifx-toast-container ::slotted(ifx-toast:not(:first-child)){margin-top:4px}.ifx-toast-container--top-left,.ifx-toast-container--top-center,.ifx-toast-container--top-right{top:calc(var(--_nav) + var(--_edge));flex-direction:column}.ifx-toast-container--bottom-left,.ifx-toast-container--bottom-center,.ifx-toast-container--bottom-right{bottom:var(--_edge);flex-direction:column}.ifx-toast-container--top-left,.ifx-toast-container--bottom-left{left:var(--_edge);align-items:flex-start}.ifx-toast-container--top-right,.ifx-toast-container--bottom-right{right:var(--_edge);align-items:flex-end}.ifx-toast-container--top-center,.ifx-toast-container--bottom-center{left:50%;transform:translateX(-50%);align-items:center}@media (max-width: 375px){.ifx-toast-container{left:32px;right:32px;transform:none;align-items:stretch}.ifx-toast-container ::slotted(ifx-toast){width:100%}.ifx-toast-container--top-left,.ifx-toast-container--top-center,.ifx-toast-container--top-right{top:calc(var(--_nav) + var(--_edge));bottom:auto}.ifx-toast-container--bottom-left,.ifx-toast-container--bottom-center,.ifx-toast-container--bottom-right{bottom:var(--_edge);top:auto}}"}},[769,"ifx-toast-container",{placement:[513],offset:[2],navbarSelector:[1,"navbar-selector"],max:[2],navbarClearance:[32],addToast:[64],dismissAll:[64],enforceMax:[64]}]),l=m,p=function(){"undefined"!=typeof customElements&&["ifx-toast-container","ifx-icon","ifx-spinner","ifx-toast"].forEach((t=>{switch(t){case"ifx-toast-container":customElements.get(i(t))||customElements.define(i(t),m);break;case"ifx-icon":customElements.get(i(t))||c();break;case"ifx-spinner":customElements.get(i(t))||f();break;case"ifx-toast":customElements.get(i(t))||d()}}))};export{l as IfxToastContainer,x as a,p as defineCustomElement}

package/dist/components/ifx-toast.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxToast extends Components.IfxToast, HTMLElement {}
+export const IfxToast: {
+    prototype: IfxToast;
+    new (): IfxToast;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-toast.js

@@ -0,0 +1 @@
+import{T as o,d as r}from"./p-By_rGGZ6.js";const s=o,p=r;export{s as IfxToast,p as defineCustomElement}

package/dist/components/ifx-tooltip.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTooltip extends Components.IfxTooltip, HTMLElement {}
+export const IfxTooltip: {
+    prototype: IfxTooltip;
+    new (): IfxTooltip;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-tooltip.js

@@ -0,0 +1 @@
+import{p as t,H as o,h as i,t as e}from"./p-BT_2CyMS.js";import{i as s,d as a,t as l}from"./p-94ZtGp9D.js";import{d as n}from"./p-DMAv4MDG.js";import{c as p}from"./p-BfP9ezJQ.js";const d=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}tooltipVisible=!1;header="";text="";position="auto";internalPosition="auto";ariaLabelText;variant="compact";icon;appendToBody=!1;tooltipContainer;tooltipEl;referenceEl;popperInstance=null;getVariant(){const t=this.variant?.toLowerCase().trim();return"compact"===t||"dismissible"===t||"extended"===t?t:"compact"}async componentDidLoad(){if(!s(this.el)){const t=a();l("ifx-tooltip",await t)}const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild,o=this.getVariant();"compact"===o||"extended"===o?(t.addEventListener("mouseenter",this.onMouseEnter),t.addEventListener("mouseleave",this.onMouseLeave)):t.addEventListener("click",this.onClick)}initializePopper(){if(this.popperInstance)return;let t;this.referenceEl=this.el;const o=this.getVariant();if(t=this.el.shadowRoot.querySelector("compact"===o?".tooltip-compact":"dismissible"===o?".tooltip-dismissible":".tooltip-extended"),this.appendToBody&&t&&!this.tooltipContainer){this.tooltipContainer=t.cloneNode(!0);const o=window.getComputedStyle(t);Array.from(o).forEach((t=>{this.tooltipContainer.style.setProperty(t,o.getPropertyValue(t),o.getPropertyPriority(t))})),document.body.appendChild(this.tooltipContainer),t.style.visibility="hidden",this.tooltipEl=this.tooltipContainer}else this.tooltipEl=this.appendToBody&&this.tooltipContainer?this.tooltipContainer:t;let i;i="auto"===this.position?this.determineBestPosition():this.position,this.internalPosition=i,this.tooltipEl&&this.referenceEl&&(this.popperInstance=p(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,strategy:"fixed",modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"preventOverflow",options:{boundary:"clippingParents",altBoundary:!1,rootBoundary:"viewport"}},{name:"flip",enabled:"auto"===this.position,options:{fallbackPlacements:["top","top-start","top-end","bottom","bottom-start","bottom-end"],flipVariations:!1}},{name:"computeStyles",options:{gpuAcceleration:!1,adaptive:!0}}]})),this.tooltipEl&&this.tooltipEl.setAttribute("data-placement",this.internalPosition)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect(),o=window.scrollY,i=window.scrollX,e=t.left+i+t.width/2;return t.top+o+t.height/2>window.innerHeight/2?e>window.innerWidth/2?"top-end":"top-start":e>window.innerWidth/2?"bottom-end":"bottom-start"}positionChanged(t){this.internalPosition=t,this.popperInstance?.destroy(),this.popperInstance=null}onMouseEnter=()=>{this.initializePopper(),this.tooltipVisible=!0,this.tooltipEl&&(this.tooltipEl.style.display="block"),this.popperInstance?.update()};onMouseLeave=()=>{this.tooltipVisible=!1,this.tooltipEl&&(this.tooltipEl.style.display="none")};disconnectedCallback(){const t=this.el.shadowRoot?.querySelector(".tooltip__container")?.firstChild;t&&(t.removeEventListener("mouseenter",this.onMouseEnter),t.removeEventListener("mouseleave",this.onMouseLeave),t.removeEventListener("click",this.onClick)),this.popperInstance?.destroy(),this.tooltipContainer&&this.tooltipContainer.parentNode&&document.body.removeChild(this.tooltipContainer)}onClick=()=>{"dismissible"===this.getVariant()&&(this.initializePopper(),this.tooltipVisible=!this.tooltipVisible,this.tooltipEl.style.display=this.tooltipVisible?"block":"none",this.popperInstance?.update())};onDismissClick=()=>{this.tooltipVisible=!1,this.tooltipEl.style.display="none"};render(){const t={"tooltip-dismissible":!0,visible:this.tooltipVisible},o={"tooltip-compact":!0,visible:this.tooltipVisible},e={"tooltip-extended":!0,visible:this.tooltipVisible};return i("div",{key:"9bf27bac66f598f51c1e30e27a6e10787160064c","aria-label":this.ariaLabelText,"aria-value":this.header,class:"tooltip__container"},i("slot",{key:"d20fcd749e7d35cca65a592363600080b098d46e"}),"dismissible"===this.getVariant()&&i("div",{key:"4a38c6ac152213456b088ec84f8bb6321037c40e",class:t},i("button",{key:"8201ab5b1d650cefb90ebbdfafa75aeb5cdcd0e6","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},i("ifx-icon",{key:"5f214bc9ee9a35187703ba8a520ffd146524529d",icon:"cross16"})),i("div",{key:"f653fd795afa4888f00c5daac7911d46882a0dad",class:"tooltip-dismissible-content"},this.header&&i("div",{key:"f1eb33d83439723b581f95134f65e5414160ca1b",class:"tooltip-dismissible-header"},this.header),i("div",{key:"00b599eb81849359c8bef7aa27655b890c63a43c",class:"tooltip-dismissible-body"},this.text)),i("svg",{key:"ef44cb3e7636f3f53ad3c206167d4699cfe14805",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"c815a0a02b8e44ad3c2963bb546cc0d4ff3c7a5f",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),"compact"===this.getVariant()&&i("div",{key:"467347c7622a4e463eb0ab1de899bcf2e63e2871",class:o},this.text,i("svg",{key:"f38dcf83756ffb2bf5f0fdac3b9dc5178ebe445c",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"900f2b96ce647f566bbbbacfa0d8aa1b8d012f84",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),"extended"===this.getVariant()&&i("div",{key:"62513e32ad9418c3f5d0015431e62a8ea82699e8",class:e},i("slot",{key:"d947b84184430e4e3abfd6ac1270a2ab07c77201",name:"icon"},this.icon?i("div",{class:"extended_icon"},i("ifx-icon",{icon:this.icon})):i("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},i("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),i("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),i("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),i("div",{key:"58d52b35c0eeafaa1cdceb12f8bc8cb531313ade",class:"tooltip-extended-content"},this.header&&i("div",{key:"31b8e80497c10e662ac5da50665d09c4f1b7aee7",class:"tooltip-extended-header"},this.header),i("div",{key:"777dac006f5554c30056a91901c2027acea21186",class:"tooltip-extended-body"},this.text)),i("svg",{key:"b6bdfb6860f70309569f68bb2b7830090636eb69",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"cb12c1f69e4f3538f9679fcf47f470c7f142fb46",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}static get watchers(){return{position:[{positionChanged:0}]}}static get style(){return":host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1d1d1d;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#ffffff;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}"}},[769,"ifx-tooltip",{header:[1],text:[1],position:[1],ariaLabelText:[1,"aria-label-text"],variant:[1],icon:[1],appendToBody:[4,"append-to-body"],tooltipVisible:[32],internalPosition:[32]},void 0,{position:[{positionChanged:0}]}]),r=d,c=function(){"undefined"!=typeof customElements&&["ifx-tooltip","ifx-icon"].forEach((t=>{switch(t){case"ifx-tooltip":customElements.get(e(t))||customElements.define(e(t),d);break;case"ifx-icon":customElements.get(e(t))||n()}}))};export{r as IfxTooltip,c as defineCustomElement}

package/dist/components/ifx-tree-view-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTreeViewItem extends Components.IfxTreeViewItem, HTMLElement {}
+export const IfxTreeViewItem: {
+    prototype: IfxTreeViewItem;
+    new (): IfxTreeViewItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-tree-view-item.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as a,F as s,t as n}from"./p-BT_2CyMS.js";import{d as r}from"./p-COoPXL_o.js";import{d as c}from"./p-DMAv4MDG.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxTreeViewItemExpandChange=i(this,"ifxTreeViewItemExpandChange",7),this.ifxTreeViewItemCheckChange=i(this,"ifxTreeViewItemCheckChange",7),this.ifxTreeViewItemDisableChange=i(this,"ifxTreeViewItemDisableChange",7)}get host(){return this}expanded=!1;initiallyExpanded=!1;disableItem=!1;ariaLabelText;initiallySelected=!1;value;ifxTreeViewItemExpandChange;ifxTreeViewItemCheckChange;ifxTreeViewItemDisableChange;hasChildren=!1;isChecked=!1;partialChecked=!1;level=0;disableAllItems=!1;expandAllItems=!1;suppressExpandEvents=!1;get disabled(){return this.disableAllItems||this.disableItem}get isExpanded(){return this.expandAllItems||this.expanded}findChildren=()=>Array.from(this.host.children).filter((e=>e instanceof t&&"IFX-TREE-VIEW-ITEM"===e.tagName));calculateNodeLevel=()=>{let e=0,t=this.host.parentElement;for(;t;)"IFX-TREE-VIEW-ITEM"===t.tagName&&e++,t=t.parentElement;return e};componentWillLoad(){this.expanded=this.initiallyExpanded,this.hasChildren=this.findChildren().length>0,this.level=this.calculateNodeLevel(),this.host.setAttribute("data-level",""+this.level),this.isChecked=this.initiallySelected,this.host.addEventListener("internal-check-state-change",this.handleStateChange)}componentDidLoad(){this.observeParentAttribute("disable-all-items",(e=>this.disableAllItems=e)),this.observeParentAttribute("data-expand-all-items",(e=>this.expandAllItems=e),!0),this.shouldExpandFromParent()&&this.expandAllDescendants(),this.host.__stencil_instance=this,this.initiallySelected&&setTimeout((()=>this.updateParentState()),0)}observeParentAttribute(e,t,i=!1){let a=this.host.parentElement;for(;a;){if("IFX-TREE-VIEW"===a.tagName||i&&a.hasAttribute(e)){new MutationObserver((()=>t(a.hasAttribute(e)))).observe(a,{attributes:!0}),t(a.hasAttribute(e));break}a=a.parentElement}}shouldExpandFromParent(){let e=this.host.parentElement;for(;e;){if("IFX-TREE-VIEW"===e.tagName&&(e.hasAttribute("expand-all-items")||e.hasAttribute("data-expand-all-items")))return!0;e=e.parentElement}return!1}expandAllDescendants(){this.expanded=!0,this.findChildren().forEach((e=>{e.expanded=!0,e.expandAllDescendants?.()}))}handleStateChange=e=>{this.disabled||(e.stopPropagation(),this.updateCheckState(e.detail.checked))};handleCheckboxChange=e=>{this.disabled||this.updateCheckState(e.detail?.checked??!this.isChecked)};handleHeaderClick=({target:e})=>{if(!this.disabled&&!e.closest(".tree-item__checkbox-container, .tree-item__chevron-container"))if(this.hasChildren){const e=!this.isChecked;this.updateCheckState(e);const t=this.expandOrCollapseAllDescendants(!!e);this.ifxTreeViewItemExpandChange.emit({expanded:e,affectedItems:t,component:this})}else this.updateCheckState(!this.isChecked)};expandOrCollapseAllDescendants(e){this.suppressExpandEvents=!0;const t=[];return this.expanded=e,this.hasChildren&&t.push({expanded:e,value:this.value}),this.findChildren().forEach((i=>{const a=i.__stencil_instance;if(a&&a.hasChildren&&(a.suppressExpandEvents=!0,a.expanded=e,t.push({expanded:e,value:a.value}),a.hasChildren)){const i=a.expandOrCollapseAllDescendants(e);t.push(...i)}})),this.suppressExpandEvents=!1,t}async updateCheckState(e,t=!1){if(!this.disabled)if(!t&&this.hasChildren){const t=this.collectDescendantStates(e);this.setNodeState({isChecked:e,partialChecked:!1},!1),await this.updateChildrenSilently(e),this.ifxTreeViewItemCheckChange.emit({checked:e,indeterminate:!1,value:this.value,affectedChildItems:t,component:this}),this.updateParentState()}else t?this.setNodeState({isChecked:e,partialChecked:!1},!1):(this.setNodeState({isChecked:e,partialChecked:!1}),await this.updateChildrenState(e),this.updateParentState())}async updateChildrenSilently(e){for(const t of this.findChildren()){const i=t.__stencil_instance;i&&!i.disabled&&(i.setNodeState({isChecked:e,partialChecked:!1},!1),await i.updateChildrenSilently(e))}}handleExpandedChange(e){this.suppressExpandEvents||this.ifxTreeViewItemExpandChange.emit({expanded:e,value:this.value,affectedItems:[{expanded:e,value:this.value}],component:this})}handleDisableItemChange(e){this.ifxTreeViewItemDisableChange.emit({disabled:e,component:this})}setNodeState(e,t=!0){this.isChecked=e.isChecked,this.partialChecked=e.partialChecked,t&&this.ifxTreeViewItemCheckChange.emit({checked:this.isChecked,indeterminate:this.partialChecked,value:this.value,level:this.level,disabled:this.disabled,component:this})}collectDescendantStates(e){const t=[],i=(a,s=!1)=>{const n=a===this.host?this:a.__stencil_instance;s||n?.disabled||t.push({checked:e,indeterminate:!1,value:n?.value}),Array.from(a.children).forEach((e=>{"IFX-TREE-VIEW-ITEM"===e.tagName&&i(e,!1)}))};return Array.from(this.host.children).forEach((e=>{"IFX-TREE-VIEW-ITEM"===e.tagName&&i(e,!1)})),t}async updateChildrenState(e){for(const t of this.findChildren()){const i=t.__stencil_instance;i&&!i.disabled&&(await t.componentOnReady(),t.dispatchEvent(new CustomEvent("internal-check-state-change",{detail:{checked:e},bubbles:!1,composed:!0})))}}findSiblingNodes(e){return Array.from(e.children).filter((e=>e instanceof t&&"IFX-TREE-VIEW-ITEM"===e.tagName))}updateParentState(){const e=this.host.parentElement?.closest("ifx-tree-view-item");e&&setTimeout((()=>{const t=e.__stencil_instance;if(!t)return;const i=this.findSiblingNodes(e),{allChecked:a,someChecked:s}=this.calculateSiblingStates(i);t.setNodeState({isChecked:a,partialChecked:!a&&s},!1),t.updateParentState()}),0)}calculateSiblingStates(e){const t=e.map((e=>{const t=e.__stencil_instance;return{checked:t?.isChecked,partial:t?.partialChecked}})),i=t.filter((e=>e.checked)).length,a=t.filter((e=>e.partial)).length;return{allChecked:t.length>0&&i===t.length&&0===a,someChecked:i>0||a>0}}toggleExpand=()=>{!this.disabled&&this.hasChildren&&(this.expanded=!this.expanded)};handleKeyDown=e=>{const t=Array.from(this.host.closest("ifx-tree-view")?.querySelectorAll("ifx-tree-view-item")||[]).filter((e=>{let t=e.parentElement?.closest("ifx-tree-view-item");for(;t;){if(!t.expandAllItems&&!t.expanded)return!1;t=t.parentElement?.closest("ifx-tree-view-item")}return!0})),i=t.findIndex((e=>e===this.host)),a=e=>e?.focus();switch(e.key){case"ArrowDown":e.preventDefault();for(let e=i+1;e<t.length;e++){const i=t[e];if(!i.disabled){a(i.shadowRoot?.querySelector(".tree-item__label-icon-container"));break}}break;case"ArrowUp":e.preventDefault();for(let e=i-1;e>=0;e--){const i=t[e];if(!i.disabled){a(i.shadowRoot?.querySelector(".tree-item__label-icon-container"));break}}break;case"ArrowRight":if(e.preventDefault(),!this.isExpanded&&this.hasChildren)this.expanded=!0;else if(this.isExpanded&&this.hasChildren){const e=this.host.querySelector("ifx-tree-view-item");e&&!e.disabled&&a(e.shadowRoot?.querySelector(".tree-item__label-icon-container"))}break;case"ArrowLeft":if(e.preventDefault(),this.isExpanded&&this.hasChildren)this.expanded=!1;else{const e=this.host.parentElement?.closest("ifx-tree-view-item");e&&!e.disabled&&a(e.shadowRoot?.querySelector(".tree-item__label-icon-container"))}break;case" ":case"Enter":if(e.preventDefault(),this.hasChildren){const e=!this.isChecked;this.updateCheckState(e);const t=this.expandOrCollapseAllDescendants(!!e);this.ifxTreeViewItemExpandChange.emit({expanded:e,affectedItems:t,component:this})}else this.updateCheckState(!this.isChecked)}};render(){return a("div",{key:"123da9bfe206bf6bd38c958f30eebb11950e126b",class:{"tree-item":!0,"tree-item--expanded":this.isExpanded,"tree-item--has-children":this.hasChildren,"tree-item--disabled":this.disabled},role:"treeitem","aria-expanded":this.isExpanded?"true":"false","data-level":this.level,"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabelText},a("div",{key:"2cd132c98025b46f8171601033332bf7900dd6c4",class:"tree-item__content"},a("div",{key:"63116442499e9effc5ee9ff98b5592fe18149069",class:"tree-item__checkbox-container",onClick:e=>e.stopPropagation()},a("ifx-checkbox",{key:"4e459a1bd676f541295f78f1b9c894dff4eb4ef8",size:"s",checked:!this.partialChecked&&this.isChecked,indeterminate:this.partialChecked,onIfxChange:this.handleCheckboxChange,disabled:this.disabled})),a("div",{key:"ed5a511ecab4a5ddf492caab1a5284ea3dd4b830",class:"tree-item__header",style:{paddingLeft:24*this.level+10+"px"},onClick:this.handleHeaderClick,tabIndex:-1,"aria-disabled":this.disabled?"true":void 0},this.hasChildren&&a("div",{key:"6db87ea4384b7c02c573640a6b9b77ecb41d06c7",class:"tree-item__chevron-container",onClick:this.toggleExpand},a("ifx-icon",{key:"88a189f42e5a65c7b9be8ae56da4dab3c073348c",class:"tree-item__chevron "+(this.isExpanded?"chevron-down":"chevron-right"),icon:"chevron-right-16"}),a("div",{key:"90a68efc36fcc9555fadd3f0480d8f136bd7bfe7",class:"tree-item__line"})),a("div",{key:"1f2fb319858e95fa71d8bd3a8b67633c1b877ab5",class:"tree-item__label-icon-container",tabIndex:this.disabled?-1:0,onKeyDown:this.handleKeyDown},a("div",{key:"e9d22a1c38483f36362ed04613cf7bace8afada1",class:"tree-item__icon-container"},this.hasChildren?a(s,null,a("ifx-icon",{class:{"icon--hidden":this.isExpanded},icon:"folder-16"}),a("ifx-icon",{class:{"icon--hidden":!this.isExpanded},icon:"folder-open-16"})):a("ifx-icon",{icon:"file-16"})),a("span",{key:"a9c62e0dbbb224902610b33a73b404fc43e39edb",class:"tree-item__label"},a("slot",{key:"6f052f54f516b40b283cd6b5604405576f145791"}))))),this.isExpanded&&a("div",{key:"8316ac5841ee4715e299071fb722740d09a5951e",class:"tree-item__children"},a("slot",{key:"66cc980df39b81b7999797633c3aa84ed98c0ae1",name:"children"})))}static get watchers(){return{expanded:[{handleExpandedChange:0}],disableItem:[{handleDisableItemChange:0}]}}static get style(){return'.tree-item{position:relative;cursor:pointer;list-style:none}.tree-item.tree-item--expanded{position:relative}.tree-item.tree-item--has-children{position:relative}.tree-item.tree-item--has-children .tree-item__header>.tree-item__chevron-container{display:flex}.tree-item.tree-item--has-children.tree-item--expanded .tree-item__header>.tree-item__chevron-container::after{display:block}.tree-item--disabled{cursor:not-allowed;pointer-events:none;color:#bfbbbb}.tree-item__content{display:flex;flex-direction:row}.tree-item__content:hover .tree-item__checkbox-container,.tree-item__content:hover .tree-item__header{background-color:#f7f7f7}.tree-item__checkbox-container{position:sticky;left:0;z-index:10;padding:4px;background-color:#ffffff}.tree-item__header{flex-grow:1;display:flex;align-items:center;white-space:nowrap;height:20px;padding-top:4px;padding-right:16px;padding-bottom:4px;padding-left:8px}.tree-item__chevron-container{display:none;align-items:center;margin-right:8px;height:20px}.tree-item__chevron-container::after{--height-line-start:28px;display:none;content:"";position:absolute;z-index:1;top:var(--height-line-start);left:auto;margin-left:8px;width:1px;height:calc(100% - var(--height-line-start));background-color:#eeeded}.tree-item--disabled .tree-item__chevron-container::after{color:#eeeded}.tree-item__chevron.chevron-down{transform:rotate(90deg)}.tree-item__chevron.chevron-right{transform:rotate(0)}.tree-item__label-icon-container{display:flex;align-items:center}.tree-item__label-icon-container:focus{outline:none}.tree-item__label-icon-container:focus-visible{outline:2px solid #0a8276;outline-offset:2px;border-radius:1px}.tree-item__icon-container{position:relative;width:16px;height:16px}.tree-item__icon-container ifx-icon{position:absolute;left:0;top:0;opacity:1;transition:opacity 0.2s ease-in-out}.tree-item__icon-container ifx-icon.icon--hidden{opacity:0}.tree-item__label{padding-left:8px}.tree-item__children{display:none}.tree-item[aria-expanded=true]>.tree-item__children{display:block}'}},[769,"ifx-tree-view-item",{expanded:[1540],initiallyExpanded:[4,"initially-expanded"],disableItem:[4,"disable-item"],ariaLabelText:[1,"aria-label-text"],initiallySelected:[4,"initially-selected"],value:[1],hasChildren:[32],isChecked:[32],partialChecked:[32],level:[32],disableAllItems:[32],expandAllItems:[32],suppressExpandEvents:[32]},void 0,{expanded:[{handleExpandedChange:0}],disableItem:[{handleDisableItemChange:0}]}]),d=h,o=function(){"undefined"!=typeof customElements&&["ifx-tree-view-item","ifx-checkbox","ifx-icon"].forEach((e=>{switch(e){case"ifx-tree-view-item":customElements.get(n(e))||customElements.define(n(e),h);break;case"ifx-checkbox":customElements.get(n(e))||r();break;case"ifx-icon":customElements.get(n(e))||c()}}))};export{d as IfxTreeViewItem,o as defineCustomElement}

package/dist/components/ifx-tree-view.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IfxTreeView extends Components.IfxTreeView, HTMLElement {}
+export const IfxTreeView: {
+    prototype: IfxTreeView;
+    new (): IfxTreeView;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ifx-tree-view.js

@@ -0,0 +1 @@
+import{p as e,H as a,c as l,h as t,t as i}from"./p-BT_2CyMS.js";import{i as s,d,t as n}from"./p-94ZtGp9D.js";const r=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxTreeViewExpandAllChange=l(this,"ifxTreeViewExpandAllChange",7),this.ifxTreeViewDisableAllChange=l(this,"ifxTreeViewDisableAllChange",7)}get el(){return this}label;disableAllItems=!1;expandAllItems=!1;ariaLabelText;ifxTreeViewExpandAllChange;ifxTreeViewDisableAllChange;handleExpandAllItemsChange(e){this.ifxTreeViewExpandAllChange.emit(e)}handleDisableAllItemsChange(e){this.ifxTreeViewDisableAllChange.emit(e)}handleSlotRef=e=>{e&&(this.disableAllItems?e.setAttribute("data-disable-all-items","true"):e.removeAttribute("data-disable-all-items"),this.expandAllItems?e.setAttribute("data-expand-all-items","true"):e.removeAttribute("data-expand-all-items"))};async componentDidLoad(){if(!s(this.el)){const e=d();n("ifx-tree-view",await e)}}render(){return t("div",{key:"90c805d7b66aa0d91d6fb9af2778628d1b535f87",class:"tree-view "+(this.disableAllItems?" tree-view--disabled":""),role:"tree","aria-label":this.ariaLabelText},this.label&&""!==this.label.trim()&&t("div",{key:"7f52505a782ea778cca5d08566dd403d77cf117e",class:"tree-view__label"},this.label),t("slot",{key:"7e637d715451f90a7b65dd19192e4ad114d91716",ref:this.handleSlotRef}))}static get watchers(){return{expandAllItems:[{handleExpandAllItemsChange:0}],disableAllItems:[{handleDisableAllItemsChange:0}]}}static get style(){return':host{display:block}.tree-view{font-family:var(--ifx-font-family, sans-serif);font-size:14px;color:var(--ifx-color-text, #1a1a1a);display:flex;flex-wrap:wrap;flex-direction:column;overflow-x:auto;overflow-y:hidden}.tree-view__label{font:600 1.125rem/1.625rem "Source Sans 3";font-family:var(--ifx-font-family);margin-bottom:8px}'}},[769,"ifx-tree-view",{label:[1],disableAllItems:[4,"disable-all-items"],expandAllItems:[4,"expand-all-items"],ariaLabelText:[1,"aria-label-text"]},void 0,{expandAllItems:[{handleExpandAllItemsChange:0}],disableAllItems:[{handleDisableAllItemsChange:0}]}]),o=r,f=function(){"undefined"!=typeof customElements&&["ifx-tree-view"].forEach((e=>{"ifx-tree-view"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{o as IfxTreeView,f as defineCustomElement}

package/dist/components/index.d.ts

@@ -0,0 +1,221 @@
+/* InfineonDesignSystemStencil custom elements */
+export { Accordion as IfxAccordion } from '../types/components/accordion/accordion';
+export { defineCustomElement as defineCustomElementIfxAccordion } from './ifx-accordion';
+export { AccordionItem as IfxAccordionItem } from '../types/components/accordion/accordionItem';
+export { defineCustomElement as defineCustomElementIfxAccordionItem } from './ifx-accordion-item';
+export { ActionList as IfxActionList } from '../types/components/action-list/action-list';
+export { defineCustomElement as defineCustomElementIfxActionList } from './ifx-action-list';
+export { ActionListItem as IfxActionListItem } from '../types/components/action-list/action-list-item';
+export { defineCustomElement as defineCustomElementIfxActionListItem } from './ifx-action-list-item';
+export { AiLabel as IfxAiLabel } from '../types/components/ai-label/ai-label';
+export { defineCustomElement as defineCustomElementIfxAiLabel } from './ifx-ai-label';
+export { Alert as IfxAlert } from '../types/components/alert/alert';
+export { defineCustomElement as defineCustomElementIfxAlert } from './ifx-alert';
+export { Table as IfxBasicTable } from '../types/components/table-basic-version/table';
+export { defineCustomElement as defineCustomElementIfxBasicTable } from './ifx-basic-table';
+export { Breadcrumb as IfxBreadcrumb } from '../types/components/breadcrumb/breadcrumb';
+export { defineCustomElement as defineCustomElementIfxBreadcrumb } from './ifx-breadcrumb';
+export { BreadcrumbItem as IfxBreadcrumbItem } from '../types/components/breadcrumb/breadcrumb-item';
+export { defineCustomElement as defineCustomElementIfxBreadcrumbItem } from './ifx-breadcrumb-item';
+export { BreadcrumbItemLabel as IfxBreadcrumbItemLabel } from '../types/components/breadcrumb/breadcrumb-item-label';
+export { defineCustomElement as defineCustomElementIfxBreadcrumbItemLabel } from './ifx-breadcrumb-item-label';
+export { Button as IfxButton } from '../types/components/button/button';
+export { defineCustomElement as defineCustomElementIfxButton } from './ifx-button';
+export { Card as IfxCard } from '../types/components/card/card';
+export { defineCustomElement as defineCustomElementIfxCard } from './ifx-card';
+export { CardHeadline as IfxCardHeadline } from '../types/components/card/card-headline/card-headline';
+export { defineCustomElement as defineCustomElementIfxCardHeadline } from './ifx-card-headline';
+export { CardImage as IfxCardImage } from '../types/components/card/card-image/card-image';
+export { defineCustomElement as defineCustomElementIfxCardImage } from './ifx-card-image';
+export { CardLinks as IfxCardLinks } from '../types/components/card/card-links/card-links';
+export { defineCustomElement as defineCustomElementIfxCardLinks } from './ifx-card-links';
+export { CardOverline as IfxCardOverline } from '../types/components/card/card-overline/card-overline';
+export { defineCustomElement as defineCustomElementIfxCardOverline } from './ifx-card-overline';
+export { CardText as IfxCardText } from '../types/components/card/card-text/card-text';
+export { defineCustomElement as defineCustomElementIfxCardText } from './ifx-card-text';
+export { Checkbox as IfxCheckbox } from '../types/components/checkbox/checkbox';
+export { defineCustomElement as defineCustomElementIfxCheckbox } from './ifx-checkbox';
+export { CheckboxGroup as IfxCheckboxGroup } from '../types/components/checkbox-group/checkbox-group';
+export { defineCustomElement as defineCustomElementIfxCheckboxGroup } from './ifx-checkbox-group';
+export { Chip as IfxChip } from '../types/components/chip/chip';
+export { defineCustomElement as defineCustomElementIfxChip } from './ifx-chip';
+export { ChipItem as IfxChipItem } from '../types/components/chip/chip-item/chip-item';
+export { defineCustomElement as defineCustomElementIfxChipItem } from './ifx-chip-item';
+export { ContentSwitcher as IfxContentSwitcher } from '../types/components/content-switcher/content-switcher';
+export { defineCustomElement as defineCustomElementIfxContentSwitcher } from './ifx-content-switcher';
+export { ContentSwitcherItem as IfxContentSwitcherItem } from '../types/components/content-switcher/content-switcher-item';
+export { defineCustomElement as defineCustomElementIfxContentSwitcherItem } from './ifx-content-switcher-item';
+export { Counter as IfxCounter } from '../types/components/counter/counter';
+export { defineCustomElement as defineCustomElementIfxCounter } from './ifx-counter';
+export { DatePicker as IfxDatePicker } from '../types/components/date-picker/date-picker';
+export { defineCustomElement as defineCustomElementIfxDatePicker } from './ifx-date-picker';
+export { Download as IfxDownload } from '../types/components/download/download';
+export { defineCustomElement as defineCustomElementIfxDownload } from './ifx-download';
+export { Dropdown as IfxDropdown } from '../types/components/dropdown/dropdown';
+export { defineCustomElement as defineCustomElementIfxDropdown } from './ifx-dropdown';
+export { DropdownHeader as IfxDropdownHeader } from '../types/components/dropdown/dropdown-header/dropdown-header';
+export { defineCustomElement as defineCustomElementIfxDropdownHeader } from './ifx-dropdown-header';
+export { DropdownItem as IfxDropdownItem } from '../types/components/dropdown/dropdown-item/dropdown-item';
+export { defineCustomElement as defineCustomElementIfxDropdownItem } from './ifx-dropdown-item';
+export { DropdownMenu as IfxDropdownMenu } from '../types/components/dropdown/dropdown-menu/dropdown-menu';
+export { defineCustomElement as defineCustomElementIfxDropdownMenu } from './ifx-dropdown-menu';
+export { DropdownSeparator as IfxDropdownSeparator } from '../types/components/dropdown/dropdown-seperator/dropdown-separator';
+export { defineCustomElement as defineCustomElementIfxDropdownSeparator } from './ifx-dropdown-separator';
+export { DropdownItem as IfxDropdownTrigger } from '../types/components/dropdown/dropdown-trigger/dropdown-trigger';
+export { defineCustomElement as defineCustomElementIfxDropdownTrigger } from './ifx-dropdown-trigger';
+export { DropdownTriggerButton as IfxDropdownTriggerButton } from '../types/components/dropdown/dropdown-trigger-button/dropdown-trigger-button';
+export { defineCustomElement as defineCustomElementIfxDropdownTriggerButton } from './ifx-dropdown-trigger-button';
+export { ErrorPage as IfxErrorPage } from '../types/components/error-page/error-page';
+export { defineCustomElement as defineCustomElementIfxErrorPage } from './ifx-error-page';
+export { FileUpload as IfxFileUpload } from '../types/components/file-upload/file-upload';
+export { defineCustomElement as defineCustomElementIfxFileUpload } from './ifx-file-upload';
+export { FilterAccordion as IfxFilterAccordion } from '../types/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion';
+export { defineCustomElement as defineCustomElementIfxFilterAccordion } from './ifx-filter-accordion';
+export { FilterBar as IfxFilterBar } from '../types/components/table-advanced-version/filter-bar/filter-bar';
+export { defineCustomElement as defineCustomElementIfxFilterBar } from './ifx-filter-bar';
+export { FilterSearch as IfxFilterSearch } from '../types/components/table-advanced-version/filter-type-group/filter-search/filter-search';
+export { defineCustomElement as defineCustomElementIfxFilterSearch } from './ifx-filter-search';
+export { IfxFilterTypeGroup as IfxFilterTypeGroup } from '../types/components/table-advanced-version/filter-type-group/filter-type-group';
+export { defineCustomElement as defineCustomElementIfxFilterTypeGroup } from './ifx-filter-type-group';
+export { Footer as IfxFooter } from '../types/components/footer/footer';
+export { defineCustomElement as defineCustomElementIfxFooter } from './ifx-footer';
+export { FooterColumn as IfxFooterColumn } from '../types/components/footer/footer-column';
+export { defineCustomElement as defineCustomElementIfxFooterColumn } from './ifx-footer-column';
+export { IfxIcon as IfxIcon } from '../types/components/icon/icon';
+export { defineCustomElement as defineCustomElementIfxIcon } from './ifx-icon';
+export { IconButton as IfxIconButton } from '../types/components/icon-button/icon-button';
+export { defineCustomElement as defineCustomElementIfxIconButton } from './ifx-icon-button';
+export { IconsPreview as IfxIconsPreview } from '../types/components/icons-preview/icons-preview';
+export { defineCustomElement as defineCustomElementIfxIconsPreview } from './ifx-icons-preview';
+export { Indicator as IfxIndicator } from '../types/components/indicator/indicator';
+export { defineCustomElement as defineCustomElementIfxIndicator } from './ifx-indicator';
+export { Link as IfxLink } from '../types/components/link/link';
+export { defineCustomElement as defineCustomElementIfxLink } from './ifx-link';
+export { List as IfxList } from '../types/components/table-advanced-version/list/list';
+export { defineCustomElement as defineCustomElementIfxList } from './ifx-list';
+export { ListEntry as IfxListEntry } from '../types/components/table-advanced-version/list/list-entry/list-entry';
+export { defineCustomElement as defineCustomElementIfxListEntry } from './ifx-list-entry';
+export { IfxModal as IfxModal } from '../types/components/modal/modal';
+export { defineCustomElement as defineCustomElementIfxModal } from './ifx-modal';
+export { Multiselect as IfxMultiselect } from '../types/components/select/multi-select/multiselect';
+export { defineCustomElement as defineCustomElementIfxMultiselect } from './ifx-multiselect';
+export { MultiselectGroup as IfxMultiselectGroup } from '../types/components/select/multi-select/multiselect-group';
+export { defineCustomElement as defineCustomElementIfxMultiselectGroup } from './ifx-multiselect-group';
+export { MultiselectOption as IfxMultiselectOption } from '../types/components/select/multi-select/multiselect-option';
+export { defineCustomElement as defineCustomElementIfxMultiselectOption } from './ifx-multiselect-option';
+export { Navbar as IfxNavbar } from '../types/components/navigation/navbar/navbar';
+export { defineCustomElement as defineCustomElementIfxNavbar } from './ifx-navbar';
+export { NavbarItem as IfxNavbarItem } from '../types/components/navigation/navbar/navbar-item';
+export { defineCustomElement as defineCustomElementIfxNavbarItem } from './ifx-navbar-item';
+export { NavbarProfile as IfxNavbarProfile } from '../types/components/navigation/navbar/navbar-profile';
+export { defineCustomElement as defineCustomElementIfxNavbarProfile } from './ifx-navbar-profile';
+export { Notification as IfxNotification } from '../types/components/notification/notification';
+export { defineCustomElement as defineCustomElementIfxNotification } from './ifx-notification';
+export { OverviewTable as IfxOverviewTable } from '../types/components/overview-table/overview-table';
+export { defineCustomElement as defineCustomElementIfxOverviewTable } from './ifx-overview-table';
+export { Pagination as IfxPagination } from '../types/components/pagination/pagination';
+export { defineCustomElement as defineCustomElementIfxPagination } from './ifx-pagination';
+export { Popover as IfxPopover } from '../types/components/popover/popover';
+export { defineCustomElement as defineCustomElementIfxPopover } from './ifx-popover';
+export { ProgressBar as IfxProgressBar } from '../types/components/progress-bar/progress-bar';
+export { defineCustomElement as defineCustomElementIfxProgressBar } from './ifx-progress-bar';
+export { RadioButton as IfxRadioButton } from '../types/components/radio-button/radio-button';
+export { defineCustomElement as defineCustomElementIfxRadioButton } from './ifx-radio-button';
+export { RadioButtonGroup as IfxRadioButtonGroup } from '../types/components/radio-button-group/radio-button-group';
+export { defineCustomElement as defineCustomElementIfxRadioButtonGroup } from './ifx-radio-button-group';
+export { SearchBar as IfxSearchBar } from '../types/components/search-bar/search-bar';
+export { defineCustomElement as defineCustomElementIfxSearchBar } from './ifx-search-bar';
+export { SearchField as IfxSearchField } from '../types/components/search-field/search-field';
+export { defineCustomElement as defineCustomElementIfxSearchField } from './ifx-search-field';
+export { Segment as IfxSegment } from '../types/components/segmented-control/segment/segment';
+export { defineCustomElement as defineCustomElementIfxSegment } from './ifx-segment';
+export { SegmentedControl as IfxSegmentedControl } from '../types/components/segmented-control/segmented-control';
+export { defineCustomElement as defineCustomElementIfxSegmentedControl } from './ifx-segmented-control';
+export { Select as IfxSelect } from '../types/components/select/single-select/select';
+export { defineCustomElement as defineCustomElementIfxSelect } from './ifx-select';
+export { SelectGroup as IfxSelectGroup } from '../types/components/select/single-select/select-group';
+export { defineCustomElement as defineCustomElementIfxSelectGroup } from './ifx-select-group';
+export { SelectOption as IfxSelectOption } from '../types/components/select/single-select/select-option';
+export { defineCustomElement as defineCustomElementIfxSelectOption } from './ifx-select-option';
+export { SetFilter as IfxSetFilter } from '../types/components/table-advanced-version/set-filter/setFilter';
+export { defineCustomElement as defineCustomElementIfxSetFilter } from './ifx-set-filter';
+export { Sidebar as IfxSidebar } from '../types/components/navigation/sidebar/sidebar';
+export { defineCustomElement as defineCustomElementIfxSidebar } from './ifx-sidebar';
+export { SidebarItem as IfxSidebarItem } from '../types/components/navigation/sidebar/sidebar-item';
+export { defineCustomElement as defineCustomElementIfxSidebarItem } from './ifx-sidebar-item';
+export { SidebarSeparator as IfxSidebarSeparator } from '../types/components/navigation/sidebar/sidebar-seperator/sidebar-separator';
+export { defineCustomElement as defineCustomElementIfxSidebarSeparator } from './ifx-sidebar-separator';
+export { SidebarTitle as IfxSidebarTitle } from '../types/components/navigation/sidebar/sidebar-title';
+export { defineCustomElement as defineCustomElementIfxSidebarTitle } from './ifx-sidebar-title';
+export { IfxSlider as IfxSlider } from '../types/components/slider/slider';
+export { defineCustomElement as defineCustomElementIfxSlider } from './ifx-slider';
+export { Spinner as IfxSpinner } from '../types/components/spinner/spinner';
+export { defineCustomElement as defineCustomElementIfxSpinner } from './ifx-spinner';
+export { Status as IfxStatus } from '../types/components/status/status';
+export { defineCustomElement as defineCustomElementIfxStatus } from './ifx-status';
+export { Step as IfxStep } from '../types/components/stepper/step/step';
+export { defineCustomElement as defineCustomElementIfxStep } from './ifx-step';
+export { Stepper as IfxStepper } from '../types/components/stepper/stepper';
+export { defineCustomElement as defineCustomElementIfxStepper } from './ifx-stepper';
+export { Switch as IfxSwitch } from '../types/components/switch/switch';
+export { defineCustomElement as defineCustomElementIfxSwitch } from './ifx-switch';
+export { IfxTab as IfxTab } from '../types/components/tabs/tab';
+export { defineCustomElement as defineCustomElementIfxTab } from './ifx-tab';
+export { Table as IfxTable } from '../types/components/table-advanced-version/table';
+export { defineCustomElement as defineCustomElementIfxTable } from './ifx-table';
+export { IfxTabs as IfxTabs } from '../types/components/tabs/tabs';
+export { defineCustomElement as defineCustomElementIfxTabs } from './ifx-tabs';
+export { Template as IfxTemplate } from '../types/components/templates/template/template';
+export { defineCustomElement as defineCustomElementIfxTemplate } from './ifx-template';
+export { TemplatesUI as IfxTemplatesUi } from '../types/components/templates/templates-ui/templates-ui';
+export { defineCustomElement as defineCustomElementIfxTemplatesUi } from './ifx-templates-ui';
+export { TextField as IfxTextField } from '../types/components/text-field/text-field';
+export { defineCustomElement as defineCustomElementIfxTextField } from './ifx-text-field';
+export { TextArea as IfxTextarea } from '../types/components/textarea/textarea';
+export { defineCustomElement as defineCustomElementIfxTextarea } from './ifx-textarea';
+export { Toast as IfxToast } from '../types/components/toast/toast';
+export { defineCustomElement as defineCustomElementIfxToast } from './ifx-toast';
+export { ToastContainer as IfxToastContainer } from '../types/components/toast/toast-container/toast-container';
+export { defineCustomElement as defineCustomElementIfxToastContainer } from './ifx-toast-container';
+export { Tooltip as IfxTooltip } from '../types/components/tooltip/tooltip';
+export { defineCustomElement as defineCustomElementIfxTooltip } from './ifx-tooltip';
+export { TreeView as IfxTreeView } from '../types/components/tree-view/tree-view';
+export { defineCustomElement as defineCustomElementIfxTreeView } from './ifx-tree-view';
+export { TreeViewItem as IfxTreeViewItem } from '../types/components/tree-view/tree-view-item';
+export { defineCustomElement as defineCustomElementIfxTreeViewItem } from './ifx-tree-view-item';
+
+/**
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
+ * if the path needs to be customized.
+ */
+export declare const getAssetPath: (path: string) => string;
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-BT_2CyMS.js";import{a as e}from"./ifx-toast-container.js";export{IfxToastContainer,defineCustomElement as defineCustomElementIfxToastContainer}from"./ifx-toast-container.js";export{IfxAccordion,defineCustomElement as defineCustomElementIfxAccordion}from"./ifx-accordion.js";export{IfxAccordionItem,defineCustomElement as defineCustomElementIfxAccordionItem}from"./ifx-accordion-item.js";export{IfxActionList,defineCustomElement as defineCustomElementIfxActionList}from"./ifx-action-list.js";export{IfxActionListItem,defineCustomElement as defineCustomElementIfxActionListItem}from"./ifx-action-list-item.js";export{IfxAiLabel,defineCustomElement as defineCustomElementIfxAiLabel}from"./ifx-ai-label.js";export{IfxAlert,defineCustomElement as defineCustomElementIfxAlert}from"./ifx-alert.js";export{IfxBasicTable,defineCustomElement as defineCustomElementIfxBasicTable}from"./ifx-basic-table.js";export{IfxBreadcrumb,defineCustomElement as defineCustomElementIfxBreadcrumb}from"./ifx-breadcrumb.js";export{IfxBreadcrumbItem,defineCustomElement as defineCustomElementIfxBreadcrumbItem}from"./ifx-breadcrumb-item.js";export{IfxBreadcrumbItemLabel,defineCustomElement as defineCustomElementIfxBreadcrumbItemLabel}from"./ifx-breadcrumb-item-label.js";export{IfxButton,defineCustomElement as defineCustomElementIfxButton}from"./ifx-button.js";export{IfxCard,defineCustomElement as defineCustomElementIfxCard}from"./ifx-card.js";export{IfxCardHeadline,defineCustomElement as defineCustomElementIfxCardHeadline}from"./ifx-card-headline.js";export{IfxCardImage,defineCustomElement as defineCustomElementIfxCardImage}from"./ifx-card-image.js";export{IfxCardLinks,defineCustomElement as defineCustomElementIfxCardLinks}from"./ifx-card-links.js";export{IfxCardOverline,defineCustomElement as defineCustomElementIfxCardOverline}from"./ifx-card-overline.js";export{IfxCardText,defineCustomElement as defineCustomElementIfxCardText}from"./ifx-card-text.js";export{IfxCheckbox,defineCustomElement as defineCustomElementIfxCheckbox}from"./ifx-checkbox.js";export{IfxCheckboxGroup,defineCustomElement as defineCustomElementIfxCheckboxGroup}from"./ifx-checkbox-group.js";export{IfxChip,defineCustomElement as defineCustomElementIfxChip}from"./ifx-chip.js";export{IfxChipItem,defineCustomElement as defineCustomElementIfxChipItem}from"./ifx-chip-item.js";export{IfxContentSwitcher,defineCustomElement as defineCustomElementIfxContentSwitcher}from"./ifx-content-switcher.js";export{IfxContentSwitcherItem,defineCustomElement as defineCustomElementIfxContentSwitcherItem}from"./ifx-content-switcher-item.js";export{IfxCounter,defineCustomElement as defineCustomElementIfxCounter}from"./ifx-counter.js";export{IfxDatePicker,defineCustomElement as defineCustomElementIfxDatePicker}from"./ifx-date-picker.js";export{IfxDownload,defineCustomElement as defineCustomElementIfxDownload}from"./ifx-download.js";export{IfxDropdown,defineCustomElement as defineCustomElementIfxDropdown}from"./ifx-dropdown.js";export{IfxDropdownHeader,defineCustomElement as defineCustomElementIfxDropdownHeader}from"./ifx-dropdown-header.js";export{IfxDropdownItem,defineCustomElement as defineCustomElementIfxDropdownItem}from"./ifx-dropdown-item.js";export{IfxDropdownMenu,defineCustomElement as defineCustomElementIfxDropdownMenu}from"./ifx-dropdown-menu.js";export{IfxDropdownSeparator,defineCustomElement as defineCustomElementIfxDropdownSeparator}from"./ifx-dropdown-separator.js";export{IfxDropdownTrigger,defineCustomElement as defineCustomElementIfxDropdownTrigger}from"./ifx-dropdown-trigger.js";export{IfxDropdownTriggerButton,defineCustomElement as defineCustomElementIfxDropdownTriggerButton}from"./ifx-dropdown-trigger-button.js";export{IfxErrorPage,defineCustomElement as defineCustomElementIfxErrorPage}from"./ifx-error-page.js";export{IfxFileUpload,defineCustomElement as defineCustomElementIfxFileUpload}from"./ifx-file-upload.js";export{IfxFilterAccordion,defineCustomElement as defineCustomElementIfxFilterAccordion}from"./ifx-filter-accordion.js";export{IfxFilterBar,defineCustomElement as defineCustomElementIfxFilterBar}from"./ifx-filter-bar.js";export{IfxFilterSearch,defineCustomElement as defineCustomElementIfxFilterSearch}from"./ifx-filter-search.js";export{IfxFilterTypeGroup,defineCustomElement as defineCustomElementIfxFilterTypeGroup}from"./ifx-filter-type-group.js";export{IfxFooter,defineCustomElement as defineCustomElementIfxFooter}from"./ifx-footer.js";export{IfxFooterColumn,defineCustomElement as defineCustomElementIfxFooterColumn}from"./ifx-footer-column.js";export{IfxIcon,defineCustomElement as defineCustomElementIfxIcon}from"./ifx-icon.js";export{IfxIconButton,defineCustomElement as defineCustomElementIfxIconButton}from"./ifx-icon-button.js";export{IfxIconsPreview,defineCustomElement as defineCustomElementIfxIconsPreview}from"./ifx-icons-preview.js";export{IfxIndicator,defineCustomElement as defineCustomElementIfxIndicator}from"./ifx-indicator.js";export{IfxLink,defineCustomElement as defineCustomElementIfxLink}from"./ifx-link.js";export{IfxList,defineCustomElement as defineCustomElementIfxList}from"./ifx-list.js";export{IfxListEntry,defineCustomElement as defineCustomElementIfxListEntry}from"./ifx-list-entry.js";export{IfxModal,defineCustomElement as defineCustomElementIfxModal}from"./ifx-modal.js";export{IfxMultiselect,defineCustomElement as defineCustomElementIfxMultiselect}from"./ifx-multiselect.js";export{IfxMultiselectGroup,defineCustomElement as defineCustomElementIfxMultiselectGroup}from"./ifx-multiselect-group.js";export{IfxMultiselectOption,defineCustomElement as defineCustomElementIfxMultiselectOption}from"./ifx-multiselect-option.js";export{IfxNavbar,defineCustomElement as defineCustomElementIfxNavbar}from"./ifx-navbar.js";export{IfxNavbarItem,defineCustomElement as defineCustomElementIfxNavbarItem}from"./ifx-navbar-item.js";export{IfxNavbarProfile,defineCustomElement as defineCustomElementIfxNavbarProfile}from"./ifx-navbar-profile.js";export{IfxNotification,defineCustomElement as defineCustomElementIfxNotification}from"./ifx-notification.js";export{IfxOverviewTable,defineCustomElement as defineCustomElementIfxOverviewTable}from"./ifx-overview-table.js";export{IfxPagination,defineCustomElement as defineCustomElementIfxPagination}from"./ifx-pagination.js";export{IfxPopover,defineCustomElement as defineCustomElementIfxPopover}from"./ifx-popover.js";export{IfxProgressBar,defineCustomElement as defineCustomElementIfxProgressBar}from"./ifx-progress-bar.js";export{IfxRadioButton,defineCustomElement as defineCustomElementIfxRadioButton}from"./ifx-radio-button.js";export{IfxRadioButtonGroup,defineCustomElement as defineCustomElementIfxRadioButtonGroup}from"./ifx-radio-button-group.js";export{IfxSearchBar,defineCustomElement as defineCustomElementIfxSearchBar}from"./ifx-search-bar.js";export{IfxSearchField,defineCustomElement as defineCustomElementIfxSearchField}from"./ifx-search-field.js";export{IfxSegment,defineCustomElement as defineCustomElementIfxSegment}from"./ifx-segment.js";export{IfxSegmentedControl,defineCustomElement as defineCustomElementIfxSegmentedControl}from"./ifx-segmented-control.js";export{IfxSelect,defineCustomElement as defineCustomElementIfxSelect}from"./ifx-select.js";export{IfxSelectGroup,defineCustomElement as defineCustomElementIfxSelectGroup}from"./ifx-select-group.js";export{IfxSelectOption,defineCustomElement as defineCustomElementIfxSelectOption}from"./ifx-select-option.js";export{IfxSetFilter,defineCustomElement as defineCustomElementIfxSetFilter}from"./ifx-set-filter.js";export{IfxSidebar,defineCustomElement as defineCustomElementIfxSidebar}from"./ifx-sidebar.js";export{IfxSidebarItem,defineCustomElement as defineCustomElementIfxSidebarItem}from"./ifx-sidebar-item.js";export{IfxSidebarSeparator,defineCustomElement as defineCustomElementIfxSidebarSeparator}from"./ifx-sidebar-separator.js";export{IfxSidebarTitle,defineCustomElement as defineCustomElementIfxSidebarTitle}from"./ifx-sidebar-title.js";export{IfxSlider,defineCustomElement as defineCustomElementIfxSlider}from"./ifx-slider.js";export{IfxSpinner,defineCustomElement as defineCustomElementIfxSpinner}from"./ifx-spinner.js";export{IfxStatus,defineCustomElement as defineCustomElementIfxStatus}from"./ifx-status.js";export{IfxStep,defineCustomElement as defineCustomElementIfxStep}from"./ifx-step.js";export{IfxStepper,defineCustomElement as defineCustomElementIfxStepper}from"./ifx-stepper.js";export{IfxSwitch,defineCustomElement as defineCustomElementIfxSwitch}from"./ifx-switch.js";export{IfxTab,defineCustomElement as defineCustomElementIfxTab}from"./ifx-tab.js";export{IfxTable,defineCustomElement as defineCustomElementIfxTable}from"./ifx-table.js";export{IfxTabs,defineCustomElement as defineCustomElementIfxTabs}from"./ifx-tabs.js";export{IfxTemplate,defineCustomElement as defineCustomElementIfxTemplate}from"./ifx-template.js";export{IfxTemplatesUi,defineCustomElement as defineCustomElementIfxTemplatesUi}from"./ifx-templates-ui.js";export{IfxTextField,defineCustomElement as defineCustomElementIfxTextField}from"./ifx-text-field.js";export{IfxTextarea,defineCustomElement as defineCustomElementIfxTextarea}from"./ifx-textarea.js";export{IfxToast,defineCustomElement as defineCustomElementIfxToast}from"./ifx-toast.js";export{IfxTooltip,defineCustomElement as defineCustomElementIfxTooltip}from"./ifx-tooltip.js";export{IfxTreeView,defineCustomElement as defineCustomElementIfxTreeView}from"./ifx-tree-view.js";export{IfxTreeViewItem,defineCustomElement as defineCustomElementIfxTreeViewItem}from"./ifx-tree-view-item.js";const t="bottom-right",o=new Map,f={el:null,update(){},dismiss(){}};function n(){return"undefined"!=typeof document&&"function"==typeof document.createElement}function m(e){"function"==typeof e.dismiss?e.dismiss():e.remove()}function i(i={}){if(!n())return f;const{placement:s=t,max:r,...x}=i,d=function(e){const t=o.get(e);if(t&&document.body.contains(t))return t;const f=document.createElement("ifx-toast-container");return f.placement=e,document.body.appendChild(f),o.set(e,f),f}(s);void 0!==r&&(d.max=r);const l=document.createElement("ifx-toast");return e(l,x),l.addEventListener("ifxToastClose",(()=>l.remove()),{once:!0}),d.appendChild(l),function(e){const t=()=>e.enforceMax?.(),o=e.componentOnReady?.();o&&"function"==typeof o.then?o.then(t):t()}(d),function(t){return{el:t,update(o){e(t,o)},dismiss(){m(t)}}}(l)}function x(e,t,o){return i({...o,status:e,message:t})}const d={show:i,success:(e,t)=>x("success",e,t),warning:(e,t)=>x("warning",e,t),danger:(e,t)=>x("danger",e,t),loading:(e,t)=>x("loading",e,t),dismissAll:function(e){if(!n())return;const t=e?[o.get(e)]:Array.from(o.values());for(const e of t){if(!e)continue;const t=Array.from(e.querySelectorAll("ifx-toast"));for(const e of t)m(e)}}};export{d as ifxToast}

package/dist/components/p-6rWkhPoz.js

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,h as t,t as o}from"./p-BT_2CyMS.js";import{c as n}from"./p-BfTCfPZ1.js";import{i as r,d as a,t as h}from"./p-94ZtGp9D.js";import{d as l}from"./p-DMAv4MDG.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),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)}inputElement;dropdownElement;wrapperElement;focusEmitted=!1;get el(){return this}value="";suggestions=[];showSuggestions=!1;maxSuggestions=10;maxHistoryItems=5;enableHistory=!0;historyKey="ifx-search-history";historyHeaderText="Recent Searches";ariaLabelText="Search Field";ariaLabelledBy;ariaDescribedBy;deleteIconAriaLabel="Clear search";historyDeleteAriaLabel="Remove from history";dropdownAriaLabel="Search suggestions and history";suggestionAriaLabel="Search suggestion";historyItemAriaLabel="Search history item";showDeleteIcon=!1;disabled=!1;size="l";placeholder="Search";autocomplete="off";maxlength=void 0;ifxInput;ifxSuggestionRequested;ifxSuggestionSelected;ifxFocus;ifxBlur;showDeleteIconInternalState=!1;isFocused=!1;isFocusWithin=!1;suggestionsDismissed=!1;filteredSuggestions=[];selectedSuggestionIndex=-1;searchHistory=[];suggestionAnnouncement="";announcementToken=0;get showDropdown(){return this.isFocusWithin&&!this.suggestionsDismissed&&(this.showSuggestions||this.enableHistory)&&this.filteredSuggestions.length>0}handleOutsideClick(e){const s=e.composedPath(),i=!!this.inputElement&&s.includes(this.inputElement),t=!!this.dropdownElement&&s.includes(this.dropdownElement),o=!!this.wrapperElement&&s.includes(this.wrapperElement);i||t||o||this.dismissSuggestions()}handleKeyDown(e){switch(e.key){case"ArrowDown":if(!this.showDropdown)return;e.preventDefault(),this.navigateSuggestions(1);break;case"ArrowUp":if(!this.showDropdown)return;e.preventDefault(),this.navigateSuggestions(-1);break;case"Enter":e.preventDefault(),this.showDropdown&&this.selectedSuggestionIndex>=0?this.selectSuggestion(this.filteredSuggestions[this.selectedSuggestionIndex]):this.handleSearch();break;case"Escape":e.preventDefault(),this.showDropdown?this.dismissSuggestions():this.handleDelete()}}valueWatcher(e){this.inputElement&&e!==this.inputElement.value&&(this.inputElement.value=e),this.updateSuggestions()}suggestionsWatcher(){this.updateSuggestions()}handleInput=()=>{if(this.suggestionsDismissed=!1,!this.inputElement)return;const e=this.inputElement.value;this.value=e,this.cancelSuggestionAnnouncement(),this.ifxInput.emit(this.value),(this.showSuggestions||this.enableHistory)&&(this.selectedSuggestionIndex=-1,this.showSuggestions?this.requestSuggestions(e):this.updateSuggestions())};handleDelete=()=>{!this.disabled&&this.inputElement&&(this.inputElement.value="",this.value="",this.ifxInput.emit(this.value),this.dismissSuggestions())};handleSearch=()=>{this.value.trim()&&this.enableHistory&&this.addToHistory(this.value),this.dismissSuggestions()};focusInput(){this.isFocused=!0,this.isFocusWithin=!0,this.suggestionsDismissed=!1,this.focusEmitted||(this.focusEmitted=!0,this.ifxFocus.emit()),(this.showSuggestions||this.enableHistory)&&(0===this.value.length?(this.showHistoryDropdown(),this.showDropdown&&this.announceSuggestionCount()):this.updateSuggestions())}blurInput(){setTimeout((()=>{const e=this.el.shadowRoot?.activeElement;e!==this.inputElement&&(this.isFocused=!1,e||(this.isFocusWithin=!1),this.focusEmitted=!1,this.ifxBlur.emit())}),150)}handleFocusIn=()=>{this.isFocusWithin=!0};handleFocusOut=()=>{setTimeout((()=>{this.isFocusWithin=null!=this.el.shadowRoot?.activeElement}))};loadSearchHistory(){if(this.enableHistory&&"undefined"!=typeof localStorage){const e=localStorage.getItem(this.historyKey);this.searchHistory=e?JSON.parse(e):[],this.updateSuggestions(),0===this.value.length&&0===this.searchHistory.length&&this.dismissSuggestions()}}async setFocus(){this.inputElement?.focus()}async clearSearchHistory(){this.enableHistory&&"undefined"!=typeof localStorage&&(localStorage.removeItem(this.historyKey),this.searchHistory=[],this.filteredSuggestions=[],this.dismissSuggestions(),this.updateSuggestions())}addToHistory(e){if(!this.enableHistory||!e.trim())return;const s=[...this.searchHistory],i=s.indexOf(e);i>-1&&s.splice(i,1),s.unshift(e),this.searchHistory=s.slice(0,this.maxHistoryItems),"undefined"!=typeof localStorage&&localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory))}removeFromHistory(e){if(!this.enableHistory)return;const s=[...this.searchHistory],i=s.indexOf(e);i>-1&&(s.splice(i,1),this.searchHistory=s,"undefined"!=typeof localStorage&&localStorage.setItem(this.historyKey,JSON.stringify(this.searchHistory)),this.updateSuggestions(),0===this.searchHistory.length&&0===this.value.length&&this.dismissSuggestions())}handleHistoryDelete=(e,s)=>{e.stopPropagation(),this.removeFromHistory(s)};requestSuggestions(e){this.ifxSuggestionRequested.emit(e),this.updateSuggestions()}updateSuggestions(){const e=this.value.toLowerCase(),s=[...Array.isArray(this.suggestions)?this.suggestions:[],...this.enableHistory&&this.searchHistory.length>0?this.searchHistory.filter((s=>0===e.length||s.toLowerCase().includes(e))).map(((e,s)=>({id:`history-${s}`,text:e,type:"history"}))):[]].reduce(((e,s)=>{const i=e.findIndex((e=>e.text.toLowerCase()===s.text.toLowerCase()&&e.scope===s.scope));return-1===i?e.push(s):"history"===s.type&&"history"!==e[i].type&&(e[i]=s),e}),[]);this.filteredSuggestions=s.slice(0,this.maxSuggestions),this.selectedSuggestionIndex=-1,this.announceSuggestionCount()}navigateSuggestions(e){const s=this.filteredSuggestions.length-1;this.selectedSuggestionIndex=e>0?this.selectedSuggestionIndex<s?this.selectedSuggestionIndex+1:0:this.selectedSuggestionIndex>0?this.selectedSuggestionIndex-1:s}scrollSelectedSuggestionIntoView(){if(!this.dropdownElement||this.selectedSuggestionIndex<0)return;const e=this.dropdownElement.querySelector(`#suggestion-${this.selectedSuggestionIndex}`);e?.scrollIntoView({block:"nearest"})}selectSuggestion(e){this.value=e.text,this.inputElement&&(this.inputElement.value=e.text),this.ifxSuggestionSelected.emit(e),this.ifxInput.emit(this.value),this.enableHistory&&this.addToHistory(e.text),this.dismissSuggestions()}dismissSuggestions(){this.suggestionsDismissed=!0,this.selectedSuggestionIndex=-1,this.cancelSuggestionAnnouncement()}cancelSuggestionAnnouncement(){this.announcementToken++,this.suggestionAnnouncement=""}announceSuggestionCount(){this.suggestionAnnouncement="";const e=++this.announcementToken;requestAnimationFrame((()=>{if(e!==this.announcementToken)return;if(!this.showDropdown||0===this.filteredSuggestions.length)return;const s=this.filteredSuggestions.length;this.suggestionAnnouncement=`${s} ${1===s?"result":"results"} available`}))}showHistoryDropdown(){if(this.enableHistory&&this.searchHistory.length>0){const e=this.searchHistory.map(((e,s)=>({id:`history-${s}`,text:e,type:"history"})));this.filteredSuggestions=e.slice(0,this.maxSuggestions),this.selectedSuggestionIndex=-1}else this.filteredSuggestions=[]}isShowingOnlyHistory(){return 0===this.value.length&&this.filteredSuggestions.length>0&&this.filteredSuggestions.every((e=>"history"===e.type))}renderHighlightedText(e,s){if(!s||0===s.length)return e;const i=e.toLowerCase(),o=s.toLowerCase(),n=i.indexOf(o);if(-1===n)return e;const r=e.substring(0,n),a=e.substring(n,n+s.length),h=e.substring(n+s.length);return[r,t("strong",null,a),h]}componentWillLoad(){this.loadSearchHistory()}async componentDidLoad(){if(!r(this.el)){const e=a();h("ifx-search-field",await e)}}componentDidRender(){this.scrollSelectedSuggestionIntoView()}componentWillUpdate(){this.showDeleteIconInternalState=""!==this.value}render(){return t("div",{key:"0fad0541006084547df01bc173db505e2e0ea7c9","aria-disabled":this.disabled,class:"search-field",onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},t("output",{key:"f035e49f366c82c31bc32956baa39e6ece8d7ad0","aria-atomic":"true","aria-live":"polite",class:"suggestion-status"},this.suggestionAnnouncement),t("div",{key:"083b4f2939554d547554d0d3e42bf76373dd97b5",ref:e=>this.wrapperElement=e,class:this.getWrapperClassNames()},t("label",{key:"af24292a57fcb2de04baa008c4d447dfe25b6eed",class:"search-field__label"},t("ifx-icon",{key:"1a4d3a47ec00f08cbb969ea653b563af955b7942",icon:"search-16",class:"search-icon"}),t("input",{key:"a99f958e6ff77bb70adb9f800b95d991b383811a",ref:e=>this.inputElement=e,type:"search",autocomplete:this.autocomplete,onInput:()=>this.handleInput(),onFocus:()=>this.focusInput(),onBlur:()=>this.blurInput(),placeholder:this.placeholder,disabled:this.disabled,maxlength:this.maxlength,value:this.value,"aria-controls":this.showDropdown?"suggestions-dropdown":void 0,"aria-autocomplete":"list","aria-haspopup":"listbox","aria-label":this.ariaLabelText,"aria-labelledby":this.ariaLabelledBy,"aria-describedby":this.ariaDescribedBy,"aria-activedescendant":this.selectedSuggestionIndex>=0?`suggestion-${this.selectedSuggestionIndex}`:void 0})),this.showDeleteIcon&&this.showDeleteIconInternalState?t("ifx-icon",{icon:"cRemove16",class:"delete-icon",onClick:this.handleDelete,role:"button",tabindex:"0","aria-label":this.deleteIconAriaLabel,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.handleDelete())}}):null),this.showDropdown&&this.filteredSuggestions.length>0&&t("div",{key:"534bdc8e0dc45953de57903578903a04a45f4f14",ref:e=>this.dropdownElement=e,id:"suggestions-dropdown",class:"suggestions-dropdown",role:"listbox","aria-label":this.dropdownAriaLabel},this.isShowingOnlyHistory()&&t("div",{key:"f796dba6b3971eab3ac35f629db041be589fc950",class:"suggestions-header"},this.historyHeaderText),this.filteredSuggestions.map(((e,s)=>t("div",{key:e.id,id:`suggestion-${s}`,class:this.getSuggestionClassNames(s),role:"option",tabIndex:0,"aria-selected":s===this.selectedSuggestionIndex,"aria-label":`${"history"===e.type?this.historyItemAriaLabel:this.suggestionAriaLabel}: ${e.text}${e.scope?`, ${e.scope}`:""}${e.resultCount?`, ${e.resultCount} results`:""}`,onClick:()=>this.selectSuggestion(e),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.selectSuggestion(e))},onMouseEnter:()=>this.selectedSuggestionIndex=s},t("div",{class:"suggestion-content"},"history"===e.type&&t("ifx-icon",{icon:"history-16",class:"suggestion-icon suggestion-icon--history"}),"suggestion"===e.type&&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(e.text,this.value)),e.scope&&t("span",{class:"suggestion-scope"},"– ",e.scope)),void 0!==e.resultCount&&e.scope&&t("span",{class:"suggestion-count"},e.resultCount),"history"===e.type&&t("ifx-icon",{icon:"cross16",class:"suggestion-delete-icon",role:"button",tabindex:"0","aria-label":`${this.historyDeleteAriaLabel}: ${e.text}`,onClick:s=>this.handleHistoryDelete(s,e.text),onKeyDown:s=>{"Enter"!==s.key&&" "!==s.key||(s.preventDefault(),this.handleHistoryDelete(s,e.text))}})))))))}getSizeClass(){return"s"==`${this.size}`?"search-field__wrapper-s":""}getWrapperClassNames(){return n("search-field__wrapper",`${this.getSizeClass()}`,this.isFocused?"focused":"",this.showDropdown?"dropdown-open":"",this.disabled?"disabled":"")}getSuggestionClassNames(e){return n("suggestion-item",{"suggestion-item--selected":e===this.selectedSuggestionIndex,"suggestion-item--history":"history"===this.filteredSuggestions[e]?.type})}static get watchers(){return{value:[{valueWatcher:0}],suggestions:[{suggestionsWatcher:0}]}}static get style(){return":host{display:flex}.search-field{box-sizing:border-box;background-color:#ffffff;width:100%;font-family:var(--ifx-font-family);position:relative}.search-field .suggestion-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.search-field .search-field__wrapper{box-sizing:border-box;height:40px;display:flex;align-items:center;border:1px solid #8d8786;border-radius:1px;padding:8px 16px;gap:12px;flex:none;order:0;align-self:stretch;flex-grow:0;position:relative;width:100%;outline:none}.search-field .search-field__wrapper .search-field__label{display:flex;align-items:center;flex:1;min-width:0;gap:12px;margin:-8px -16px;padding:8px 16px}.search-field .search-field__wrapper:focus-visible:not(.disabled){outline:none;border:1px solid #0a8276}.search-field .search-field__wrapper.search-field__wrapper-s{height:36px}.search-field .search-field__wrapper:hover:not(.focused,:focus,.dropdown-open){border:1px solid #575352}.search-field .search-field__wrapper.focused:not(.disabled){border:1px solid #0a8276}.search-field .search-field__wrapper .delete-icon{outline:1px solid transparent;right:12px;cursor:pointer;position:relative;z-index:1}.search-field .search-field__wrapper .delete-icon:focus-visible{border:2px solid #0a8276;outline-offset:1px}.search-field .search-field__wrapper input[type=search]{font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:16px;color:#1d1d1d;border:none;width:100%;outline:none;height:16px}.search-field .search-field__wrapper input[type=search]::-webkit-search-decoration,.search-field .search-field__wrapper input[type=search]::-webkit-search-cancel-button,.search-field .search-field__wrapper input[type=search]::-webkit-search-results-button,.search-field .search-field__wrapper input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search-field .search-field__wrapper input[type=search]::-ms-clear{display:none}.search-field .search-field__wrapper input[type=search]:focus{outline:none;color:#1d1d1d}.search-field .search-field__wrapper input[type=search]:disabled{background:#eeeded;color:#ffffff}.search-field .search-field__wrapper input[type=search]:disabled::placeholder{color:#575352}.search-field .search-field__wrapper.disabled{background:#eeeded;border:1px solid #575352;color:#1d1d1d}.search-field .search-field__wrapper.disabled:hover{border:1px solid #575352;outline:none}.search-field .search-field__wrapper.disabled .delete-icon{cursor:default}.search-field .search-field__wrapper.disabled .delete-icon:focus-visible{outline:1px solid transparent}.search-field .suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#ffffff;margin-top:4px;border:1px solid #eeeded;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);z-index:1000;max-height:300px;overflow-y:auto;container-type:inline-size}.search-field .suggestions-dropdown .suggestions-header{font-family:var(--ifx-font-family);font-size:0.8125rem;font-weight:600;line-height:1.25rem;letter-spacing:0.25em;text-transform:uppercase;color:#575352;border-bottom:1px solid #eeeded;padding:12px 16px}.search-field .suggestions-dropdown .suggestion-item{padding:12px 16px;cursor:pointer;transition:background-color 0.2s ease}.search-field .suggestions-dropdown .suggestion-item:last-child{border-bottom:none}.search-field .suggestions-dropdown .suggestion-item:hover,.search-field .suggestions-dropdown .suggestion-item--selected{background-color:#eeeded}.search-field .suggestions-dropdown .suggestion-item:focus-visible{outline:1px auto #0a8276}.search-field .suggestions-dropdown .suggestion-item .suggestion-content{display:flex;align-items:center;gap:12px}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon{color:#575352;flex-shrink:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-icon--history{color:#575352}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text{flex:1;display:flex;align-items:center;min-width:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope{color:#8d8786;flex-shrink:0;white-space:nowrap;margin-left:2px;font-weight:600;font-size:0.875rem}@container (max-width: 320px){.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text{flex-direction:column;align-items:flex-start}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-main-text{width:100%;max-width:100%}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-text .suggestion-scope{margin-left:0;margin-top:0;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-count{color:#8d8786;margin-left:auto;flex-shrink:0}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon{opacity:0;visibility:hidden;transition:opacity 0.2s ease, visibility 0.2s ease;cursor:pointer;margin-left:auto;flex-shrink:0;color:#575352}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon:hover{color:#3c3a39}.search-field .suggestions-dropdown .suggestion-item .suggestion-content .suggestion-delete-icon:focus-visible{outline:none;border:1px solid #0a8276}.search-field .suggestions-dropdown .suggestion-item:hover .suggestion-delete-icon{opacity:1;visibility:visible}.search-field .search-field__wrapper.dropdown-open{border-radius:1px 1px 0 0;border-color:#0a8276}"}},[513,"ifx-search-field",{value:[1025],suggestions:[16],showSuggestions:[4,"show-suggestions"],maxSuggestions:[2,"max-suggestions"],maxHistoryItems:[2,"max-history-items"],enableHistory:[4,"enable-history"],historyKey:[1,"history-key"],historyHeaderText:[1,"history-header-text"],ariaLabelText:[1,"aria-label-text"],ariaLabelledBy:[1,"aria-labelled-by"],ariaDescribedBy:[1,"aria-described-by"],deleteIconAriaLabel:[1,"delete-icon-aria-label"],historyDeleteAriaLabel:[1,"history-delete-aria-label"],dropdownAriaLabel:[1,"dropdown-aria-label"],suggestionAriaLabel:[1,"suggestion-aria-label"],historyItemAriaLabel:[1,"history-item-aria-label"],showDeleteIcon:[4,"show-delete-icon"],disabled:[4],size:[1],placeholder:[1],autocomplete:[1],maxlength:[2],showDeleteIconInternalState:[32],isFocused:[32],isFocusWithin:[32],suggestionsDismissed:[32],filteredSuggestions:[32],selectedSuggestionIndex:[32],searchHistory:[32],suggestionAnnouncement:[32],setFocus:[64],clearSearchHistory:[64]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"]],{value:[{valueWatcher:0}],suggestions:[{suggestionsWatcher:0}]}]);function c(){"undefined"!=typeof customElements&&["ifx-search-field","ifx-icon"].forEach((e=>{switch(e){case"ifx-search-field":customElements.get(o(e))||customElements.define(o(e),d);break;case"ifx-icon":customElements.get(o(e))||l()}}))}export{d as S,c as d}

package/dist/components/p-94ZtGp9D.js

@@ -0,0 +1 @@
+const e=e=>{let n=e.parentNode;for(;n;)if(n instanceof ShadowRoot)n=n.host;else{if(n instanceof HTMLElement&&n.tagName.toLowerCase().startsWith("ifx"))return!0;n=n.parentNode}return!1};let n=null;const o=async()=>{if(n)return n;if("undefined"==typeof window||"undefined"==typeof document)return n="non-browser",n;const e=window,o=document;if("undefined"!=typeof process&&process,e.location.search.includes("viewMode")||e.location.href.includes("viewMode")||e.__STORYBOOK_ENV__)return n="Storybook",n;if(["localhost","127.0.0.1"].includes(e.location.hostname))return n="localhost",n;try{if(e.React||e.ReactDOM)return n="React",n;if(e.ng||e.getAllAngularRootElements)return n="Angular",n;if(e.Vue||e.__VUE__)return n="Vue",n;if(await new Promise((e=>{if("complete"===document.readyState||"interactive"===document.readyState)e();else{const n=()=>{e(),document.removeEventListener("DOMContentLoaded",n)};document.addEventListener("DOMContentLoaded",n)}})),o.querySelector("[data-reactroot], [data-reactid]"))return n="React",n;return Array.from(o.querySelectorAll("body > div")).some((e=>Object.keys(e).some((e=>e.startsWith("__reactContainer")))))?(n="React",n):o.querySelector("[ng-version], [ng-app]")?(n="Angular",n):o.querySelector("[data-v-app]")?(n="Vue",n):(n="Vanilla",n)}catch(e){return n="error",n}};function t(e,n){var o,t,i,r;["jest","localhost","error"].includes(n)||(window.INFINEON_TRACKED_COMPONENTS||(window.INFINEON_TRACKED_COMPONENTS=new Set),window.INFINEON_TRACKED_COMPONENTS.has(e)||(window.INFINEON_TRACKED_COMPONENTS.add(e),window.btnt||(o=document,t="script","object"!=typeof window.btntConfig&&(window.btntConfig={domain:"https://ssgtm.infineon.com",withCookies:!0,maxBatchSize:10}),window.btnt||(window.btnt=e=>{"object"!=typeof e&&(e={}),"object"!=typeof window.btntQueue&&(window.btntQueue=[]),window.btntQueue.push(e)},i=o.createElement(t),(r=o.getElementsByTagName(t)[0])&&r.parentNode&&(i.async=1,i.src=window.btntConfig.domain+"/btnt.js",r.parentNode.insertBefore(i,r)))),window.btnt({event_name:"component_initialized",component_name:e,environment:n})))}"undefined"!=typeof process&&process;export{o as d,e as i,t}

package/dist/components/p-B2BXeRbX.js

@@ -0,0 +1 @@
+import{p as e,H as i,h as t,t as n}from"./p-BT_2CyMS.js";import{i as r,d as a,t as o}from"./p-94ZtGp9D.js";const f=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}filteredNumber;inverted=!1;ariaLabelText;variant="number";number=0;handleNumber(){this.filteredNumber=!isNaN(this.number)&&this.number>99?"99+":this.number}componentWillLoad(){this.handleNumber()}async componentDidLoad(){if(!r(this.el)){const e=a();o("ifx-indicator",await e)}}componentWillUpdate(){this.handleNumber()}render(){return t("div",{key:"ef280addc9bbfbc744105b141368da9b547fc4f4","aria-label-text":this.ariaLabelText,class:"indicator__container"},"number"===this.variant&&t("div",{key:"b3fad711714ee0f4455f1866df1f516a98171a60",class:"number__container "+(this.inverted?"inverted":"")},t("div",{key:"5471e2548156876d5da9de3a603d5bc28e437124",class:"number__wrapper"},this.filteredNumber)),"dot"===this.variant&&t("div",{key:"3fb361c0c3d98174ce7f14f2971105661a8e053b",class:"dot__wrapper"}))}static get style(){return":host{display:inline-flex;font-family:var(--ifx-font-family)}.indicator__container{font-family:var(--ifx-font-family)}.indicator__container .dot__wrapper{display:flex;width:8px;height:8px;justify-content:center;align-items:center;flex-shrink:0;border-radius:50%;background-color:#0a8276}.indicator__container .number__container{height:16px;display:inline-flex;padding:0;min-width:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0a8276;font-family:var(--ifx-font-family)}.indicator__container .number__container .number__wrapper{font-family:var(--ifx-font-family);padding:0 4px;color:#ffffff;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.indicator__container .number__container.inverted{background-color:#ffffff}.indicator__container .number__container.inverted .number__wrapper{color:#0a8276}"}},[513,"ifx-indicator",{inverted:[4],ariaLabelText:[1,"aria-label-text"],variant:[1],number:[2],filteredNumber:[32]}]);function c(){"undefined"!=typeof customElements&&["ifx-indicator"].forEach((e=>{"ifx-indicator"===e&&(customElements.get(n(e))||customElements.define(n(e),f))}))}export{f as I,c as d}