@infineon/infineon-design-system-stencil 35.5.0--canary.1904.c3cb7254ae476891ebdb18f1579f66379ad24854.0 → 36.0.0--canary.1926.3b76d5defe8b9a743d9ec0dd5e6879c04e8055c0.0

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -1,5 +1,4 @@
 export declare class ProgressBar {
-    el: HTMLElement;
     value: number;
     size: string;
     showLabel: boolean;

package/dist/types/components/search-field/search-field.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SearchField {
-    el: any;
     private inputElement;
     value: string;
     ifxInput: EventEmitter<String>;
@@ -18,7 +17,6 @@ export declare class SearchField {
     handleInput: () => void;
     handleDelete: () => void;
     focusInput(): void;
-    componentWillLoad(): void;
     componentWillUpdate(): void;
     render(): any;
     getSizeClass(): "" | "search-field__wrapper-s";

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -17,7 +17,6 @@ export declare class SegmentedControl {
     getSegments(): NodeList;
     setActiveSegment(): void;
     setSegmentSize(): void;
-    componentWillLoad(): void;
     componentDidLoad(): void;
     render(): any;
     componentDidRender(): void;

package/dist/types/components/select/multi-select/interfaces.d.ts

@@ -1,7 +1,7 @@
 export interface Option {
     value: string;
-    label: string;
     selected?: boolean;
+    disabled?: boolean;
     indeterminate?: boolean;
     children?: Option[];
     checkboxRef?: HTMLIfxCheckboxElement;

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

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

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

@@ -2,91 +2,68 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { Option } from './interfaces';
 export declare class Multiselect {
     name: string;
-    options: any[] | string;
-    batchSize: number;
-    size: string;
     disabled: boolean;
     error: boolean;
-    internalError: boolean;
     errorMessage: string;
-    internalErrorMessage: string;
     label: string;
-    persistentSelectedOptions: Option[];
     placeholder: string;
-    dropdownOpen: boolean;
-    dropdownFlipped: boolean;
-    maxItemCount: number;
-    static globalZIndex: number;
-    private currentIndex;
-    isLoading: boolean;
-    loadedOptions: Option[];
-    filteredOptions: Option[];
     showSearch: boolean;
     showSelectAll: boolean;
     showClearButton: boolean;
-    optionCount: number;
-    optionsProcessed: boolean;
+    showExpandCollapse: boolean;
+    noResultsMessage: string;
+    showNoResultsMessage: boolean;
+    searchPlaceholder: string;
+    selectAllLabel: string;
+    expandLabel: string;
+    collapseLabel: string;
+    ariaLabel: string;
+    ariaLabelledBy: string;
+    ariaDescribedBy: string;
+    ariaSearchLabel: string;
+    ariaClearLabel: string;
+    ariaToggleLabel: string;
+    ariaSelectAllLabel: string;
+    ariaExpandAllLabel: string;
+    ariaCollapseAllLabel: string;
+    internalError: boolean;
+    internalErrorMessage: string;
+    persistentSelectedOptions: Option[];
+    dropdownOpen: boolean;
+    dropdownFlipped: boolean;
+    searchTerm: string;
     ifxSelect: EventEmitter;
     ifxOpen: EventEmitter;
     el: HTMLElement;
     dropdownElement: HTMLElement;
     internals: ElementInternals;
-    updateOptions(): void;
-    loadInitialOptions(): Promise<void>;
-    fetchMoreOptions(): Promise<void>;
-    handleScroll(event: UIEvent): void;
-    fetchOptions(startIndex: number, count: number): Promise<Option[]>;
-    /**
-     * Collects and returns all options that are selected.
-     * When the parent is selected, then the value of the children will be overriden with selected as well.
-     * It will only collect the leaves of the tree.
-     *
-     * @param options A list of options.
-     * @returns A list with all selected options
-     */
+    private parseChildOptions;
+    private parseOptionElement;
+    loadInitialOptions(): void;
     private collectSelectedOptions;
-    /**
-     * Collects all leaf children options.
-     *
-     * @param option A list with all leaf-children.
-     */
     private collectLeafOptions;
-    /**
-     * Count the number of options. Only counts the leaves of the options tree.
-     */
-    countOptions(options: Option[]): number;
     handleSearch: (...args: any[]) => void;
+    private handleSearchFocus;
+    positionDropdown(): void;
+    updateSlotBasedSelections(emitEvent?: boolean): void;
+    private updateInitialParentStates;
+    private updateParentState;
     componentDidLoad(): void;
     componentWillLoad(): void;
     updateInternalError(): void;
     updateInternalErrorMessage(): void;
-    loadedOptionsChanged(): void;
     onSelectionChange(newValue: Option[], _: Option[]): void;
-    handleOptionClick(option: Option): void;
-    isSelectionLimitReached(option: Option): boolean;
-    updateSelection(option: Option): void;
-    selectAll(): Promise<void>;
-    private selectAllRecursive;
-    handleParentOptionClick(option: Option): void;
-    handleChildOptionClick(option: Option, wasSelected: boolean): void;
-    updateParentSelectedState(): void;
+    collapseAll(): void;
+    expandAll(): void;
+    selectAll(): void;
+    clearSelection(): Promise<void>;
     handleDocumentClick: (event: Event) => void;
-    getSizeClass(): "small-select" | "medium-select";
     toggleDropdown(): void;
-    waitForElement(querySelectorFunc: Function, callback: Function, maxTries?: number): void;
-    handleKeyDown(event: KeyboardEvent): void;
+    private resetSearch;
     handleWrapperClick(event: MouseEvent): void;
-    clearSelection(): void;
-    positionDropdown(): void;
-    private updateHighlightedOption;
-    private handleArrowDown;
-    private handleArrowUp;
-    handleOptionKeyDown(e: KeyboardEvent, option: Option): void;
-    renderOption(option: Option, index: number): any;
-    isOptionSelected(option: Option): boolean;
-    isOptionIndeterminate(option: Option): boolean;
-    findInOptions(options: Option[], searchTerm: string): Option | null;
-    renderSubOption(option: Option, index: string): any;
+    handleKeyDown(event: KeyboardEvent): void;
+    private focusFirstOption;
     private renderSelectAll;
+    private renderNoResultsMessage;
     render(): any;
 }

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;
+        ariaLabel: string;
+        ariaLabelledBy: string;
+        ariaDescribedBy: 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;
+                };
+            };
+        };
+        ariaLabel: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaLabelledBy: {
+            description: string;
+            control: string;
+            table: {
+                category: string;
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        ariaDescribedBy: {
+            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;
 }