@infineon/infineon-design-system-stencil 36.1.1--canary.1935.4c802385604f5b96d3f68ddec57be22228530228.0 → 37.0.0--canary.1926.338d775337ca6e8ab9ca7c217342b19b4ebca19e.0

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

@@ -1,26 +1,42 @@
 declare const _default: {
     title: string;
+    parameters: {
+        controls: {
+            expanded: boolean;
+            sort: string;
+        };
+    };
     args: {
         name: string;
-        size: string;
         disabled: boolean;
-        batchSize: number;
-        maxItemCount: number;
         showSearch: boolean;
         showSelectAll: boolean;
+        showExpandCollapse: boolean;
         error: boolean;
         errorMessage: string;
         label: string;
         placeholder: string;
         showClearButton: boolean;
+        noResultsMessage: string;
+        showNoResultsMessage: boolean;
+        searchPlaceholder: string;
+        selectAllLabel: string;
+        expandLabel: string;
+        collapseLabel: string;
+        ariaMultiSelectLabel: string;
+        ariaMultiSelectLabelledBy: string;
+        ariaMultiSelectDescribedBy: string;
+        ariaSearchLabel: string;
+        ariaClearLabel: string;
+        ariaToggleLabel: string;
+        ariaSelectAllLabel: string;
+        ariaExpandAllLabel: string;
+        ariaCollapseAllLabel: string;
     };
     argTypes: {
-        size: {
+        disabled: {
             description: string;
-            options: {
-                'small (36px)': string;
-                'medium (40px)': string;
-            };
+            options: boolean[];
             control: {
                 type: string;
             };
@@ -34,7 +50,20 @@ declare const _default: {
                 };
             };
         };
-        disabled: {
+        name: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        showSearch: {
             description: string;
             options: boolean[];
             control: {
@@ -50,18 +79,25 @@ declare const _default: {
                 };
             };
         };
-        name: {
+        showSelectAll: {
             description: string;
-            control: string;
+            options: boolean[];
+            control: {
+                type: string;
+            };
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
                 type: {
                     summary: string;
                 };
             };
         };
-        batchSize: {
+        showExpandCollapse: {
             description: string;
+            options: boolean[];
             control: {
                 type: string;
             };
@@ -75,19 +111,20 @@ declare const _default: {
                 };
             };
         };
-        maxItemCount: {
-            control: {
-                type: string;
-            };
+        showClearButton: {
             description: string;
+            control: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
                 type: {
                     summary: string;
                 };
             };
         };
-        showSearch: {
+        showNoResultsMessage: {
             description: string;
             options: boolean[];
             control: {
@@ -103,7 +140,7 @@ declare const _default: {
                 };
             };
         };
-        showSelectAll: {
+        error: {
             description: string;
             options: boolean[];
             control: {
@@ -119,22 +156,22 @@ declare const _default: {
                 };
             };
         };
-        showClearButton: {
+        label: {
             description: string;
             control: string;
             table: {
                 category: string;
                 defaultValue: {
-                    summary: boolean;
+                    summary: string;
+                };
+                type: {
+                    summary: string;
                 };
             };
         };
-        error: {
+        placeholder: {
             description: string;
-            options: boolean[];
-            control: {
-                type: string;
-            };
+            control: string;
             table: {
                 category: string;
                 defaultValue: {
@@ -158,33 +195,185 @@ declare const _default: {
                 };
             };
         };
-        label: {
+        noResultsMessage: {
             description: string;
             control: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
                 type: {
                     summary: string;
                 };
             };
         };
-        placeholder: {
+        searchPlaceholder: {
             description: string;
             control: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
                 type: {
                     summary: string;
                 };
             };
         };
-        options: {
+        selectAllLabel: {
             description: string;
+            control: string;
             table: {
                 category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        expandLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        collapseLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaMultiSelectLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaMultiSelectLabelledBy: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaMultiSelectDescribedBy: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaSearchLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaClearLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaToggleLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaSelectAllLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaExpandAllLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaCollapseAllLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
                 type: {
                     summary: string;
-                    detail: string;
                 };
             };
         };
@@ -214,4 +403,4 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: any;
-export declare const WithLazyLoading: any;
+export declare const SingleLevel: any;

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

@@ -1,9 +1,7 @@
 export declare class Spinner {
-    el: any;
     size: string;
     variant: string;
     inverted: boolean;
-    componentWillLoad(): void;
     render(): any;
     getSizeClass(): "" | "s";
     getClassNames(): string;

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

@@ -1,8 +1,6 @@
 export declare class Status {
-    el: any;
     label: string;
     border: boolean;
     color: string;
-    componentWillLoad(): void;
     render(): any;
 }

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

@@ -1,6 +1,4 @@
 export declare class Tag {
-    el: HTMLElement;
     icon: string;
-    componentWillLoad(): void;
     render(): any;
 }

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TreeView {
-    el: HTMLElement;
     label?: string;
     disableAllItems: boolean;
     expandAllItems: boolean;
@@ -10,6 +9,5 @@ export declare class TreeView {
     handleExpandAllItemsChange(newValue: boolean): void;
     handleDisableAllItemsChange(newValue: boolean): void;
     private handleSlotRef;
-    componentWillLoad(): void;
     render(): any;
 }

package/dist/types/components.d.ts

@@ -296,19 +296,38 @@ export namespace Components {
         "variant": 'default' | 'alert-brand' | 'alert-danger';
     }
     interface IfxMultiselect {
-        "batchSize": number;
+        "ariaClearLabel": string;
+        "ariaCollapseAllLabel": string;
+        "ariaExpandAllLabel": string;
+        "ariaMultiSelectDescribedBy": string;
+        "ariaMultiSelectLabel": string;
+        "ariaMultiSelectLabelledBy": string;
+        "ariaSearchLabel": string;
+        "ariaSelectAllLabel": string;
+        "ariaToggleLabel": string;
+        "clearSelection": () => Promise<void>;
+        "collapseLabel": string;
         "disabled": boolean;
         "error": boolean;
         "errorMessage": string;
+        "expandLabel": string;
         "label": string;
-        "maxItemCount": number;
         "name": string;
-        "options": any[] | string;
+        "noResultsMessage": string;
         "placeholder": string;
+        "searchPlaceholder": string;
+        "selectAllLabel": string;
         "showClearButton": boolean;
+        "showExpandCollapse": boolean;
+        "showNoResultsMessage": boolean;
         "showSearch": boolean;
         "showSelectAll": boolean;
-        "size": string;
+    }
+    interface IfxMultiselectOption {
+        "disabled": boolean;
+        "indeterminate": boolean;
+        "selected": boolean;
+        "value": string;
     }
     interface IfxNavbar {
         "applicationName": string;
@@ -1370,6 +1389,12 @@ declare global {
         prototype: HTMLIfxMultiselectElement;
         new (): HTMLIfxMultiselectElement;
     };
+    interface HTMLIfxMultiselectOptionElement extends Components.IfxMultiselectOption, HTMLStencilElement {
+    }
+    var HTMLIfxMultiselectOptionElement: {
+        prototype: HTMLIfxMultiselectOptionElement;
+        new (): HTMLIfxMultiselectOptionElement;
+    };
     interface HTMLIfxNavbarElementEventMap {
         "ifxNavbarMobileMenuIsOpen": any;
     }
@@ -1868,6 +1893,7 @@ declare global {
         "ifx-list-entry": HTMLIfxListEntryElement;
         "ifx-modal": HTMLIfxModalElement;
         "ifx-multiselect": HTMLIfxMultiselectElement;
+        "ifx-multiselect-option": HTMLIfxMultiselectOptionElement;
         "ifx-navbar": HTMLIfxNavbarElement;
         "ifx-navbar-item": HTMLIfxNavbarItemElement;
         "ifx-navbar-profile": HTMLIfxNavbarProfileElement;
@@ -2210,21 +2236,39 @@ declare namespace LocalJSX {
         "variant"?: 'default' | 'alert-brand' | 'alert-danger';
     }
     interface IfxMultiselect {
-        "batchSize"?: number;
+        "ariaClearLabel"?: string;
+        "ariaCollapseAllLabel"?: string;
+        "ariaExpandAllLabel"?: string;
+        "ariaMultiSelectDescribedBy"?: string;
+        "ariaMultiSelectLabel"?: string;
+        "ariaMultiSelectLabelledBy"?: string;
+        "ariaSearchLabel"?: string;
+        "ariaSelectAllLabel"?: string;
+        "ariaToggleLabel"?: string;
+        "collapseLabel"?: string;
         "disabled"?: boolean;
         "error"?: boolean;
         "errorMessage"?: string;
+        "expandLabel"?: string;
         "label"?: string;
-        "maxItemCount"?: number;
         "name"?: string;
+        "noResultsMessage"?: string;
         "onIfxOpen"?: (event: IfxMultiselectCustomEvent<any>) => void;
         "onIfxSelect"?: (event: IfxMultiselectCustomEvent<any>) => void;
-        "options"?: any[] | string;
         "placeholder"?: string;
+        "searchPlaceholder"?: string;
+        "selectAllLabel"?: string;
         "showClearButton"?: boolean;
+        "showExpandCollapse"?: boolean;
+        "showNoResultsMessage"?: boolean;
         "showSearch"?: boolean;
         "showSelectAll"?: boolean;
-        "size"?: string;
+    }
+    interface IfxMultiselectOption {
+        "disabled"?: boolean;
+        "indeterminate"?: boolean;
+        "selected"?: boolean;
+        "value"?: string;
     }
     interface IfxNavbar {
         "applicationName"?: string;
@@ -2604,6 +2648,7 @@ declare namespace LocalJSX {
         "ifx-list-entry": IfxListEntry;
         "ifx-modal": IfxModal;
         "ifx-multiselect": IfxMultiselect;
+        "ifx-multiselect-option": IfxMultiselectOption;
         "ifx-navbar": IfxNavbar;
         "ifx-navbar-item": IfxNavbarItem;
         "ifx-navbar-profile": IfxNavbarProfile;
@@ -2692,6 +2737,7 @@ declare module "@stencil/core" {
             "ifx-list-entry": LocalJSX.IfxListEntry & JSXBase.HTMLAttributes<HTMLIfxListEntryElement>;
             "ifx-modal": LocalJSX.IfxModal & JSXBase.HTMLAttributes<HTMLIfxModalElement>;
             "ifx-multiselect": LocalJSX.IfxMultiselect & JSXBase.HTMLAttributes<HTMLIfxMultiselectElement>;
+            "ifx-multiselect-option": LocalJSX.IfxMultiselectOption & JSXBase.HTMLAttributes<HTMLIfxMultiselectOptionElement>;
             "ifx-navbar": LocalJSX.IfxNavbar & JSXBase.HTMLAttributes<HTMLIfxNavbarElement>;
             "ifx-navbar-item": LocalJSX.IfxNavbarItem & JSXBase.HTMLAttributes<HTMLIfxNavbarItemElement>;
             "ifx-navbar-profile": LocalJSX.IfxNavbarProfile & JSXBase.HTMLAttributes<HTMLIfxNavbarProfileElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infineon/infineon-design-system-stencil",
-  "version": "36.1.1--canary.1935.4c802385604f5b96d3f68ddec57be22228530228.0",
+  "version": "37.0.0--canary.1926.338d775337ca6e8ab9ca7c217342b19b4ebca19e.0",
   "private": false,
   "description": "Infineon design system Stencil web components",
   "homepage": "https://infineon.github.io/infineon-design-system-stencil",

package/dist/cjs/dom-utils-2c4573c2.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const isNestedInIfxComponent = (el) => {
-    let parent = el.parentNode;
-    while (parent) {
-        if (parent instanceof ShadowRoot) {
-            parent = parent.host;
-            continue;
-        }
-        if (parent instanceof HTMLElement && parent.tagName.toLowerCase().startsWith('ifx')) {
-            return true;
-        }
-        parent = parent.parentNode;
-    }
-    return false;
-};
-
-exports.isNestedInIfxComponent = isNestedInIfxComponent;
-
-//# sourceMappingURL=dom-utils-2c4573c2.js.map

package/dist/cjs/dom-utils-2c4573c2.js.map

@@ -1 +0,0 @@
-{"file":"dom-utils-2c4573c2.js","mappings":";;MAAa,sBAAsB,GAAG,CAAC,EAAe;IACpD,IAAI,MAAM,GAA6B,EAAE,CAAC,UAAU,CAAC;IAErD,OAAO,MAAM,EAAE;QACb,IAAI,MAAM,YAAY,UAAU,EAAE;YAChC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;YACrB,SAAS;SACV;QAED,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YACnF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;KAC5B;IAED,OAAO,KAAK,CAAC;AACf;;;;","names":[],"sources":["src/global/utils/dom-utils.ts"],"sourcesContent":["export const isNestedInIfxComponent = (el: HTMLElement): boolean => {\n  let parent: Node | ShadowRoot | null = el.parentNode;\n  \n  while (parent) {\n    if (parent instanceof ShadowRoot) {\n      parent = parent.host;\n      continue;\n    }\n    \n    if (parent instanceof HTMLElement && parent.tagName.toLowerCase().startsWith('ifx')) {\n      return true;\n    }\n    \n    parent = parent.parentNode;\n  }\n  \n  return false;\n};"],"version":3}