@infineon/infineon-design-system-stencil 30.3.1--canary.1643.98c66cba92c9d6f8d5a347b5a1e06750b13fff05.0 → 30.3.1--canary.1643.7211ecd65c122940faf91b9c3a7564a7eef67582.0

package/dist/infineon-design-system-stencil/{p-190ebb90.entry.js → p-fc081136.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,g as i}from"./p-80bb0959.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.stepper{display:flex;align-items:center}.stepper.compact{justify-content:space-between;align-items:center}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const p=r;const a=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.stepsCount=undefined;this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"f1854a617aa6b4df49ef214049f88663de38073c","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"2b45742f0b252764bd9c8352c6ac9fec7f6df899",class:"stepper-progress"},s("div",{key:"974d2ab9ddb9f0410a42d7b6b32d7dcb1d463eae",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"0b8254cae99242267e586c9b9d52057931f2b682",class:`stepper-wrapper`},s("slot",{key:"6c7267faee11e150e3dc565880e90ad8d99dfade"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};a.style=p;export{a as ifx_stepper};
-//# sourceMappingURL=p-190ebb90.entry.js.map
+import{r as t,c as e,h as s,g as i}from"./p-6b122987.js";const r=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.stepper{display:flex;align-items:center}.stepper.compact{justify-content:space-between;align-items:center}.stepper.compact.compact-right{flex-direction:row-reverse;text-align:left}.stepper.compact .stepper-wrapper{width:unset;flex-direction:column}.stepper.vertical{height:100%}.stepper.vertical .stepper-wrapper{flex-direction:column;width:unset;height:100%}.stepper-wrapper{display:flex;flex-direction:row;width:100%}.stepper-wrapper ::slotted(*){display:flex;flex:1;justify-content:flex-start}.stepper-progress{display:flex;justify-content:center;align-items:center;font:600 0.875rem/1.25rem "Source Sans 3";min-width:56px;height:56px;border-radius:9999px;background:conic-gradient(#0A8276 var(--pb, 0%), #8D8786 0)}.stepper-progress .progress-detail{display:flex;justify-content:center;align-items:center;text-align:center;width:48px;height:48px;border-radius:9999px;background:white}';const p=r;const a=class{constructor(s){t(this,s);this.ifxChange=e(this,"ifxChange",7);this.activeStep=1;this.indicatorPosition="left";this.showStepNumber=false;this.variant="default";this.stepsCount=undefined;this.shouldEmitEvent=true;this.emittedByClick=false}onStepChange(t){const e=this.getSteps();const s=e[t.detail.previousActiveStep-1];if(s&&!s.complete){s.setAttribute("error","true")}}handleActiveStep(t,e){const s=this.getSteps();if(!this.shouldEmitEvent){this.shouldEmitEvent=true;return}if(!s[t-1].disabled){this.emitIfxChange(t,e)}else{if(t<e){let i=t;this.shouldEmitEvent=false;while(i>=1&&s[i-1].disabled)i--;if(i<1){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}else{let i=t;this.shouldEmitEvent=false;while(i<=this.stepsCount&&s[i-1].disabled)i++;if(i>this.stepsCount){this.activeStep=e}else{this.emitIfxChange(i,e);this.activeStep=i}}}}emitIfxChange(t,e){this.ifxChange.emit({activeStep:t,previousActiveStep:e,totalSteps:this.stepsCount,emittedByClick:this.emittedByClick});this.emittedByClick=false}getSteps(){const t=this.el.querySelectorAll("ifx-step");return t}addStepIdsToStepsAndCountSteps(){const t=this.getSteps();t[t.length-1].lastStep=true;for(let e=0;e<t.length;e++){t[e].stepId=e+1}this.stepsCount=t.length}setActiveStep(t,e=false){this.emittedByClick=e;this.activeStep=t}setStepsBeforeActiveToComplete(){const t=this.getSteps();t.forEach(((t,e)=>{if(e+1<this.activeStep)t.complete=true}))}syncIfxSteps(){const t=this.getSteps();for(let e=0;e<t.length;e++){const s={activeStep:this.activeStep,indicatorPosition:this.indicatorPosition!=="right"?"left":"right",showStepNumber:this.showStepNumber,variant:this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant,setActiveStep:this.setActiveStep.bind(this)};t[e].stepperState=s}}setInitialActiveStep(){this.activeStep=Math.max(1,Math.min(this.stepsCount+(this.variant!=="compact"?1:0),this.activeStep))}componentWillLoad(){this.addStepIdsToStepsAndCountSteps();this.setInitialActiveStep();this.setStepsBeforeActiveToComplete()}componentDidLoad(){this.syncIfxSteps()}componentWillUpdate(){this.syncIfxSteps()}render(){return s("div",{key:"f1854a617aa6b4df49ef214049f88663de38073c","aria-label":"a stepper",role:"navigation",class:`stepper ${this.variant!=="compact"&&this.variant!=="vertical"?"default":this.variant} ${this.variant==="compact"?"compact-"+this.indicatorPosition:""}`},this.variant==="compact"&&s("div",{key:"2b45742f0b252764bd9c8352c6ac9fec7f6df899",class:"stepper-progress"},s("div",{key:"974d2ab9ddb9f0410a42d7b6b32d7dcb1d463eae",class:"progress-detail"},`${Math.min(this.activeStep,this.stepsCount)} of ${this.stepsCount}`)),s("div",{key:"0b8254cae99242267e586c9b9d52057931f2b682",class:`stepper-wrapper`},s("slot",{key:"6c7267faee11e150e3dc565880e90ad8d99dfade"})))}componentDidRender(){if(this.variant=="compact"){const t=this.el.shadowRoot.querySelector(".stepper-progress");t.style.setProperty("--pb",`${this.activeStep/this.stepsCount*100}%`)}}get el(){return i(this)}static get watchers(){return{activeStep:["handleActiveStep"]}}};a.style=p;export{a as ifx_stepper};
+//# sourceMappingURL=p-fc081136.entry.js.map

package/dist/infineon-design-system-stencil/{p-db956276.entry.js → p-fea52bc2.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as o}from"./p-80bb0959.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-orange{border:1px solid #E16B25}.container.border-ocean{border:1px solid #0A8276}.container.border-grey{border:1px solid #575352}.container.border-light-grey{border:1px solid #BFBBBB}.container.border-red{border:1px solid #CD002F}.container.border-green{border:1px solid #4CA460}.container.border-berry{border:1px solid #9C216E}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.orange{background-color:#E16B25}.dot.ocean{background-color:#0A8276}.dot.grey{background-color:#575352}.dot.light-grey{background-color:#BFBBBB}.dot.red{background-color:#CD002F}.dot.green{background-color:#4CA460}.dot.berry{background-color:#9C216E}';const a=e;const n=class{constructor(o){r(this,o);this.label=undefined;this.border=false;this.color="orange"}render(){const r=this.border?`container border-${this.color}`:"container no-border";return o("div",{key:"19a3eab541d00aba6fe122b0dcf614b78c1ac913","aria-label":"a status indicator","aria-value":this.label,class:r},o("span",{key:"0e72f1e4274f0bb7c2beda4bb95d0fb2eb5d2abf",class:`dot ${this.color}`}),o("p",{key:"11717011847ac449fac6e57ac2f73a2b20acde7e",class:"text"},this.label))}};n.style=a;export{n as ifx_status};
-//# sourceMappingURL=p-db956276.entry.js.map
+import{r,h as o}from"./p-6b122987.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-block}.container{display:flex;min-height:1.25em;align-items:center;padding:0 8px;border-radius:9999px;font-family:var(--ifx-font-family)}.container.no-border{padding:0}.container.border-orange{border:1px solid #E16B25}.container.border-ocean{border:1px solid #0A8276}.container.border-grey{border:1px solid #575352}.container.border-light-grey{border:1px solid #BFBBBB}.container.border-red{border:1px solid #CD002F}.container.border-green{border:1px solid #4CA460}.container.border-berry{border:1px solid #9C216E}.text{margin:0;padding-left:4px;font-style:normal;font-weight:600;font-size:1rem;line-height:1.25rem;display:inline;color:#1D1D1D}.dot{display:inline-block;width:8px;height:8px;border-radius:9999px}.dot.orange{background-color:#E16B25}.dot.ocean{background-color:#0A8276}.dot.grey{background-color:#575352}.dot.light-grey{background-color:#BFBBBB}.dot.red{background-color:#CD002F}.dot.green{background-color:#4CA460}.dot.berry{background-color:#9C216E}';const a=e;const n=class{constructor(o){r(this,o);this.label=undefined;this.border=false;this.color="orange"}render(){const r=this.border?`container border-${this.color}`:"container no-border";return o("div",{key:"19a3eab541d00aba6fe122b0dcf614b78c1ac913","aria-label":"a status indicator","aria-value":this.label,class:r},o("span",{key:"0e72f1e4274f0bb7c2beda4bb95d0fb2eb5d2abf",class:`dot ${this.color}`}),o("p",{key:"11717011847ac449fac6e57ac2f73a2b20acde7e",class:"text"},this.label))}};n.style=a;export{n as ifx_status};
+//# sourceMappingURL=p-fea52bc2.entry.js.map

package/dist/types/components/tabs/tab.d.ts

@@ -1,8 +1,11 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class IfxTab {
     el: HTMLElement;
     header: string;
     disabled: boolean;
     icon: string;
     iconPosition: 'left' | 'right';
+    tabHeaderChange: EventEmitter;
+    componentWillUpdate(): void;
     render(): any;
 }

package/dist/types/components/tabs/tabs.d.ts

@@ -3,6 +3,7 @@ export declare class IfxTabs {
     el: HTMLElement;
     orientation: string;
     activeTabIndex: number;
+    fullWidth: boolean;
     internalOrientation: string;
     internalActiveTabIndex: number;
     internalFocusedTabIndex: number;
@@ -13,6 +14,7 @@ export declare class IfxTabs {
     ifxTabChange: EventEmitter;
     updateBorderOnWindowResize(): void;
     setActiveAndFocusedTab(index: number): void;
+    handleTabHeaderChange(e: any): void;
     activeTabIndexChanged(newValue: number, oldValue: number): void;
     componentWillLoad(): void;
     updateTabStyles(): void;

package/dist/types/components/tabs/tabs.stories.d.ts

@@ -20,6 +20,13 @@ declare const _default: {
                 type: string;
             };
         };
+        fullWidth: {
+            name: string;
+            control: {
+                type: string;
+            };
+            description: string;
+        };
         iconPosition: {
             name: string;
             options: string[];

package/dist/types/components.d.ts

@@ -520,6 +520,7 @@ export namespace Components {
     }
     interface IfxTabs {
         "activeTabIndex": number;
+        "fullWidth": boolean;
         "orientation": string;
     }
     interface IfxTag {
@@ -705,6 +706,10 @@ export interface IfxSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIfxSwitchElement;
 }
+export interface IfxTabCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLIfxTabElement;
+}
 export interface IfxTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLIfxTabsElement;
@@ -1535,7 +1540,18 @@ declare global {
         prototype: HTMLIfxSwitchElement;
         new (): HTMLIfxSwitchElement;
     };
+    interface HTMLIfxTabElementEventMap {
+        "tabHeaderChange": any;
+    }
     interface HTMLIfxTabElement extends Components.IfxTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLIfxTabElementEventMap>(type: K, listener: (this: HTMLIfxTabElement, ev: IfxTabCustomEvent<HTMLIfxTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLIfxTabElementEventMap>(type: K, listener: (this: HTMLIfxTabElement, ev: IfxTabCustomEvent<HTMLIfxTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLIfxTabElement: {
         prototype: HTMLIfxTabElement;
@@ -2177,6 +2193,7 @@ declare namespace LocalJSX {
         "header"?: string;
         "icon"?: string;
         "iconPosition"?: 'left' | 'right';
+        "onTabHeaderChange"?: (event: IfxTabCustomEvent<any>) => void;
     }
     interface IfxTable {
         "cols"?: any;
@@ -2190,6 +2207,7 @@ declare namespace LocalJSX {
     }
     interface IfxTabs {
         "activeTabIndex"?: number;
+        "fullWidth"?: boolean;
         "onIfxTabChange"?: (event: IfxTabsCustomEvent<any>) => void;
         "orientation"?: string;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "30.3.1--canary.1643.98c66cba92c9d6f8d5a347b5a1e06750b13fff05.0",
+  "version": "30.3.1--canary.1643.7211ecd65c122940faf91b9c3a7564a7eef67582.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",