@infineon/design-system 0.0.0-stage → 41.11.0

package/dist/components/ifx-card-links.d.ts

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

package/dist/components/ifx-card-links.js

@@ -0,0 +1 @@
+import{p as e,H as r,h as t,t as n}from"./p-BT_2CyMS.js";const a=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}render(){return t("div",{key:"44c03fc2b2ea694be6394887732cfd1ff810d2ce",class:"container"},t("slot",{key:"59607d594985586985328f1dd1d71c7dda4acb08"}))}static get style(){return".container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-decoration:none;color:#1d1d1d;padding:var(--card-links-padding, 0px 24px 24px 24px);padding-top:var(--card-links-padding-top, 0px);word-wrap:break-word;overflow-wrap:anywhere;}.container:hover{cursor:initial}"}},[257,"ifx-card-links"]),d=a,s=function(){"undefined"!=typeof customElements&&["ifx-card-links"].forEach((e=>{"ifx-card-links"===e&&(customElements.get(n(e))||customElements.define(n(e),a))}))};export{d as IfxCardLinks,s as defineCustomElement}

package/dist/components/ifx-card-overline.d.ts

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

package/dist/components/ifx-card-overline.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as o,t as i}from"./p-BT_2CyMS.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"b7f68e2d5249fc4f94025f0d6774ad43ecc7bd8b",class:"card-overline"},o("slot",{key:"10fd6203c796c36ba7eedc56364c4f1e9a38a967"}))}static get style(){return":host{pointer-events:auto}.card-overline{pointer-events:none;font-family:var(--ifx-font-family);font-size:1rem;font-weight:400;color:#575352;padding-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}::slotted(a),::slotted(button),::slotted(ifx-link),::slotted(ifx-button){pointer-events:auto}"}},[257,"ifx-card-overline"]),r=n,s=function(){"undefined"!=typeof customElements&&["ifx-card-overline"].forEach((e=>{"ifx-card-overline"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{r as IfxCardOverline,s as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as t,H as e,h as a,t as s}from"./p-BT_2CyMS.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return this}hasBtn;componentWillLoad(){const t=this.el.closest("ifx-card").querySelector("ifx-link"),e=this.el.closest("ifx-card").querySelector("ifx-button");(t||e)&&(this.hasBtn=!0)}render(){return a("div",{key:"e6b84591ff0b42172937c23fe8ae7a7e9a54b4ec",class:"card__text-wrapper "+(this.hasBtn?"hasBtn":"")},a("div",{key:"a9f34bdbacc6db245f3d0eba66caf759255af4a2",class:"card-text"},a("slot",{key:"7357c67c2d27fb4fe6afe18ff57884115210054d"})))}static get style(){return":host{pointer-events:auto}.card__text-wrapper{padding-bottom:0px}.card__text-wrapper.hasBtn{padding-bottom:16px}.card-text{pointer-events:none;line-height:1.5rem;font-size:1rem;font-weight:400;white-space:wrap;display:-webkit-box;-webkit-line-clamp:var(--card-text-line-clamp, 3);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}::slotted(a),::slotted(button),::slotted(ifx-link),::slotted(ifx-button){pointer-events:auto}"}},[769,"ifx-card-text",{hasBtn:[32]}]),n=i,o=function(){"undefined"!=typeof customElements&&["ifx-card-text"].forEach((t=>{"ifx-card-text"===t&&(customElements.get(s(t))||customElements.define(s(t),i))}))};export{n as IfxCardText,o as defineCustomElement}

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

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

package/dist/components/ifx-card.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as a,d as o,t as i}from"./p-BT_2CyMS.js";import{i as r,d,t as l}from"./p-94ZtGp9D.js";import{s as c}from"./p-QgsB_-OM.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}noBtns;direction="vertical";alignment;noImg;href="";internalHref="";target="_self";ariaLabelText="";fullWidth=!1;actionsPlacement="default";setImgPosition(e){this.alignment=e.detail}handleImageSlotChange(e){this.noImg=0===e.target.assignedElements().length}handleComponentAdjustment(){const e=this.el.querySelector('[slot="img"]'),t=this.el.querySelector("ifx-card-links");this.noImg=!e,this.noBtns=!t,this.internalHref=""===this.href.trim()?void 0:this.href}componentWillLoad(){this.handleComponentAdjustment()}async componentDidLoad(){if(!r(this.el)){const e=d();l("ifx-card",await e)}}componentWillUpdate(){this.handleComponentAdjustment()}render(){const e=("horizontal"===this.direction||this.fullWidth)&&"bottom"===this.actionsPlacement;return a(o,{key:"b327e65252e5d37cebd9bac3aa024452fcc76fb9",class:`${this.fullWidth?"full-width":""} ${e?"pin-buttons":""}`},a("div",{key:"8b6975b47c097cf0159ec3f7c03af7e1ce6d9e50","aria-label":this.ariaLabelText||void 0,class:`card \n            ${this.noBtns?"noBtns":""}\n            ${this.direction} \n            ${this.alignment}\n\t\t\t\t\t\t${e?"pin-buttons":""}`,role:"group"},"horizontal"===this.direction&&a("div",{key:"614061a5dc130c4792f524503629e9b70e0ca643",class:"horizontal"},a("a",{key:"db03ac3ee6b6bd371348800508172e63e4bdb6e3",class:`card-img ${this.noImg?"noImage":""} ${this.internalHref?"card-href":""}`,href:c(this.internalHref)},a("slot",{key:"378e8b9f3603edd0eceddc6726065067229bca7d",name:"img",onSlotchange:e=>this.handleImageSlotChange(e)})),a("div",{key:"1aa1c14dda2780750cfb46631798321db8174a44",class:"lower__body-wrapper"},a("a",{key:"684494ade8c3b3939154badf6c3a36d2d019a95f",class:"upper-body "+(this.internalHref?"card-href":""),href:c(this.internalHref),id:"upper-body-content"},a("slot",{key:"9c9a573eb6f9b8d0978138046faa4dd958fdff0a"})),a("div",{key:"a26ad6c93f791c91ebfc54854e0ca0e90af28d7c"},a("slot",{key:"5a90771f179cd1f0762e28dc3502bf3d5881bad3",name:"actions"})))),"vertical"===this.direction&&a("div",{key:"9c1a6f981610b88ed9ca6f52e46028982cfd0502",class:"vertical"},a("a",{key:"6940e4c1f1a671a783a94da21038f2773adb0297",class:"upper__body-wrapper "+(this.internalHref?"card-href":""),href:c(this.internalHref),target:this.target},a("div",{key:"4a2c3cfc40299adbd0217cffbc86d2da9a429a34",class:"card-img "+(this.noImg?"noImage":"")},a("slot",{key:"49d55285cf72082c0ac23f89b0749b53db483642",name:"img",onSlotchange:e=>this.handleImageSlotChange(e)})),a("div",{key:"7640f8376eee794b46bc73f843dfee7568737172",class:"upper-body",id:"upper-body-content"},a("slot",{key:"3c19fd1b0e60d5b2ee037f3346d4e8f36849f617"}))),a("div",{key:"2de079b0a499d155797cac0885548614e37249aa",class:"lower__body-wrapper",role:"group","aria-labelledby":"upper-body-content"},a("slot",{key:"1903d7f15838ff392e232c2de4ef2c5932ab139b",name:"actions"})))))}static get style(){return"*{box-sizing:border-box}:host{display:inline-flex}:host(:not(.full-width)){--card-links-padding:0px 24px 24px 24px;align-self:flex-start}:host(.full-width){width:100%}:host(.full-width) .card{width:100%;height:100%;border-width:1px}:host(.full-width) .card.pin-buttons .vertical{display:flex;flex-direction:column;height:100%}:host(.full-width) .card.pin-buttons .vertical .upper__body-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}:host(.full-width) .card.pin-buttons .vertical .lower__body-wrapper{flex:0 0 auto}:host(.full-width) .card.horizontal ::slotted(ifx-card-links){--card-links-padding:0px;--card-links-padding-top:16px}:host(.full-width) .card.horizontal ::slotted(ifx-card-headline){--card-headline-padding:0px;--card-headline-font:18px;--card-headline-line-height:26px}:host(.full-width) .card.horizontal ::slotted(ifx-card-text){--card-text-line-clamp:unset}:host(.full-width) .card.horizontal .horizontal{min-height:auto;width:100%;height:auto;justify-content:space-between}:host(.full-width) .card.horizontal .horizontal .card-img{flex:0 0 40%;min-width:0;max-width:50%;position:relative;align-self:stretch}:host(.full-width) .card.horizontal .horizontal .card-img ::slotted([slot=img]){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}:host(.full-width) .card.horizontal .horizontal .lower__body-wrapper{flex:1;padding:16px;display:flex;flex-direction:column;min-height:0}:host(.full-width) .card.horizontal .horizontal .lower__body-wrapper .upper-body{padding:0px;min-height:0}.card{position:relative;display:inline-flex;flex-direction:column;word-wrap:break-word;background-color:#ffffff;background-clip:border-box;border:2px solid #eeeded;border-radius:2px;width:350px;height:auto;font-family:var(--ifx-font-family)}.card:has(.card-href:focus),.card:has(.card-href:hover){outline:none;border-color:#0a8276}.card:has(.card-href:focus) ::slotted(ifx-card-headline),.card:has(.card-href:hover) ::slotted(ifx-card-headline){color:#0a8276}.card.noBtns .vertical .lower__body-wrapper{padding-bottom:24px}.card.noBtns .horizontal .lower__body-wrapper{padding-bottom:24px}.card.pin-buttons .horizontal .lower__body-wrapper{display:grid;grid-template-rows:1fr auto}.card.pin-buttons .horizontal .lower__body-wrapper .upper-body{flex:1;min-height:0}.card .horizontal{display:flex;flex-direction:row;min-height:218px;width:100%;gap:24px}.card .horizontal .card-img{flex:1;text-decoration:none}.card .horizontal .card-img.noImage{display:none}.card .horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;object-fit:cover}.card .horizontal .lower__body-wrapper{flex:1;display:flex;flex-direction:column}.card .horizontal .lower__body-wrapper .upper-body{display:flex;flex-direction:column;text-decoration:none;color:#1d1d1d;padding:24px 24px 0px 24px}.card .vertical .upper__body-wrapper{text-decoration:none;color:#1d1d1d}.card .vertical .upper__body-wrapper .card-img{height:190px}.card .vertical .upper__body-wrapper .card-img.noImage{display:none}.card .vertical .upper__body-wrapper .upper-body{padding:24px 24px 0px 24px}.card .vertical .lower__body-wrapper:hover{border-color:#eeeded}.card.horizontal{flex-direction:row;width:538px}.card.horizontal .card-img{flex:1;order:2}.card.horizontal .card-img ::slotted([slot=img]){width:100%;height:100%;vertical-align:bottom;object-fit:cover}.card.horizontal.left .horizontal{gap:24px}.card.horizontal.left .horizontal .card-img{order:1}.card.horizontal.left .horizontal .lower__body-wrapper{order:2}.card .card-href:focus{outline:none}"}},[769,"ifx-card",{direction:[1],href:[1],target:[1],ariaLabelText:[1,"aria-label-text"],fullWidth:[4,"full-width"],actionsPlacement:[1,"actions-placement"],noBtns:[32],alignment:[32],noImg:[32],internalHref:[32]},[[0,"imgPosition","setImgPosition"]]]),s=n,h=function(){"undefined"!=typeof customElements&&["ifx-card"].forEach((e=>{"ifx-card"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{s as IfxCard,h as defineCustomElement}

package/dist/components/ifx-checkbox-group.d.ts

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

package/dist/components/ifx-checkbox-group.js

@@ -0,0 +1 @@
+import{p as e,H as o,h as t,t as i}from"./p-BT_2CyMS.js";import{i as r,d as a,t as c}from"./p-94ZtGp9D.js";import{d as n}from"./p-DMAv4MDG.js";const s=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}errorStates=new Map;get el(){return this}alignment="vertical";size;showGroupLabel;groupLabelText="Group Label Text";showCaption;captionText;showCaptionIcon;required=!1;hasErrors=!1;handleCheckboxError(e){const o=e.target;"ifx-checkbox"===o.tagName.toLowerCase()&&(this.errorStates.set(o,e.detail),this.updateHasErrors())}async setGroupError(e){Array.from(this.el.querySelectorAll("ifx-checkbox")).forEach((o=>{o.error=e}))}componentWillLoad(){this.initializeState()}async componentDidLoad(){if(!r(this.el)){const e=a();c("ifx-checkbox-group",await e)}}handleSlotChange=()=>{this.initializeState()};initializeState(){this.errorStates.clear(),Array.from(this.el.querySelectorAll("ifx-checkbox")).forEach((e=>{this.errorStates.has(e)||this.errorStates.set(e,e.error||!1)})),this.updateHasErrors()}updateHasErrors(){this.hasErrors=Array.from(this.errorStates.values()).some((e=>e))}render(){return t("div",{key:"a4a815fd6b0cb1b6591511d95939245d351a63a1",class:"checkbox-group-container"},this.showGroupLabel&&t("div",{key:"aa9416441f0500252c51cc3237bbd319c8eec7b8",class:"group-label"},this.groupLabelText,this.required&&t("span",{key:"9a53ca9b0490b9b13439ed6d65b76a0ec51acf5c",class:"required "+(this.hasErrors?"error":"")},"*")),t("div",{key:"7c2208dd6194ad6ee639c4a46252a7b34a48163c",class:`checkbox-group ${this.alignment} ${this.size}`},t("slot",{key:"aa1958a310ad945f4c32276893fd7863c295ec80",onSlotchange:this.handleSlotChange})),this.showCaption?t("div",{class:"caption "+(this.hasErrors?"error":"default")},this.showCaptionIcon?t("div",{class:"caption-icon"},t("ifx-icon",{icon:"c-info-16"})):"",t("div",{class:"caption-text"},this.captionText)):"")}static get style(){return".checkbox-group-container{display:flex;flex-direction:column}.checkbox-group{display:flex;gap:8px}.checkbox-group.horizontal{flex-direction:row;column-gap:12px}.checkbox-group.vertical{flex-direction:column;row-gap:12px}.group-label{font-family:var(--ifx-font-family);font-size:1rem;color:#1d1d1d;line-height:1.5rem;font-weight:400;margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.group-label .required{color:#575352;margin-left:4px}.group-label .required.error{color:#cd002f}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1d1d1d}.caption.error{color:#cd002f}.caption-text{font-family:var(--ifx-font-family);font-weight:400;font-size:0.75rem;line-height:1rem;flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}"}},[769,"ifx-checkbox-group",{alignment:[1],size:[1],showGroupLabel:[4,"show-group-label"],groupLabelText:[1,"group-label-text"],showCaption:[4,"show-caption"],captionText:[1,"caption-text"],showCaptionIcon:[4,"show-caption-icon"],required:[4],hasErrors:[32],setGroupError:[64]},[[0,"ifxError","handleCheckboxError"]]]),l=s,p=function(){"undefined"!=typeof customElements&&["ifx-checkbox-group","ifx-icon"].forEach((e=>{switch(e){case"ifx-checkbox-group":customElements.get(i(e))||customElements.define(i(e),s);break;case"ifx-icon":customElements.get(i(e))||n()}}))};export{l as IfxCheckboxGroup,p as defineCustomElement}

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

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

package/dist/components/ifx-checkbox.js

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

package/dist/components/ifx-chip-item.d.ts

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

package/dist/components/ifx-chip-item.js

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

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

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

package/dist/components/ifx-chip.js

@@ -0,0 +1 @@
+import{C as o,d as s}from"./p-tjdx4F2u.js";const t=o,p=s;export{t as IfxChip,p as defineCustomElement}

package/dist/components/ifx-content-switcher-item.d.ts

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

package/dist/components/ifx-content-switcher-item.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as o,d as c,t as r}from"./p-BT_2CyMS.js";const i=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}selected=!1;value;render(){return o(c,{key:"5c8f55164bcc5b187c86c4ce294bbffd5081513b"},o("button",{key:"9ea2f6b9783acc66249247d47be45983fb9dc731",class:"ifx-content-switcher-item"+(this.selected?" selected":"")},o("slot",{key:"f0083ba3168297577de1b56b00eb04e0016bfaf2"})))}static get style(){return".ifx-content-switcher-item{all:unset;height:36px;box-sizing:border-box;border-radius:9999px;border:3px solid transparent;padding:7px 20px;font-family:var(--ifx-font-family);font-weight:600;font-size:14px;line-height:20px;display:flex;justify-content:center;align-items:center;gap:8px;background-color:transparent}.ifx-content-switcher-item.selected{color:#0a8276;background-color:#ffffff;border:3px solid #0a8276}.ifx-content-switcher-item:hover{color:#08665c;background-color:#ffffff;border:3px solid #08665c;cursor:pointer}.ifx-content-switcher-item:active{color:#08665c;background-color:#ffffff;border:3px solid #06534b}.ifx-content-switcher-item:focus{color:#08665c;background-color:#ffffff;border:3px solid #08665c}"}},[769,"ifx-content-switcher-item",{selected:[4],value:[1]}]),f=i,n=function(){"undefined"!=typeof customElements&&["ifx-content-switcher-item"].forEach((e=>{"ifx-content-switcher-item"===e&&(customElements.get(r(e))||customElements.define(r(e),i))}))};export{f as IfxContentSwitcherItem,n as defineCustomElement}

package/dist/components/ifx-content-switcher.d.ts

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

package/dist/components/ifx-content-switcher.js

@@ -0,0 +1 @@
+import{p as t,H as e,c as i,h as s,d as n,t as h}from"./p-BT_2CyMS.js";import{i as c,d as r,t as o}from"./p-94ZtGp9D.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxChange=i(this,"ifxChange",7)}get el(){return this}items;activeIndex=-1;hoverIndex=-1;focusIndex=-1;dividers=[];ifxChange;eventHandlers=new Map;componentWillLoad(){this.items=Array.from(this.el.children),this.initializeDividers(),this.addEventListeners(),this.ensureSingleSelectedItem()}async componentDidLoad(){if(!c(this.el)){const t=r();o("ifx-content-switcher",await t)}}disconnectedCallback(){this.removeEventListeners()}initializeDividers(){this.items.forEach(((t,e)=>{if(e<this.items.length-1){const e=document.createElement("div");e.classList.add("ifx-content-switcher-divider"),t.after(e),this.dividers.push(e)}}))}addEventListeners(){this.items.forEach(((t,e)=>{const i={click:()=>this.selectItem(e),mouseenter:()=>this.handleHover(e,!0),mouseleave:()=>this.handleHover(e,!1),focus:()=>this.handleFocus(e,!0),blur:()=>this.handleFocus(e,!1)};Object.keys(i).forEach((e=>{t.addEventListener(e,i[e])})),this.eventHandlers.set(t,i)}))}removeEventListeners(){this.eventHandlers.forEach(((t,e)=>{Object.keys(t).forEach((i=>{e.removeEventListener(i,t[i])}))})),this.eventHandlers.clear()}ensureSingleSelectedItem(){this.items.forEach(((t,e)=>{("true"===t.getAttribute("selected")||t.selected)&&(this.activeIndex<0?this.selectItem(e):(t.removeAttribute("selected"),t.selected=!1))}))}handleHover(t,e){this.hoverIndex=e?t:-1,this.updateDividersOfItem(t)}handleFocus(t,e){this.focusIndex=e?t:-1,this.updateDividersOfItem(t)}updateDividersOfItem(t){t<this.items.length-1&&this.updateDividerVisibility(t),t>0&&this.updateDividerVisibility(t-1)}updateDividerVisibility(t){const e=new Set([this.activeIndex,this.activeIndex-1,this.hoverIndex,this.hoverIndex-1,this.focusIndex,this.focusIndex-1]);this.setDividerVisibility(t,e.has(t))}setDividerVisibility(t,e){this.dividers[t]&&this.dividers[t].classList.toggle("hidden",e)}selectItem(t){if(t===this.activeIndex)return;const e=this.activeIndex;e>=0&&this.items[e].removeAttribute("selected"),this.activeIndex=t,this.items[t].setAttribute("selected","true"),this.ifxChange.emit({oldValue:this.getValueOfItem(e),newValue:this.getValueOfItem(t)}),this.updateDividersOfItem(e),this.updateDividersOfItem(t)}getValueOfItem(t){return null==this.items[t]?t.toLocaleString():this.items[t].getAttribute("value")||t.toLocaleString()}render(){return s(n,{key:"e929f11dfd991a2ef368c31e6b4ccba98a535e86"},s("div",{key:"4097344a1536530a7970264a8eb50743d863e667",class:"ifx-content-switcher",role:"group"},s("slot",{key:"1577704c964d50f55451b037772261a24e39b3a6"})))}static get style(){return".ifx-content-switcher{background-color:#ffffff;border:1px solid #bfbbbb;border-radius:9999px;height:36px;width:fit-content;box-sizing:border-box;display:flex;flex-direction:row;align-items:center}.ifx-content-switcher ::slotted(ifx-content-switcher-item){position:relative}.ifx-content-switcher ::slotted(ifx-content-switcher-item:first-child){left:-1px;margin-right:-1px}.ifx-content-switcher ::slotted(ifx-content-switcher-item:last-child){right:-1px;margin-left:-1px}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider){width:1px;height:20px;background-color:#8d8786;margin:0px 1px;visibility:visible}.ifx-content-switcher ::slotted(.ifx-content-switcher-divider.hidden){visibility:hidden}"}},[769,"ifx-content-switcher",{items:[32],activeIndex:[32],hoverIndex:[32],focusIndex:[32],dividers:[32]}]),l=d,a=function(){"undefined"!=typeof customElements&&["ifx-content-switcher"].forEach((t=>{"ifx-content-switcher"===t&&(customElements.get(h(t))||customElements.define(h(t),d))}))};export{l as IfxContentSwitcher,a as defineCustomElement}

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

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

package/dist/components/ifx-counter.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as n,t as s}from"./p-BT_2CyMS.js";import{d as a}from"./p-DMAv4MDG.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxChange=i(this,"ifxChange",7),this.internals=this.attachInternals()}initialValue=0;value=0;name="";internals;ifxChange;valueChanged(e){const t=Math.max(0,e);t===e?this.updateFormValue():this.value=t}componentWillLoad(){this.value=Math.max(0,this.value),this.initialValue=this.value,this.updateFormValue()}formResetCallback(){this.value=this.initialValue,this.updateFormValue()}updateValue(e){const t=Math.max(0,e);t!==this.value&&(this.value=t,this.ifxChange.emit(this.value))}updateFormValue(){this.internals.setFormValue(this.value+"")}increment=()=>{this.updateValue(this.value+1)};decrement=()=>{this.updateValue(this.value-1)};render(){return n("div",{key:"ca004400b1e98c3ad0804228fc74a4db3c1a7b82",class:"counter"},n("button",{key:"e73683708ed0a50102f1cf202f46d5ce2192d471",class:"counter__btn counter__btn--minus",type:"button","aria-label":"Decrease value",disabled:0===this.value,onClick:this.decrement},n("ifx-icon",{key:"04aac1ab49d277faa5e9df43fd3b09f527b5ddf5",icon:"minus-16"})),n("output",{key:"5f9277a1ffa11e8205abf22b6e3538482933b169",class:"counter__value","aria-label":"Counter value"},n("span",{key:"7918088f5203bc1f6963f25cfc919f3e1c9c538d",class:"counter__value-inner"},this.value)),n("button",{key:"b04061984cd9d3dde05e3e140d1d494feca7689e",class:"counter__btn counter__btn--plus",type:"button","aria-label":"Increase value",onClick:this.increment},n("ifx-icon",{key:"9cd8bcf6edced6e11097e55c44c4811863b03c92",icon:"plus-16"})))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}static get style(){return":host{display:inline-block;user-select:none}.counter{display:flex;align-items:center;gap:16px}.counter__btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff;border:1px solid #bfbbbb;color:#bfbbbb;font-family:var(--ifx-font-family);padding:4px;cursor:pointer;box-sizing:border-box}.counter__btn ifx-icon{display:flex;width:16px;height:16px}.counter__btn--minus,.counter__btn--plus{border-color:#0a8276;color:#0a8276}.counter__btn:focus-visible{outline:2px solid #0a8276;outline-offset:2px}.counter__btn:disabled{border-color:#bfbbbb;color:#bfbbbb;cursor:default}.counter__value{width:56px;height:36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#1d1d1d;font-family:var(--ifx-font-family);font-size:var(--ifx-font-size-s);font-style:normal;font-weight:var(--ifx-font-weight-regular);letter-spacing:var(--ifx-letter-spacing-default);line-height:var(--ifx-line-height-s);text-align:center;border:1px solid #575352;border-radius:1px;background:#ffffff;padding:8px 12px}.counter__value:focus-visible{outline:2px solid #0a8276;outline-offset:2px}"}},[577,"ifx-counter",{value:[1026],name:[1]},void 0,{value:[{valueChanged:0}]}]),c=o,r=function(){"undefined"!=typeof customElements&&["ifx-counter","ifx-icon"].forEach((e=>{switch(e){case"ifx-counter":customElements.get(s(e))||customElements.define(s(e),o);break;case"ifx-icon":customElements.get(s(e))||a()}}))};export{c as IfxCounter,r as defineCustomElement}

package/dist/components/ifx-date-picker.d.ts

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

package/dist/components/ifx-date-picker.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as r,t as a}from"./p-BT_2CyMS.js";import{i as o,d as n,t as s}from"./p-94ZtGp9D.js";import{d}from"./p-DMAv4MDG.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxDate=i(this,"ifxDate",7),this.internals=this.attachInternals()}inputId="ifx-date-picker-"+ ++p;get el(){return this}size="s";error=!1;success=!1;disabled=!1;readOnly=!1;ariaLabelText;value;type="date";max;min;required=!1;label;caption;autocomplete="on";internalValue;internals;ifxDate;handleValueChange(e){this.internalValue=e}async clear(){this.internalValue="";const e=this.getInput();e&&e.classList.remove("has-value"),this.ifxDate.emit("datetime-local"===this.type?{day:null,month:null,year:null,hours:null,minutes:null}:{day:null,month:null,year:null})}getInput(){return this.el.shadowRoot.querySelector(".date__picker-input")}getDate(e){const t=e.target.value;this.value=t,this.internalValue=t;const i=new Date(t),r=i.getDate(),a=i.getMonth()+1,o=i.getFullYear();if(t)if(this.getInput().classList.add("has-value"),"datetime-local"===this.type){const e=i.getHours(),t=i.getMinutes();this.ifxDate.emit({day:r,month:a,year:o,hours:e,minutes:t})}else this.ifxDate.emit({day:r,month:a,year:o});else if("datetime-local"===this.type){const e=i.getHours(),t=i.getMinutes();this.ifxDate.emit({day:r,month:a,year:o,hours:e,minutes:t})}else this.ifxDate.emit({day:r,month:a,year:o})}handleIconKeyDown(e){if(this.disabled)return;const t=this.isFirefox(),i=this.getInput();"Enter"===e.key&&t&&(e.preventDefault(),i.showPicker&&i.showPicker())}isFirefox(){return-1!==navigator.userAgent.indexOf("Firefox")}setFireFoxClasses(){const e=this.isFirefox(),t=this.getInput(),i=this.el.shadowRoot.querySelector(".icon__wrapper");e?(t.classList.add("firefox__classes"),i.classList.add("firefox__classes")):t.classList.contains("firefox__classes")&&(t.classList.remove("firefox__classes"),i.classList.remove("firefox__classes"))}async componentDidLoad(){if(!o(this.el)){const e=n();s("ifx-date-picker",await e)}this.setFireFoxClasses()}componentWillLoad(){this.internalValue=this.value}render(){return r("div",{key:"606389879ef54f5069e88ca8fb3b029697f592b5",class:"date__picker-container "+(this.readOnly?"readOnly":this.error?"error":this.disabled?"disabled":"")},r("label",{key:"a8ae70f93be2fe3300b234f38580e42c8dcba18d",class:"label__wrapper",htmlFor:this.inputId},this.label?.trim(),r("span",{key:"a0541bb99cf6f8b19dbd570195775929063420c5",class:`asterisk ${this.required?"required":""} ${this.error&&!this.readOnly?"error":""}`},"*")),r("div",{key:"674c678306284d59a6b704d9f11a6485f02c1656",class:`input__wrapper ${"l"===this.size?"large":"small"} ${this.readOnly?"readOnly":!this.error&&this.disabled?"disabled":""}`},r("input",{key:"5c0690be3b7e8c8401c37af9c4439d9956d486e0",type:this.type,autocomplete:this.autocomplete,class:`date__picker-input ${this.readOnly?"readOnly":""} ${!this.readOnly&&this.error?"error":""} ${!this.readOnly&&this.success?"success":""}`,disabled:!(this.readOnly||this.error||!this.disabled)||void 0,readOnly:this.readOnly,"aria-invalid":!!this.error||void 0,"aria-label":this.ariaLabelText,max:this.max,min:this.min,value:this.internalValue,required:this.required,onChange:e=>this.getDate(e)}),r("button",{key:"a70393132f55ae2828a1c52e68ee55b63496d543",type:"button",class:"icon__wrapper",disabled:this.disabled,"aria-label":"Open date picker",tabIndex:this.isFirefox()?0:-1,onKeyDown:e=>this.handleIconKeyDown(e)},r("span",{key:"dd6d16c479e1d9bb899c0ea966d1b89a78ab0dce","aria-hidden":"true"},r("ifx-icon",{key:"009a57c029fe16f869460ede391c5c46fa1a761e",icon:"calendar16"})))),this.caption?.trim()&&r("div",{key:"3cfde155bac1f251b44ebe1fc656c3b4b01900e9",class:"caption__wrapper"},this.caption.trim()))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1d1d1d;font:400 1rem/1.5rem "Source Sans 3";font-family:var(--ifx-font-family)}.date__picker-container .label__wrapper .asterisk{display:none}.date__picker-container .label__wrapper .asterisk.required{display:inline;margin-left:4px}.date__picker-container .label__wrapper .asterisk.required.error{color:#cd002f}.date__picker-container.disabled .label__wrapper{color:#bfbbbb}.date__picker-container.error .caption__wrapper{color:#cd002f}.date__picker-container.disabled .caption__wrapper{color:#bfbbbb}.date__picker-container .caption__wrapper{margin-top:4px;color:#1d1d1d;font:400 0.75rem/1rem "Source Sans 3";font-family:var(--ifx-font-family)}.date__picker-input{box-sizing:border-box;font-family:var(--ifx-font-family);outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8d8786;height:100%}.date__picker-input.firefox__classes{padding:0px 14px;box-sizing:border-box;color:#8d8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input.firefox__classes:disabled{color:#ffffff}.date__picker-input:focus:not(.error,.success){border-color:#0a8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#bfbbbb;background-color:#bfbbbb;cursor:default}.date__picker-input.readOnly{border:none;border-bottom:1px solid #bfbbbb;cursor:default;pointer-events:none}.date__picker-input.readOnly::-webkit-datetime-edit-fields-wrapper{padding-left:0}.date__picker-input.readOnly::-webkit-datetime-edit,.date__picker-input.readOnly::-webkit-datetime-edit-text{color:#1d1d1d}.date__picker-input.error{border-color:#cd002f}.date__picker-input.success:not(.error){border-color:#4ca460}.date__picker-input::-webkit-datetime-edit-text{color:#8d8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input:disabled::-webkit-datetime-edit,.date__picker-input:disabled::-webkit-datetime-edit-text{color:#ffffff}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1d1d1d}.date__picker-input.has-value::-webkit-datetime-edit{color:#1d1d1d}::-webkit-datetime-edit{color:#8d8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0a8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#ffffff;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background:none;color:#ffffff}.input__wrapper.disabled .icon__wrapper.firefox__classes{display:none}.input__wrapper.disabled .icon__wrapper{background-color:#bfbbbb;color:#ffffff}.input__wrapper.readOnly .icon__wrapper{color:#bfbbbb}.icon__wrapper{position:absolute;right:17px;margin:0;border:0;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;appearance:none;background-color:#ffffff;line-height:16px}.icon__wrapper span{position:relative;z-index:1}.icon__wrapper ifx-icon{position:relative;vertical-align:middle;z-index:1}.icon__wrapper.firefox__classes:focus-visible::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid #0a8276;border-radius:15%}.icon__wrapper.firefox__classes::before{content:"";position:absolute;inset:-4px;z-index:0;background-color:#ffffff}'}},[513,"ifx-date-picker",{size:[1],error:[4],success:[4],disabled:[4],readOnly:[4,"read-only"],ariaLabelText:[1,"aria-label-text"],value:[1025],type:[1],max:[1],min:[1],required:[4],label:[1],caption:[1],autocomplete:[1],internalValue:[32],clear:[64]},void 0,{value:[{handleValueChange:0}]}]);let p=0;const c=l,f=function(){"undefined"!=typeof customElements&&["ifx-date-picker","ifx-icon"].forEach((e=>{switch(e){case"ifx-date-picker":customElements.get(a(e))||customElements.define(a(e),l);break;case"ifx-icon":customElements.get(a(e))||d()}}))};export{c as IfxDatePicker,f as defineCustomElement}

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

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

package/dist/components/ifx-download.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as e,t as n}from"./p-BT_2CyMS.js";import{s as o}from"./p-QgsB_-OM.js";import{d as i}from"./p-C2NpYb5B.js";const a=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}tokens="css";render(){const s={css:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/css-variables.css",scss:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-tokens/scss-variables.scss",json:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.json",js:"https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-echarts-theme/dds-echarts-theme.js"}[this.tokens],t="json"===this.tokens||"js"===this.tokens?"dds-echarts-theme."+this.tokens:"infineon-tokens."+this.tokens;return e("ifx-link",{key:"61750b255910d33eb39f460a26eae9b14fcb0da7",onClick:e=>{e.preventDefault(),fetch(s).then((s=>s.blob())).then((s=>{const e=document.createElement("a");e.href=o(URL.createObjectURL(s)),e.download=t,e.click()}))},href:s,download:t,class:"download__wrapper",size:"m",variant:"bold"},e("slot",{key:"785f67a681f4ce24a03ae2d44ad0e06cafa4e4b4"}))}static get style(){return""}},[769,"ifx-download",{tokens:[1]}]),c=a,r=function(){"undefined"!=typeof customElements&&["ifx-download","ifx-link"].forEach((s=>{switch(s){case"ifx-download":customElements.get(n(s))||customElements.define(n(s),a);break;case"ifx-link":customElements.get(n(s))||i()}}))};export{c as IfxDownload,r as defineCustomElement}

package/dist/components/ifx-dropdown-header.d.ts

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

package/dist/components/ifx-dropdown-header.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as d,t as o}from"./p-BT_2CyMS.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return d("div",{key:"2272b53b32c6cd9a67c36a463626fa1ebf28cebf",class:"dropdown-header"},d("span",{key:"c99f028c2c446edcd80ceb4c13d83329b868f8ea"},d("slot",{key:"f1d7a62919f6bd17487e2f5d5f5d263383920675"})))}static get style(){return".dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #eeeded;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}"}},[257,"ifx-dropdown-header"]),r=n,f=function(){"undefined"!=typeof customElements&&["ifx-dropdown-header"].forEach((e=>{"ifx-dropdown-header"===e&&(customElements.get(o(e))||customElements.define(o(e),n))}))};export{r as IfxDropdownHeader,f as defineCustomElement}

package/dist/components/ifx-dropdown-item.d.ts

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

package/dist/components/ifx-dropdown-item.js

@@ -0,0 +1 @@
+import{p as e,H as o,c as t,h as i,t as n}from"./p-BT_2CyMS.js";import{s as d}from"./p-QgsB_-OM.js";import{d as s}from"./p-DMAv4MDG.js";const r=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxDropdownItem=t(this,"ifxDropdownItem",7)}icon="";href="";target="_self";hide=!1;error=!1;disabled=!1;size="l";ifxDropdownItem;get el(){return this}handleMenuSize(e){this.size=e.detail}handleHostClick(e){this.disabled&&e.stopPropagation()}handleEventEmission(e){if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.ifxDropdownItem.emit(this.el.textContent)}render(){const e=null!=this.href&&""!==this.href,o={class:`dropdown-item ${"s"===this.size?"small":""} ${this.hide?"hide":""} ${this.disabled?"disabled":this.error?"error":""}`,onClick:e=>this.handleEventEmission(e),role:"menuitem","aria-disabled":this.disabled?"true":void 0};this.disabled?o.tabIndex=-1:e||(o.tabIndex=0);const t=[this.icon&&i("ifx-icon",{key:"6184b1f64e26236d0e6b1b27c43417d3ad52b193",class:"icon",icon:this.icon}),i("span",{key:"a0f4342309edaeb59f792d243ff93466cba34c3f"},i("slot",{key:"6dd30c60f28f3f8d4fab2698d578ad74e150e78b"}))];return e?i("a",{...o,href:d(this.href),target:this.target},t):i("button",{...o,type:"button",disabled:this.disabled},t)}static get style(){return".dropdown-item{text-decoration:none;color:#1d1d1d;display:flex;align-items:center;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.dropdown-item:focus{outline:none;box-shadow:0 0 0 2px #ffffff, 0 0 0 4px #0a8276}.dropdown-item.hide{display:none}.dropdown-item span{color:#1d1d1d;font-size:16px;font-style:normal;font-weight:400;line-height:24px;}.dropdown-item.small span{font-size:14px}.dropdown-item:hover{cursor:pointer;background-color:#eeeded}.dropdown-item:active{background-color:#bfbbbb}.dropdown-item.error{color:#cd002f}.dropdown-item.error span{color:#cd002f}.dropdown-item.disabled{color:#bfbbbb;pointer-events:none}.dropdown-item.disabled span{color:#bfbbbb}.icon{margin-right:4px}button.dropdown-item{width:100%;border:0;background-color:transparent;text-align:left}"}},[769,"ifx-dropdown-item",{icon:[1],href:[1],target:[1],hide:[4],error:[4],disabled:[4],size:[32]},[[16,"menuSize","handleMenuSize"],[0,"click","handleHostClick"]]]),a=r,l=function(){"undefined"!=typeof customElements&&["ifx-dropdown-item","ifx-icon"].forEach((e=>{switch(e){case"ifx-dropdown-item":customElements.get(n(e))||customElements.define(n(e),r);break;case"ifx-icon":customElements.get(n(e))||s()}}))};export{a as IfxDropdownItem,l as defineCustomElement}

package/dist/components/ifx-dropdown-menu.d.ts

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

package/dist/components/ifx-dropdown-menu.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as o,h as t,t as n}from"./p-BT_2CyMS.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.menuSize=o(this,"menuSize",7),this.ifxDropdownMenuItem=o(this,"ifxDropdownMenuItem",7)}isOpen=!1;size="l";hideTopPadding=!1;get el(){return this}menuSize;filteredItems=[];ifxDropdownMenuItem;handleMenuFilter(e){this.filterDropdownItems(e.detail)}handleDropdownItemValueEmission(e){this.ifxDropdownMenuItem.emit(e.detail)}filterDropdownItems(e){const i=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));let o,t;const n=e.toUpperCase();for(let e=0;e<i.length;e++)o=i[e],t=o.textContent||o.innerText,t.toUpperCase().indexOf(n)>-1?o.setAttribute("hide",!1):o.setAttribute("hide",!0)}componentWillUpdate(){this.menuSize.emit(this.size)}componentWillLoad(){this.filteredItems=Array.from(this.el.querySelectorAll("ifx-dropdown-item"));const e=this.el.querySelector("ifx-search-field"),i=this.el.querySelector("ifx-dropdown-header");this.hideTopPadding=!(!e&&!i)}render(){return t("div",{key:"63c4cd96ebf86e6a7ec427ba94c239958128e414",class:`dropdown-menu \n      ${this.isOpen?"show":""} \n      ${this.hideTopPadding?"hideTopPadding":""}\n      ${"s"===this.size?"small":""}`},t("slot",{key:"a04e1008747a8c868004d947ca042a4d763a4f7b"}))}static get style(){return":host{position:relative;z-index:1000}.dropdown-menu{display:none;visibility:hidden;flex-direction:column;width:224px;max-height:289px;min-width:224px;overflow-y:auto;background:#ffffff;box-shadow:0 1px 1px 0 rgba(29, 29, 29, 0.12), 0 0 1px 0 rgba(29, 29, 29, 0.12);border:1px solid #eeeded;padding:8px 4px;font-family:var(--ifx-font-family)}.dropdown-menu.small{max-height:266px;max-width:186px;overflow-y:auto}.dropdown-menu.hideTopPadding{padding-top:0px}.dropdown-menu.show{display:flex;visibility:visible}"}},[769,"ifx-dropdown-menu",{isOpen:[4,"is-open"],size:[1],hideTopPadding:[32],filteredItems:[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]),s=d,r=function(){"undefined"!=typeof customElements&&["ifx-dropdown-menu"].forEach((e=>{"ifx-dropdown-menu"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{s as IfxDropdownMenu,r as defineCustomElement}

package/dist/components/ifx-dropdown-separator.d.ts

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

package/dist/components/ifx-dropdown-separator.js

@@ -0,0 +1 @@
+import{p as e,H as r,h as o,t}from"./p-BT_2CyMS.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o("div",{key:"bba5fef6f55e3188c1e7eaec9907856ea7d06339",class:"dropdown-separator"})}static get style(){return".dropdown-separator{height:1px;background-color:#eeeded;margin:8px 16px}"}},[1,"ifx-dropdown-separator"]),a=s,n=function(){"undefined"!=typeof customElements&&["ifx-dropdown-separator"].forEach((e=>{"ifx-dropdown-separator"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))};export{a as IfxDropdownSeparator,n as defineCustomElement}

package/dist/components/ifx-dropdown-trigger-button.d.ts

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

package/dist/components/ifx-dropdown-trigger-button.js

@@ -0,0 +1 @@
+import{p as t,H as e,h as s,t as i}from"./p-BT_2CyMS.js";import{d as o}from"./p-BQusv3OP.js";import{d as r}from"./p-DMAv4MDG.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}isOpen=!1;theme="default";variant="primary";size="m";disabled=!1;hideArrow=!1;render(){return s("ifx-button",{key:"8cdf759289dfb3efa13847a758646f064fbc5ced",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},s("slot",{key:"d1e9c10b3bb2130728e97e41b45bfe915142134a"}),!this.hideArrow&&s("ifx-icon",{key:"327f3d907b78573dc2f4bc7e8bbf97fdda213e0d",icon:"chevron-down-16",class:"icon"+(this.isOpen?" rotate":"")}))}static get style(){return":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}"}},[769,"ifx-dropdown-trigger-button",{isOpen:[4,"is-open"],theme:[1],variant:[1],size:[1],disabled:[4],hideArrow:[4,"hide-arrow"]}]),a=n,d=function(){"undefined"!=typeof customElements&&["ifx-dropdown-trigger-button","ifx-button","ifx-icon"].forEach((t=>{switch(t){case"ifx-dropdown-trigger-button":customElements.get(i(t))||customElements.define(i(t),n);break;case"ifx-button":customElements.get(i(t))||o();break;case"ifx-icon":customElements.get(i(t))||r()}}))};export{a as IfxDropdownTriggerButton,d as defineCustomElement}

package/dist/components/ifx-dropdown-trigger.d.ts

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

package/dist/components/ifx-dropdown-trigger.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as s,t as r}from"./p-BT_2CyMS.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}isOpen=!1;render(){return s("slot",{key:"d81c4b88d4acac4f2a6ba054d830650d4a3e9268"})}static get style(){return":host{display:inline-block;cursor:pointer}"}},[769,"ifx-dropdown-trigger",{isOpen:[4,"is-open"]}]),n=o,i=function(){"undefined"!=typeof customElements&&["ifx-dropdown-trigger"].forEach((e=>{"ifx-dropdown-trigger"===e&&(customElements.get(r(e))||customElements.define(r(e),o))}))};export{n as IfxDropdownTrigger,i as defineCustomElement}

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

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

package/dist/components/ifx-dropdown.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as i,h as e,t as n}from"./p-BT_2CyMS.js";import{i as h,d as o,t as d}from"./p-94ZtGp9D.js";import{c as a}from"./p-BfP9ezJQ.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.ifxOpen=i(this,"ifxOpen",7),this.ifxClose=i(this,"ifxClose",7),this.ifxDropdown=i(this,"ifxDropdown",7)}placement="bottom-start";defaultOpen=!1;internalIsOpen=!1;noAppendToBody=!1;ifxOpen;ifxClose;ifxDropdown;disabled=!1;noCloseOnOutsideClick=!1;noCloseOnMenuClick=!1;get el(){return this}trigger;menu;popperInstance=null;handleOutsideClick(t){const s=t.target;this.noCloseOnOutsideClick||this.el.contains(s)||this.menu?.contains(s)||this.closeDropdown()}handleFocusOutside(t){const s=t.target;!this.internalIsOpen||this.el.contains(s)||this.menu?.contains(s)||this.closeDropdown()}handleTriggerClick=()=>{this.internalIsOpen?this.closeDropdown():this.openDropdown()};handleTriggerKeyDown=t=>{"Tab"===t.key&&this.internalIsOpen&&!t.shiftKey&&(t.preventDefault(),this.focusFirstItem())};handleMenuClick=()=>{this.noCloseOnMenuClick||this.closeDropdown()};getItemFocusables(){return this.menu?Array.from(this.menu.querySelectorAll("ifx-dropdown-item")).filter((t=>!t.hide&&!t.disabled)).map((t=>t.shadowRoot?.querySelector("a, button"))).filter((t=>!!t)):[]}handleMenuKeyDown=t=>{const s=this.getItemFocusables();if(!s.length)return;const i=s.indexOf(document.activeElement);switch(t.key){case"ArrowDown":t.preventDefault(),s[(i+1)%s.length].focus();break;case"ArrowUp":t.preventDefault(),s[(i-1+s.length)%s.length].focus();break;case"Home":t.preventDefault(),s[0].focus();break;case"End":t.preventDefault(),s[s.length-1].focus();break;case"Enter":case" ":case"Spacebar":t.preventDefault(),document.activeElement?.click();break;case"Escape":t.preventDefault(),this.closeDropdown(),this.trigger?.focus();break;case"Tab":t.shiftKey&&0===i&&(t.preventDefault(),this.closeDropdown(),this.trigger?.focus())}};componentWillLoad(){this.updateSlotContent(),this.watchHandlerIsOpen(this.defaultOpen,this.internalIsOpen)}async componentDidLoad(){if(!h(this.el)){const t=o();d("ifx-dropdown",await t)}}watchHandlerIsOpen(t,s){t!==s&&t!==this.internalIsOpen&&(t?this.openDropdown():this.closeDropdown())}watchHandlerDisabled(t){this.trigger&&(this.trigger.disabled=t)}watchHandlerSlot(){this.updateSlotContent()}focusFirstItem(){const[t]=this.getItemFocusables();t?.focus()}updateSlotContent(){const t=this.el.querySelector("ifx-dropdown-trigger-button, ifx-dropdown-trigger");t!==this.trigger&&(this.trigger&&(this.trigger.removeEventListener("click",this.handleTriggerClick),this.trigger.removeEventListener("keydown",this.handleTriggerKeyDown)),this.trigger=t??void 0,this.trigger&&(this.trigger.disabled=this.disabled,this.trigger.addEventListener("click",this.handleTriggerClick),this.trigger.addEventListener("keydown",this.handleTriggerKeyDown)));const s=this.el.querySelector("ifx-dropdown-menu");this.noAppendToBody?this.menu=s??void 0:(this.menu&&this.menu!==s&&(this.menu.removeEventListener("click",this.handleMenuClick),this.menu.removeEventListener("keydown",this.handleMenuKeyDown),this.menu.remove()),this.menu=s??void 0,this.menu&&!document.body.contains(this.menu)&&document.body.append(this.menu)),this.menu&&(this.menu.removeEventListener("click",this.handleMenuClick),this.menu.removeEventListener("keydown",this.handleMenuKeyDown),this.menu.addEventListener("click",this.handleMenuClick),this.menu.addEventListener("keydown",this.handleMenuKeyDown))}disconnectedCallback(){this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null),this.menu&&this.menu.remove()}async isOpen(){return this.internalIsOpen}async closeDropdown(){this.internalIsOpen&&(this.internalIsOpen=!1,this.trigger&&(this.trigger.isOpen=!1),this.menu&&(this.menu.isOpen=!1),this.ifxClose.emit()),this.popperInstance&&(this.popperInstance.destroy(),this.popperInstance=null)}async openDropdown(){this.internalIsOpen||this.disabled||!this.menu||(this.internalIsOpen=!0,this.trigger&&(this.trigger.isOpen=!0),this.menu.isOpen=!0,this.popperInstance=a(this.el,this.menu,{placement:this.placement,strategy:this.noAppendToBody?"absolute":"fixed"}),this.ifxOpen.emit())}render(){return e("div",{key:"09efa43b5f6298281004fec76d53652e14ec9770",class:"dropdown"},e("slot",{key:"7abf17d34d55141662979edc0ddba5c78040ace8"}))}static get watchers(){return{defaultOpen:[{watchHandlerIsOpen:0}],disabled:[{watchHandlerDisabled:0}]}}static get style(){return":host{display:inline-block}"}},[769,"ifx-dropdown",{placement:[1],defaultOpen:[4,"default-open"],noAppendToBody:[4,"no-append-to-body"],disabled:[4],noCloseOnOutsideClick:[4,"no-close-on-outside-click"],noCloseOnMenuClick:[4,"no-close-on-menu-click"],internalIsOpen:[32],trigger:[32],menu:[32],isOpen:[64],closeDropdown:[64],openDropdown:[64]},[[5,"mousedown","handleOutsideClick"],[4,"focusin","handleFocusOutside"],[0,"slotchange","watchHandlerSlot"]],{defaultOpen:[{watchHandlerIsOpen:0}],disabled:[{watchHandlerDisabled:0}]}]),l=c,r=function(){"undefined"!=typeof customElements&&["ifx-dropdown"].forEach((t=>{"ifx-dropdown"===t&&(customElements.get(n(t))||customElements.define(n(t),c))}))};export{l as IfxDropdown,r as defineCustomElement}

package/dist/components/ifx-error-page.d.ts

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

package/dist/components/ifx-error-page.js

@@ -0,0 +1 @@
+import{p as e,H as r,h as t,d as n,t as a}from"./p-BT_2CyMS.js";const s=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}illustrationUrl;imgAlt;type="403";headline;description;errorVariants={403:{headline:"Access restricted",description:"Accessing this content requires special authorization. If you believe you should be able to access this content, please contact our support team for assistance."},404:{headline:"The requested page cannot be found",description:"The page you requested does not exist. Please check the URL entered or use the navigation to find what you are looking for."},503:{headline:"The server is currently unavailable",description:"Our service is currently experiencing high demand or undergoing maintenance. Please try again in a few moments, or contact our support team if the issue persists."},maintenance:{headline:"Planned maintenance underway",description:"We are currently performing scheduled maintenance to improve system performance and stability. Our services will be restored as soon as possible. Thank you for your patience."}};render(){const e=this.errorVariants[this.type]?this.type:"403",r=this.errorVariants[e],a=this.headline||r.headline,s=this.description||r.description,i="maintenance"===this.type?"Scheduled":"Error";return t(n,{key:"e63a4181a0e58c797aad9fba3f8e347dc2b5cf4c"},t("div",{key:"c0ae48d915d14bacecea55771194656e14ee5248",class:"error-page"},t("div",{key:"947e505ce00a927c53e22127b2cac053bca1ed7b",class:"error-page__image"},t("img",{key:"32ede3e7c5b288ca453f381048d29d223b3126a9",src:this.illustrationUrl||`https://raw.githubusercontent.com/Infineon/public-assets/main/ifx-error-page/${e}.svg`,alt:this.imgAlt||`${i} ${e}`})),t("div",{key:"3fd3035de92f9893b9026239d78b5ea5713d7feb",class:"error-page__description"},t("div",{key:"707350e800cd1dbeee578831fe675785d41a385e",class:"error-page__type"},i," ",e),t("h1",{key:"a8535989d8e6fc920e48de53cb13c389f34eb37c",class:"error-page__headline"},a),t("p",{key:"0270b0b5018db4271d2ce95aa3bf9f4549869e0b",class:"error-page__body"},s),t("div",{key:"2f6b69134c12601ba3bb8ce2264fd691d32fc9c0",class:"error-page__actions"},t("slot",{key:"952b7570262fa16940431f95e79cee305117e8f8",name:"button"})))))}static get style(){return'@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@7.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff") format("woff")}:root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}ifx-icon:empty{display:none}.error-page{display:flex;align-items:center;justify-content:center;gap:145px;width:100%;height:100%}.error-page,.error-page *{box-sizing:border-box}@media (max-width: 768px){.error-page{flex-direction:column;gap:unset}}.error-page__image{display:flex;flex:1;justify-content:center;max-width:422px}@media (max-width: 768px){.error-page__image{width:100%;min-width:263px;margin-bottom:1.5rem;padding:2rem 3.5rem 0 3.5rem}}.error-page__image img{width:100%}.error-page__description{display:flex;flex-direction:column;flex:1;max-width:644px;overflow-wrap:anywhere}@media (max-width: 768px){.error-page__description{width:100%;max-width:100%;padding:1rem}}.error-page__type{font:600 1rem/1.5rem "Source Sans 3";margin-bottom:2rem;letter-spacing:3.2px;text-transform:uppercase}@media (max-width: 768px){.error-page__type{margin-bottom:1.5rem}}.error-page__headline{font:600 3rem/3.75rem "Source Sans 3";margin:0 0 1rem 0}@media (max-width: 768px){.error-page__headline{margin-bottom:0.5rem}}.error-page__body{font:400 1.375rem/1.875rem "Source Sans 3";margin:0 0 2rem 0}@media (max-width: 768px){.error-page__body{margin-bottom:1.5rem}}.error-page__actions{display:flex;flex-wrap:wrap;gap:1rem;max-width:100%}@media (max-width: 768px){.error-page__actions ::slotted(*){flex:1 1 calc(50% - 0.5rem)}}'}},[769,"ifx-error-page",{illustrationUrl:[1,"illustration-url"],imgAlt:[1,"img-alt"],type:[1],headline:[1],description:[1]}]),i=s,o=function(){"undefined"!=typeof customElements&&["ifx-error-page"].forEach((e=>{"ifx-error-page"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))};export{i as IfxErrorPage,o as defineCustomElement}

package/dist/components/ifx-file-upload.d.ts

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

package/dist/components/ifx-file-upload.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as l,h as s,t}from"./p-BT_2CyMS.js";import{i as a,d as o,t as r}from"./p-94ZtGp9D.js";import{d}from"./p-BQusv3OP.js";import{d as n}from"./p-DMAv4MDG.js";import{d as p}from"./p-uQx-50k_.js";import{d as f}from"./p-D8rBTzjL.js";const h=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxFileUploadAdd=l(this,"ifxFileUploadAdd",7),this.ifxFileUploadRemove=l(this,"ifxFileUploadRemove",7),this.ifxFileUploadChange=l(this,"ifxFileUploadChange",7),this.ifxFileUploadError=l(this,"ifxFileUploadError",7),this.ifxFileUploadInvalid=l(this,"ifxFileUploadInvalid",7),this.ifxFileUploadStart=l(this,"ifxFileUploadStart",7),this.ifxFileUploadComplete=l(this,"ifxFileUploadComplete",7),this.ifxFileUploadAllComplete=l(this,"ifxFileUploadAllComplete",7),this.ifxFileUploadAbort=l(this,"ifxFileUploadAbort",7),this.ifxFileUploadDrop=l(this,"ifxFileUploadDrop",7),this.ifxFileUploadClick=l(this,"ifxFileUploadClick",7),this.ifxFileUploadMaxFilesExceeded=l(this,"ifxFileUploadMaxFilesExceeded",7),this.ifxFileUploadValidation=l(this,"ifxFileUploadValidation",7),this.ifxFileUploadRetry=l(this,"ifxFileUploadRetry",7)}get hostElement(){return this}dragAndDrop=!1;required=!1;disabled=!1;maxFileSizeMB=7;allowedFileTypes=void 0;additionalAllowedFileTypes=[];allowAnyFileType=!1;allowedFileExtensions=[];uploadHandler;_maxFiles;get maxFiles(){return this._maxFiles}set maxFiles(e){"number"==typeof e&&e<1?(console.warn("Invalid `maxFiles` value. Must be >= 1. Value ignored."),this._maxFiles=void 0):this._maxFiles=e}label="Label";labelRequiredError="At least one file must be uploaded";labelBrowseFiles="Browse files";labelDragAndDrop="Drag & Drop or browse files to upload";labelUploadedFilesHeading="Uploaded files";labelFileTooLarge="Upload failed. Max file size: {{size}}MB.";labelUnsupportedFileType="Unsupported file type.";labelUploaded="Successfully uploaded";labelUploadFailed="Upload failed. Please try again.";labelSupportedFormatsTemplate="Supported file formats: {{types}}. Max file size: {{size}}MB.";labelFileSingular="file";labelFilePlural="files";labelMaxFilesInfo="Up to {{count}} {{files}}.";labelMaxFilesExceeded="Upload limit exceeded. Only {{count}} {{files}} allowed.";ariaLabelBrowseFiles="Browse files";ariaLabelDropzone="Upload area. Click to browse or drag and drop files.";ariaLabelFileInput="Upload file";ariaLabelRemoveFile="Remove file";ariaLabelCancelUpload="Cancel upload";ariaLabelRetryUpload="Retry upload";ariaLabelUploadingStatus="Upload in progress";ariaLabelUploadedStatus="Upload completed";ariaLabelUploadFailedStatus="Upload failed";showDemoStates;internalId="ifx-file-upload-"+Math.random().toString(36).substr(2,9);isDragOver=!1;files=[];uploadTasks=[];rejectedSizeFiles=[];rejectedTypeFiles=[];requiredError=!1;statusMessage=null;ifxFileUploadAdd;ifxFileUploadRemove;ifxFileUploadChange;ifxFileUploadError;ifxFileUploadInvalid;ifxFileUploadStart;ifxFileUploadComplete;ifxFileUploadAllComplete;ifxFileUploadAbort;ifxFileUploadDrop;ifxFileUploadClick;ifxFileUploadMaxFilesExceeded;ifxFileUploadValidation;ifxFileUploadRetry;fileInputEl=null;extensionToMimeMap={jpg:"image/jpeg",jpeg:"image/jpeg",png:"image/png",gif:"image/gif",svg:"image/svg+xml",webp:"image/webp",pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",tsv:"text/tab-separated-values",txt:"text/plain",csv:"text/csv",json:"application/json",mp3:"audio/mpeg",wav:"audio/wav",mp4:"video/mp4",mov:"video/quicktime",webm:"video/webm",zip:["application/zip","application/x-zip-compressed"],rar:"application/vnd.rar",tar:"application/x-tar",gz:"application/gzip",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript"};validateRequired(){this.required&&0===this.files.length?(this.requiredError=!0,this.statusMessage?.text!==this.labelRequiredError&&(this.statusMessage={type:"error",text:this.labelRequiredError}),this.ifxFileUploadValidation.emit({valid:!1})):(this.requiredError=!1,this.statusMessage?.text===this.labelRequiredError&&(this.statusMessage=null),this.ifxFileUploadValidation.emit({valid:!0}))}pluralize(e){return this.allowAnyFileType?1===e?"file":"files":1===e?this.labelFileSingular:this.labelFilePlural}getNormalizedFileTypes(){if(!this.allowedFileTypes&&this.allowedFileExtensions&&this.getNormalizedFileExtensions().length>0)return[];if(!this.allowedFileTypes)return["jpg","jpeg","png","pdf","xls","xlsx","tsv","mov","mp3","mp4"];if(Array.isArray(this.allowedFileTypes))return this.allowedFileTypes;try{return JSON.parse(this.allowedFileTypes)}catch{return this.allowedFileTypes.split(",").map((e=>e.trim()))}}getNormalizedFileExtensions(){if(!this.allowedFileExtensions)return[];if(Array.isArray(this.allowedFileExtensions))return this.allowedFileExtensions;try{return JSON.parse(this.allowedFileExtensions)}catch{return this.allowedFileExtensions.split(",").map((e=>e.trim()))}}isFileTypeAllowed(e){if(this.allowAnyFileType)return!0;const i=this.getFileExtension(e.name),l=this.getNormalizedFileTypes();if(l.flatMap((e=>{const i=this.extensionToMimeMap[e.toLowerCase()];return i?Array.isArray(i)?i:[i]:[]})).filter(Boolean).includes(e.type))return!0;if(i&&l.some((e=>e.replace(/^\./,"").toLowerCase()===i)))return!0;if(this.getAdditionalMimeTypes().includes(e.type))return!0;const s=this.getNormalizedFileExtensions();if(s.length>0&&i)for(const e of s){const l=e.startsWith(".")?e.substring(1).toLowerCase():e.toLowerCase();if(i===l)return!0}return!1}getFileExtension(e){const i=e.lastIndexOf(".");return-1===i||i===e.length-1?null:e.substring(i+1).toLowerCase()}getLabelFromMimeType(e){for(const[i,l]of Object.entries(this.extensionToMimeMap))if(Array.isArray(l)&&l.includes(e)||l===e)return i.toUpperCase();return e}handleFileChange(e){const i=e.target;i.files&&this.processFiles(i.files)}handleDrop(e){if(!this.disabled&&(e.preventDefault(),e.stopPropagation(),this.isDragOver=!1,e.dataTransfer?.files)){const i=Array.from(e.dataTransfer.files),l=[],s=[];i.forEach((e=>{this.isFileTypeAllowed(e)&&e.size<=1024*this.maxFileSizeMB*1024?l.push(e):s.push(e)})),this.ifxFileUploadDrop.emit({droppedFiles:i,acceptedFiles:l,rejectedFiles:s}),this.processFiles(e.dataTransfer.files)}}handleDragOver(e){this.disabled||(e.preventDefault(),this.isDragOver=!0)}handleDragLeave(e){this.disabled||(e.preventDefault(),this.isDragOver=!1)}processFiles(e){const i=Array.from(e),l=[],s=[],t=[];if(i.forEach((e=>{const i=this.isFileTypeAllowed(e),a=e.size<=1024*this.maxFileSizeMB*1024;if(this.files.some((i=>i.name===e.name&&i.size===e.size)))return this.ifxFileUploadInvalid.emit({file:e,reason:"duplicate"}),void this.ifxFileUploadError.emit({file:e,errorType:"duplicate",message:`File "${e.name}" is already added`,reason:"duplicate"});i&&a?l.push(e):(i||(t.push(e.name),this.ifxFileUploadInvalid.emit({file:e,reason:"invalid-type"})),a||(s.push(e.name),this.ifxFileUploadInvalid.emit({file:e,reason:"invalid-size"})),this.ifxFileUploadError.emit({file:e,errorType:i?"file-too-large":"invalid-type",message:"Invalid file rejected",reason:i?"file-too-large":"unsupported-type"}))})),this.rejectedSizeFiles=[...this.rejectedSizeFiles,...s],this.rejectedTypeFiles=[...this.rejectedTypeFiles,...t],this.maxFiles&&this.files.length+l.length>this.maxFiles){const e=this.maxFiles-this.files.length,i=l.slice(0,Math.max(e,0)),s=l.slice(e);return this.files=[...this.files,...i],i.forEach((e=>this.startUpload(e))),i.length>0&&(this.ifxFileUploadAdd.emit({addedFiles:i,files:this.files}),this.ifxFileUploadChange.emit({files:this.files})),s.forEach((e=>{this.ifxFileUploadInvalid.emit({file:e,reason:"too-many-files"}),this.ifxFileUploadError.emit({file:e,errorType:"too-many-files",message:`Upload limit exceeded. Max ${this.maxFiles} files allowed.`,reason:"too-many-files"})})),void(s.length>0&&(this.statusMessage={type:"error",text:this.labelMaxFilesExceeded.replace("{{count}}",""+this.maxFiles).replace("{{files}}",this.pluralize(this.maxFiles))},this.ifxFileUploadMaxFilesExceeded.emit({maxFiles:this.maxFiles,attempted:this.files.length+l.length})))}l.forEach((e=>this.startUpload(e))),this.files=[...this.files,...l],l.length>0&&(this.ifxFileUploadAdd.emit({addedFiles:l,files:this.files}),this.ifxFileUploadChange.emit({files:this.files})),this.validateRequired()}retryUpload(e){const i=this.uploadTasks.findIndex((i=>i.file.name===e.name));-1!==i&&(this.uploadTasks.splice(i,1),this.uploadTasks=[...this.uploadTasks]),this.ifxFileUploadRetry.emit({file:e}),this.startUpload(e)}checkAndEmitAllComplete(){if(this.uploadTasks.every((e=>e.completed||e.error))&&this.uploadTasks.some((e=>e.completed&&!e.error))){const e=this.uploadTasks.filter((e=>e.completed&&!e.error)).map((e=>e.file));this.ifxFileUploadAllComplete.emit({files:e})}}resetFileInput(){this.fileInputEl&&(this.fileInputEl.value="")}updateTaskProgress(e,i){const l=this.uploadTasks.find((i=>i.file===e));if(l){const e=Math.max(l.progress,Math.min(100,i));e!==l.progress&&(l.progress=e,this.uploadTasks=[...this.uploadTasks])}}startUpload(e){this.ifxFileUploadStart.emit({file:e});const i={file:e,progress:3,intervalId:null,completed:!1};if(this.uploadTasks=[...this.uploadTasks,i],this.uploadHandler)this.uploadHandler(e,(i=>{this.updateTaskProgress(e,i)})).then((()=>{i.progress=100,i.completed=!0,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadComplete.emit({file:e}),this.ifxFileUploadChange.emit({files:this.files}),this.checkAndEmitAllComplete()})).catch((()=>{i.error=!0,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadError.emit({file:e,errorType:"upload-failed",message:"Upload handler rejected file",reason:"custom"}),this.checkAndEmitAllComplete()}));else{const l=e.size,s=1e5;let t=0;i.intervalId=window.setInterval((()=>{t+=s/5;const a=Math.min(100,Math.round(t/l*100));this.updateTaskProgress(e,a),a>=100&&(clearInterval(i.intervalId),i.completed=!0,i.intervalId=null,this.uploadTasks=[...this.uploadTasks],this.ifxFileUploadComplete.emit({file:e}),this.ifxFileUploadChange.emit({files:this.files}),this.checkAndEmitAllComplete())}),200)}}cancelUpload(e){const i=this.uploadTasks.findIndex((i=>i.file.name===e.name));if(-1!==i){const e=this.uploadTasks[i];null!==e?.intervalId&&clearInterval(e.intervalId),this.uploadTasks=this.uploadTasks.filter(((e,l)=>l!==i))}this.files=this.files.filter((i=>i.name!==e.name)),this.ifxFileUploadAbort.emit({file:e}),this.ifxFileUploadChange.emit({files:this.files}),this.resetFileInput(),this.validateRequired()}removeFile(e){this.uploadTasks=this.uploadTasks.filter((i=>i.file.name!==e.name)),this.files=this.files.filter((i=>i.name!==e.name)),this.ifxFileUploadRemove.emit({removedFile:e,files:this.files}),this.ifxFileUploadChange.emit({files:this.files}),this.validateRequired(),this.resetFileInput(),this.maxFiles&&this.files.length<this.maxFiles&&this.statusMessage?.text!==this.labelRequiredError&&(this.statusMessage=null)}clearRejectedFile(e,i){"size"===i?this.rejectedSizeFiles=this.rejectedSizeFiles.filter((i=>i!==e)):this.rejectedTypeFiles=this.rejectedTypeFiles.filter((i=>i!==e)),this.resetFileInput(),this.maxFiles&&this.files.length<this.maxFiles&&(this.statusMessage=null),this.validateRequired()}splitFileNameParts(e){const i=e.name,l=i.lastIndexOf(".");return-1===l?{base:i,ext:""}:{base:i.substring(0,l),ext:i.substring(l)}}getFileIcon(e){const i=e.name.split(".").pop()?.toLowerCase();switch(i){case"pdf":return"file-pdf-16";case"jpg":case"jpeg":return"file-jpg-16";case"png":return"file-png-16";case"mov":return"file-mov-16";case"mp3":return"file-mp3-16";case"mp4":return"file-mp4-16";default:return"file-16"}}formatSize(e){return e>=1073741824?(e/1073741824).toFixed(1)+" GB":e>=1048576?(e/1048576).toFixed(1)+" MB":e>=1024?(e/1024).toFixed(0)+" KB":e+" B"}getAcceptAttribute(){if(this.allowAnyFileType)return"";const e=[],i=this.getNormalizedFileTypes().map((e=>"."+e.toLowerCase()));e.push(...i);const l=this.getAdditionalMimeTypes();return e.push(...l),this.getNormalizedFileExtensions().forEach((i=>{const l=i.startsWith(".")?i:"."+i;e.push(l)})),e.join(",")}getFormattedProgressText(e){return`${this.formatSize(Math.round(e.progress/100*e.file.size))} / ${this.formatSize(e.file.size)} uploaded`}getAdditionalMimeTypes(){return this.additionalAllowedFileTypes?Array.isArray(this.additionalAllowedFileTypes)?this.additionalAllowedFileTypes:this.additionalAllowedFileTypes.split(",").map((e=>e.trim())):[]}getSupportedFileText(){if(this.allowAnyFileType){let e=`All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;if(this.labelMaxFilesInfo&&this.maxFiles){const i=this.pluralize(this.maxFiles);e+=" "+this.labelMaxFilesInfo.replace("{{count}}",""+this.maxFiles).replace("{{files}}",i)}return e}const e=[],i=this.getNormalizedFileTypes().map((e=>e.toUpperCase()));e.push(...i);const l=this.getAdditionalMimeTypes().map((e=>this.getLabelFromMimeType(e)));e.push(...l);const s=this.getNormalizedFileExtensions().map((e=>(e.startsWith(".")?e.substring(1):e).toUpperCase()));e.push(...s);const t=[...new Set(e)].join(", ");let a=this.labelSupportedFormatsTemplate.replace("{{types}}",t).replace("{{size}}",""+this.maxFileSizeMB);if(this.labelMaxFilesInfo&&this.maxFiles){const e=this.pluralize(this.maxFiles);a+=" "+this.labelMaxFilesInfo.replace("{{count}}",""+this.maxFiles).replace("{{files}}",e)}return a}getFormattedFileTooLargeText(){return this.labelFileTooLarge.replace("{{size}}",""+this.maxFileSizeMB)}renderStatusMessage(){return this.statusMessage?s("div",{class:"file-upload-status file-upload-status__"+this.statusMessage.type},"error"===this.statusMessage.type&&s("ifx-icon",{icon:"c-warning-16"}),this.statusMessage.text):null}isInputDisabled(){return this.disabled||void 0!==this.maxFiles&&this.files.length>=this.maxFiles}async componentDidLoad(){if(!a(this.hostElement)){const e=o();r("ifx-file-upload",await e)}this.hostElement.hasAttribute("show-demo-states")&&(this.showDemoStates=!0),this.showDemoStates&&this.injectDemoState()}async injectDemoState(){const e=Array(5e4).fill("a").join(""),i=e+e,l=new File([e],"Image.jpg",{type:"image/jpeg"}),s=new File([i],"File.pdf",{type:"application/pdf"}),t=new File([e],"Text.docx",{type:"application/vnd.openxmlformats-officedocument.wordprocessingml.document"}),a=new File([i+i+i],"Video.mp4",{type:"video/mp4"}),o=new File(["demo"],"Script.exe",{type:"application/x-msdownload"});this.files=[s,l,t],this.uploadTasks=[{file:s,progress:100,intervalId:null,completed:!0},{file:l,progress:40,intervalId:null,completed:!1},{file:t,progress:80,intervalId:null,completed:!1,error:!0}],this.rejectedSizeFiles=[a.name],this.rejectedTypeFiles=[o.name]}async triggerDemoValidation(){this.validateRequired()}render(){return s("div",{key:"dca54a990d8e7ceab7d967ef5d668a32fe73bd1d",class:{"file-upload-wrapper":!0,disabled:this.disabled}},this.label&&s("label",{key:"13024e8c1893aa0d7140c3c7401a22426afd5135",class:"file-upload-label",htmlFor:this.internalId},this.label,this.required&&s("span",{key:"e0bdc1a2ec35cd2f3bf3808a7d0d9c8999827a11",class:"required "+(this.requiredError?"error":"")},"*")),this.dragAndDrop?this.renderDragAndDropArea():this.renderUploadArea(),(this.files.length>0||this.rejectedSizeFiles.length>0||this.rejectedTypeFiles.length>0)&&s("div",{key:"3fa499f4dec6a05ab50eb0890156f74857d0e05c",class:"file-list-wrapper"},s("div",{key:"3dd79b686a52f964d75dd323027d8862d0ea4013",class:"upload-heading"},this.labelUploadedFilesHeading),s("ul",{key:"47b913174f13cf93a28d5686d4efee5d68784d85",class:"file-list"},this.rejectedSizeFiles.map((e=>s("li",{class:"file-item upload-failed",key:"rejected-size-"+e},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:e}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:e}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(e,"size")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status","aria-label":this.labelFileTooLarge.replace("{{size}}",""+this.maxFileSizeMB)},this.getFormattedFileTooLargeText())))))),this.rejectedTypeFiles.map((e=>s("li",{class:"file-item upload-failed",key:"rejected-type-"+e},s("div",{class:"file-icon"},s("ifx-icon",{icon:"file-16"})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},this.splitFileNameParts({name:e}).base),s("span",{class:"file-name-ext"},this.splitFileNameParts({name:e}).ext)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.clearRejectedFile(e,"type")}))),s("div",{class:"file-middle-row"},s("span",{class:"file-status","aria-label":this.labelUnsupportedFileType},this.labelUnsupportedFileType)))))),this.files.map((e=>{const i=this.uploadTasks.find((i=>i.file.name===e.name)),l=i?.progress??100,t=i&&!i.completed,a=!0===i?.error,o=a?"file-item upload-failed":t?"file-item uploading":"file-item upload-success",r=`${e.name}-${e.size}`,{base:d,ext:n}=this.splitFileNameParts(e);return s("li",{class:o,key:r},s("div",{class:"file-icon"},s("ifx-icon",{icon:this.getFileIcon(e)})),s("div",{class:"file-info"},s("div",{class:"file-top-row"},s("span",{class:"file-name-wrapper"},s("span",{class:"file-name-base"},d),s("span",{class:"file-name-ext"},n)),s("div",{class:"file-actions"},s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"refresh-16",size:"s","aria-label":this.ariaLabelRetryUpload,onClick:()=>this.retryUpload(e),style:{display:a?"inline-flex":"none"}}),s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"cross-16",size:"s","aria-label":this.ariaLabelCancelUpload,onClick:()=>this.cancelUpload(e),style:{display:t?"inline-flex":"none"}}),s("ifx-icon-button",{shape:"square",variant:"tertiary",icon:"delete-forever-16",size:"s","aria-label":this.ariaLabelRemoveFile,onClick:()=>this.removeFile(e),style:{display:t?"none":"inline-flex"}}))),s("div",{class:"file-middle-row"},t&&i&&!i.error&&s("span",{class:"file-uploading","aria-label":this.ariaLabelUploadingStatus},this.getFormattedProgressText(i)),!t&&!a&&s("span",null,s("span",{class:"file-size"},this.formatSize(e.size)),s("span",{class:"file-status","aria-label":this.ariaLabelUploadedStatus},s("ifx-icon",{icon:"check-16"}),this.labelUploaded)),a&&s("span",{class:"file-status","aria-label":this.ariaLabelUploadFailedStatus},this.labelUploadFailed)),t&&i&&!i.error&&s("div",{class:"file-progress-row"},s("ifx-progress-bar",{size:"s",value:l,"show-label":"true"}))))})))))}renderUploadArea(){return s("div",{class:{"upload-button":!0}},s("ifx-button",{variant:"secondary",onClick:()=>this.fileInputEl?.click(),disabled:this.isInputDisabled(),"aria-label":this.ariaLabelBrowseFiles},s("ifx-icon",{icon:"upload-16"}),this.labelBrowseFiles),s("input",{id:this.internalId,ref:e=>{this.fileInputEl=e},type:"file",accept:this.getAcceptAttribute(),multiple:!0,onChange:e=>this.handleFileChange(e),style:{display:"none"},disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}),s("p",{class:"file-upload-info"},this.getSupportedFileText()),this.renderStatusMessage())}renderDragAndDropArea(){return s("div",{class:{disabled:this.isInputDisabled()}},s("div",{class:{"upload-dropzone":!0,"drag-over":this.isDragOver,error:this.requiredError},onClick:()=>{this.fileInputEl&&this.fileInputEl.click()},onDragOver:e=>this.handleDragOver(e),onDragLeave:e=>this.handleDragLeave(e),onDrop:e=>this.handleDrop(e),role:"button",tabIndex:0,"aria-label":this.ariaLabelDropzone},s("ifx-icon",{icon:"upload-16",class:"custom-icon"}),s("p",null,this.labelDragAndDrop),s("p",{class:"file-upload-info"},this.getSupportedFileText()),s("div",{style:{height:"0px",overflow:"hidden"}},s("input",{id:this.internalId,ref:e=>{this.fileInputEl=e},type:"file",accept:this.getAcceptAttribute(),multiple:!0,onChange:e=>this.handleFileChange(e),disabled:this.isInputDisabled(),"aria-label":this.ariaLabelFileInput}))),this.renderStatusMessage())}static get style(){return':host{font-family:var(--ifx-font-family, sans-serif)}.file-upload-wrapper{display:flex;flex-direction:column}.file-upload-wrapper.disabled{pointer-events:none}.file-upload-wrapper.disabled label,.file-upload-wrapper.disabled .file-upload-info{color:#575352}.file-upload-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;color:#1d1d1d}.file-upload-label .required{display:inline-block;margin-left:4px}.file-upload-label .required.error{color:#cd002f}.upload-dropzone{border:1px dashed #bfbbbb;padding:40px;text-align:center;cursor:pointer;color:#1d1d1d;transition:border-color 0.3s ease;border-radius:1px;background:#ffffff}.upload-dropzone ifx-icon{color:#0a8276}.upload-dropzone:hover{border:1px dashed #8d8786}.upload-dropzone.drag-over{border:1px solid #0a8276;background:#f7f7f7}.upload-dropzone.drag-over.error{border:1px solid #0a8276}.upload-dropzone.error{border-color:#cd002f}.disabled .upload-dropzone{pointer-events:none;border-color:#bfbbbb;color:#bfbbbb}.disabled .upload-dropzone ifx-icon{color:#bfbbbb}.upload-dropzone input{display:none}.file-upload-info{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0;color:#1d1d1d;margin:0;margin-top:4px}.file-upload-status{font-style:normal;font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:0.2px;margin-top:8px}.file-upload-status.file-upload-status__error{display:flex;align-items:center;color:#cd002f}.file-upload-status.file-upload-status__error ifx-icon{position:relative;top:-1px;color:#cd002f;margin-right:8px}.upload-heading{font:600 1.125rem/1.625rem "Source Sans 3";font-family:var(--ifx-font-family);margin-bottom:8px}.file-list-wrapper{margin-top:16px}.file-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.file-item{border:1px solid #bfbbbb;padding-top:12px;padding-right:16px;padding-bottom:8px;padding-left:16px;display:flex;gap:8px}.file-info{width:100%;min-width:0}.file-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-8px}.file-top-row ifx-icon{flex-shrink:0}.file-name-wrapper{display:flex;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-weight:400;font-size:0.875rem}.file-name-base{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.file-name-ext{flex-shrink:0;margin-left:0}.file-middle-row{display:flex;align-items:center;font-size:0.75rem;line-height:1rem;flex-wrap:wrap;color:#575352}.file-middle-row .file-status{margin-left:12px}.file-middle-row .file-status ifx-icon{margin-right:8px}.file-progress-row{margin-top:4px}.file-progress-row ifx-progress-bar{width:100%}.upload-success{border-color:#0a8276}.upload-success .file-status ifx-icon{position:relative;top:1px;color:#4ca460}.upload-failed{border-color:#cd002f}.upload-failed .file-status{color:#cd002f;margin-left:0}'}},[513,"ifx-file-upload",{dragAndDrop:[4,"drag-and-drop"],required:[4],disabled:[4],maxFileSizeMB:[2,"max-file-size-m-b"],allowedFileTypes:[1,"allowed-file-types"],additionalAllowedFileTypes:[1,"additional-allowed-file-types"],allowAnyFileType:[4,"allow-any-file-type"],allowedFileExtensions:[1,"allowed-file-extensions"],uploadHandler:[16],maxFiles:[6146,"max-files"],label:[1],labelRequiredError:[1,"label-required-error"],labelBrowseFiles:[1,"label-browse-files"],labelDragAndDrop:[1,"label-drag-and-drop"],labelUploadedFilesHeading:[1,"label-uploaded-files-heading"],labelFileTooLarge:[1,"label-file-too-large"],labelUnsupportedFileType:[1,"label-unsupported-file-type"],labelUploaded:[1,"label-uploaded"],labelUploadFailed:[1,"label-upload-failed"],labelSupportedFormatsTemplate:[1,"label-supported-formats-template"],labelFileSingular:[1,"label-file-singular"],labelFilePlural:[1,"label-file-plural"],labelMaxFilesInfo:[1,"label-max-files-info"],labelMaxFilesExceeded:[1,"label-max-files-exceeded"],ariaLabelBrowseFiles:[1,"aria-label-browse-files"],ariaLabelDropzone:[1,"aria-label-dropzone"],ariaLabelFileInput:[1,"aria-label-file-input"],ariaLabelRemoveFile:[1,"aria-label-remove-file"],ariaLabelCancelUpload:[1,"aria-label-cancel-upload"],ariaLabelRetryUpload:[1,"aria-label-retry-upload"],ariaLabelUploadingStatus:[1,"aria-label-uploading-status"],ariaLabelUploadedStatus:[1,"aria-label-uploaded-status"],ariaLabelUploadFailedStatus:[1,"aria-label-upload-failed-status"],isDragOver:[32],files:[32],uploadTasks:[32],rejectedSizeFiles:[32],rejectedTypeFiles:[32],requiredError:[32],statusMessage:[32],injectDemoState:[64],triggerDemoValidation:[64]}]),c=h,u=function(){"undefined"!=typeof customElements&&["ifx-file-upload","ifx-button","ifx-icon","ifx-icon-button","ifx-progress-bar"].forEach((e=>{switch(e){case"ifx-file-upload":customElements.get(t(e))||customElements.define(t(e),h);break;case"ifx-button":customElements.get(t(e))||d();break;case"ifx-icon":customElements.get(t(e))||n();break;case"ifx-icon-button":customElements.get(t(e))||p();break;case"ifx-progress-bar":customElements.get(t(e))||f()}}))};export{c as IfxFileUpload,u as defineCustomElement}

package/dist/components/ifx-filter-accordion.d.ts

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

package/dist/components/ifx-filter-accordion.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as t,h as a,t as s}from"./p-BT_2CyMS.js";import{d as n}from"./p-DMAv4MDG.js";import{d}from"./p-B2BXeRbX.js";const o=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxFilterAccordionChange=t(this,"ifxFilterAccordionChange",7)}initialized=!1;get el(){return this}expanded=!1;maxVisibleItems;count=0;totalItems=0;filterGroupName="";ifxFilterAccordionChange;componentWillLoad(){this.el.addEventListener("ifxListUpdate",this.handleCheckedChange)}componentDidLoad(){if(!this.initialized){const e=function(e){return Array.from(e.querySelectorAll("ifx-list-entry")).filter((e=>"true"===e.getAttribute("value"))).map((e=>({label:e.getAttribute("label"),value:e.getAttribute("value"),type:e.getAttribute("type")})))}(this.el);this.count=e.length,this.initialized=!0}}handleCheckedChange=e=>{const i=e.detail.selectedItems;this.count=i.length,this.ifxFilterAccordionChange.emit({filterGroupName:this.filterGroupName,selectedItems:i})};disconnectedCallback(){this.el.removeEventListener("ifxListUpdate",this.handleCheckedChange)}toggleAccordion=e=>{e.stopPropagation(),this.expanded=!this.expanded};render(){return a("div",{key:"16c2b36c5afcae7576d83e37d1ae89b54dd08558",class:"accordion "+(this.expanded?"expanded":"")},a("div",{key:"f1ffd403cdc35c563a4b2c8c6419ed4c3d206dae",class:"header "+(this.expanded?"expanded":""),onClick:this.toggleAccordion},a("div",{key:"762557b757d22758790db924715d880631009915",class:"text-and-icon "+(this.expanded?"expanded":"")},a("div",{key:"4156441a8e1de2041b1e53f5b75b31d2f4026b26",class:"text"},a("span",{key:"59f19fac72ccfa6506b9308386e12a5789d2a8e9"},this.filterGroupName),a("ifx-indicator",{key:"d4a2e2fa72f4f9b03f091eca1831681b8c2d0056",variant:"number",number:this.count})),a("ifx-icon",{key:"1e130e0f5e10df759e3203bc6b52a80407b8ea41",class:this.expanded?"":"hidden",icon:"minus-16",onClick:this.toggleAccordion}),a("ifx-icon",{key:"548beeb37a1ff352c417311a9f0ebda0500adcd2",class:this.expanded?"hidden":"",icon:"plus-16",onClick:this.toggleAccordion}))),this.expanded&&a("div",{key:"dc187cb6f90f862345de8d7fc9977ca3b63d4e68",class:"filter-accordion-container"},a("slot",{key:"47088c1788c976524fd7b0d5f0ae1c059b799861",name:"list"})))}static get style(){return".header{display:flex;align-items:flex-start;align-self:stretch;cursor:pointer;border-left:3px solid transparent;font-family:var(--ifx-font-family)}.text-and-icon{display:flex;padding:12px 16px 12px 20px;align-items:center;gap:16px;flex:1 0 0}.header.expanded{border-left:3px solid #0a8276}.text{display:flex;align-items:center;gap:8px;flex:1 0 0;color:#1d1d1d;font-family:var(--ifx-font-family);font-size:16px;font-style:normal;font-weight:600;line-height:24px}.hidden{display:none}.accordion{border-bottom:1px solid #eeeded}.filter-accordion-container{display:flex;padding:8px 16px 16px 20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-left:3px solid #0a8276}::slotted(ifx-filter-entry:nth-child(n+7)){display:none}.link{display:flex;align-items:center;gap:8px;font-family:var(--ifx-font-family)}.show-more ::slotted(ifx-filter-entry:nth-child(n+7)){display:block}.show-more .show-more-link{display:none}"}},[769,"ifx-filter-accordion",{maxVisibleItems:[2,"max-visible-items"],filterGroupName:[1,"filter-group-name"],expanded:[32],count:[32],totalItems:[32]}]),l=o,c=function(){"undefined"!=typeof customElements&&["ifx-filter-accordion","ifx-icon","ifx-indicator"].forEach((e=>{switch(e){case"ifx-filter-accordion":customElements.get(s(e))||customElements.define(s(e),o);break;case"ifx-icon":customElements.get(s(e))||n();break;case"ifx-indicator":customElements.get(s(e))||d()}}))};export{l as IfxFilterAccordion,c as defineCustomElement}

package/dist/components/ifx-filter-bar.d.ts

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

package/dist/components/ifx-filter-bar.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,d as a,t as l}from"./p-BT_2CyMS.js";import{d as r}from"./p-BQusv3OP.js";import{d as n}from"./p-DMAv4MDG.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ifxTopbarFilterChange=i(this,"ifxTopbarFilterChange",7)}get el(){return this}selectedOptions=[];ifxTopbarFilterChange;showAllFilters=!1;maxShownFilters=4;visibleSlots;async showMoreFilters(e){this.showAllFilters=e,this.updateVisibleSlots()}connectedCallback(){this.el.addEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.addEventListener("ifxFilterSearchChange",this.handleSearchChange),window.addEventListener("ifxResetFiltersEvent",this.handleResetEvent)}disconnectedCallback(){this.el.removeEventListener("ifxFilterSelect",this.handleTopbarFilterChange),this.el.removeEventListener("ifxFilterSearchChange",this.handleSearchChange),window.removeEventListener("ifxResetFiltersEvent",this.handleResetEvent)}componentWillLoad(){this.updateVisibleSlots()}updateVisibleSlots(){this.visibleSlots=this.showAllFilters?Number.MAX_SAFE_INTEGER:this.maxShownFilters}handleFilterButtonsClick=e=>{this.showMoreFilters(e)};handleResetEvent=()=>{const e=this.el.shadowRoot?.querySelector('slot[name="filter-search"]');e instanceof HTMLSlotElement&&e.assignedElements({flatten:!0}).forEach((e=>{const t=e.querySelector("ifx-filter-search").shadowRoot.querySelectorAll("ifx-search-field");t.length>0&&t.forEach((e=>{e.value=""}))})),this.selectedOptions=[],this.ifxTopbarFilterChange.emit(this.selectedOptions)};handleSearchChange=e=>{this.handleTopbarFilterChange(e)};handleTopbarFilterChange=e=>{const t=[...this.selectedOptions];if("ifxFilterSearchChange"===e.type){const{filterName:i,filterValue:s}=e.detail,a=t.findIndex((e=>e.filterName===i));-1!==a?t[a].filterValues=[s]:t.push({filterName:i,filterValues:[s],type:"text"})}else if("ifxFilterSelect"===e.type){const{filterName:i,filterValues:s,type:a}=e.detail,l=t.findIndex((e=>e.filterName===i));-1!==l?(t[l].filterValues=s,t[l].type=a):t.push({filterName:i,filterValues:s,type:a})}this.selectedOptions=t,this.ifxTopbarFilterChange.emit(this.selectedOptions)};render(){const e=Math.max(0,this.visibleSlots),t=this.el.querySelectorAll("ifx-set-filter").length,i=Array.from({length:Math.min(e,t,Number.MAX_SAFE_INTEGER)},((e,t)=>s("div",{class:"filter-slot-wrapper"},s("slot",{name:"filter-component-"+(t+1)}))));return s(a,{key:"fbdda1a578fe87df4c80b44fd07b62a20da83387"},s("div",{key:"9d489cd102877435c2d03f88204543de53d784dc",class:"search-container"},s("slot",{key:"72473788101d4215c21538783e33e4277b3cd8e9",name:"filter-search"})," "),s("div",{key:"7246f13e02dbc31a62a918693c5d4892fd6e0995",class:"components-container"},i.length>0?i:s("slot",{name:"filter-component"}),this.showMoreFilters&&s("div",{key:"4195082e13de758ac97a0dae5d296d7c204b0a3c",class:"filter-buttons-wrapper",onClick:()=>this.handleFilterButtonsClick(!this.showAllFilters)},s("ifx-button",{key:"93ee70d28b44e37679be84b433dfa0ba77bb845e",type:"button",disabled:!1,variant:"tertiary",size:"m",target:"_blank",theme:"default","full-width":"false"},s("ifx-icon",{key:"af709bfcda7e80e65d6fe57082a2187276d1e10c",icon:"filter-16"}),this.showAllFilters?"Less filters":"More filters"))))}static get style(){return":host{display:block;width:100%;font-family:var(--ifx-font-family)}.search-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-start;margin-bottom:16px}.components-container{display:flex;width:calc(100% - 48px);padding-left:24px;padding-right:24px;flex-direction:row;align-items:flex-end;align-content:flex-end;flex-wrap:wrap;gap:16px}.filter-slot-wrapper{flex-grow:1;flex-basis:100%;max-width:100%}@media (max-width: 1024px){.filter-buttons-wrapper{order:3;width:100%;display:flex;justify-content:center;padding-top:16px;}}@media (min-width: 720px) and (max-width: 1024px){.filter-slot-wrapper{flex-basis:calc((100% - 16px) / 2);max-width:calc((100% - 16px) / 2)}}@media (min-width: 1025px){.filter-slot-wrapper{flex-basis:auto;max-width:200px}::slotted([slot=filter-search]){max-width:828px}}::slotted([slot=filter-search]){flex-grow:1;flex-basis:100%;width:100%}"}},[769,"ifx-filter-bar",{maxShownFilters:[2,"max-shown-filters"],selectedOptions:[32],showAllFilters:[32],visibleSlots:[32],showMoreFilters:[64]}]),f=o,c=function(){"undefined"!=typeof customElements&&["ifx-filter-bar","ifx-button","ifx-icon"].forEach((e=>{switch(e){case"ifx-filter-bar":customElements.get(l(e))||customElements.define(l(e),o);break;case"ifx-button":customElements.get(l(e))||r();break;case"ifx-icon":customElements.get(l(e))||n()}}))};export{f as IfxFilterBar,c as defineCustomElement}