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

package/dist/components/p-1ecafb97.js

@@ -1,18 +0,0 @@
-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;
-};
-
-export { isNestedInIfxComponent as i };
-
-//# sourceMappingURL=p-1ecafb97.js.map

package/dist/components/p-1ecafb97.js.map

@@ -1 +0,0 @@
-{"file":"p-1ecafb97.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}

package/dist/components/p-24382260.js.map

@@ -1 +0,0 @@
-{"file":"p-24382260.js","mappings":"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","names":[],"sources":["src/components/text-field/text-field.scss?tag=ifx-text-field&encapsulation=shadow","src/components/text-field/text-field.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: flex;\n}\n\n.textInput__container {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 0px;\n  width: 100%;\n  flex: none;\n  order: 0;\n  align-self: stretch;\n  flex-grow: 0;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n\n  &.disabled {\n    & .textInput__top-wrapper {\n      & label {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    & .textInput__bottom-wrapper {\n      input {\n        border: 1px solid tokens.$ifxColorEngineering500;\n        background-color: tokens.$ifxColorEngineering200;\n\n        &::placeholder {\n          font-size: tokens.$ifxFontSizeS;\n          color: tokens.$ifxColorEngineering500;\n        }\n      }\n    }\n  }\n\n  & .textInput__top-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    flex: none;\n    order: 0;\n    align-self: stretch;\n    flex-grow: 0;\n\n    & label {\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex: none;\n      order: 0;\n      flex-grow: 0;\n\n      & .optional-required {\n        margin-left: 4px;\n      }\n\n      & .optional {\n        margin-left: 4px;\n      }\n\n      & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n    }\n  }\n\n  .input-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n  }\n\n\n  & .textInput__bottom-wrapper {\n    flex-grow: 1;\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    flex: none;\n    order: 1;\n    align-self: stretch;\n    flex-grow: 0;\n\n    & input {\n      width: 100%;\n      box-sizing: border-box;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n      gap: tokens.$ifxSpace100;\n      height: tokens.$ifxSize500;\n      background-color: tokens.$ifxColorBaseWhite;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n      border: 1px solid tokens.$ifxColorEngineering400;\n      border-radius: tokens.$ifxBorderRadius12;\n      flex: none;\n      order: 0;\n      align-self: stretch;\n      flex-grow: 0;\n      text-overflow: ellipsis;\n\n      &.input-s {\n        height: tokens.$ifxSize450;\n        font-size: tokens.$ifxFontSizeS;\n        line-height: tokens.$ifxLineHeightS;\n\n        &::placeholder {\n          font-size: tokens.$ifxFontSizeS;\n          line-height: tokens.$ifxLineHeightS;\n        }\n\n      }\n\n      &.icon {\n        padding-left: tokens.$ifxSpace500;\n      }\n\n      &.error {\n        border: 1px solid #CD002F;\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n      &.success {\n        border: 1px solid #4CA460;\n\n        &:focus {\n          outline: none;\n        }\n      }\n\n\n      &:focus:not(.error, .success) {\n        outline: none;\n        border: 1px solid tokens.$ifxColorOcean500;\n      }\n\n      &:hover:not(:disabled, :focus, .error, .success) {\n        border: 1px solid tokens.$ifxColorEngineering500;\n      }\n\n      &::placeholder {\n        font-style: normal;\n        font-weight: 400;\n        font-size: tokens.$ifxFontSizeM;\n        line-height: tokens.$ifxLineHeightM;\n        color: #8D8786;\n        flex: none;\n        order: 1;\n        flex-grow: 1;\n      }\n    }\n\n    & .input-icon {\n      // Position the icon within the icon container\n      // Adjust the positioning as needed\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      left: tokens.$ifxSpace200;\n      /* Adjust this value to control the icon's left offset */\n      transition: .3s;\n      color: tokens.$ifxColorEngineering400;\n    }\n\n    & .textInput__bottom-wrapper-caption {\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeXs;\n      line-height: tokens.$ifxLineHeightXs;\n      letter-spacing: 0.2px;\n      color: tokens.$ifxColorBaseBlack;\n      flex: none;\n      order: 1;\n      align-self: stretch;\n      flex-grow: 0;\n\n      &.error {\n        color: #CD002F;\n\n      }\n\n      &.disabled {\n        color: tokens.$ifxColorEngineering500;\n      }\n    }\n\n    \n  }\n  .delete-icon {\n    position: absolute;\n    right: tokens.$ifxSpace200;\n\n    :hover {\n      cursor: pointer;\n    }\n  }\n}","import { Component, h, Event, Element, Prop, EventEmitter, Watch, Method, AttachInternals, State } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\n\n@Component({\n  tag: 'ifx-text-field',\n  styleUrl: 'text-field.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class TextField {\n  private inputElement: HTMLInputElement;\n  @Element() el;\n  @Prop() placeholder: string = \"Placeholder\"\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() error: boolean = false;\n  @Prop() label: string = \"\";\n  @Prop() icon: string = \"\";\n  @Prop() caption: string = \"\";\n  @Prop() size: string = 'm';\n  @Prop() required: boolean = false;\n  @Prop() optional: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() maxlength?: number;\n  @Prop() showDeleteIcon: boolean = false;\n  @Prop() autocomplete: string = 'on'\n  @Prop() type: 'text' | 'password' = 'text';\n  @Prop() internalId: string = \"text-field\"\n  @State() internalType: string;\n  @Event() ifxInput: EventEmitter<String>;\n  // @Prop({ reflect: true })\n  // resetOnSubmit: boolean = false;\n\n  @AttachInternals() internals: ElementInternals;\n\n\n  @Watch('value')\n  valueWatcher(newValue: string) {\n    if (newValue !== this.inputElement.value) {\n      this.inputElement.value = newValue;\n    }\n  }\n\n  @Method()\n  async reset() {\n    this.value = '';\n    this.inputElement.value = '';\n  }\n\n  handleDeleteContent() {\n    this.reset();\n    this.ifxInput.emit(this.value);\n  }\n\n  handleInput() {\n    const query = this.inputElement.value;\n    this.value = query; // update the value property when input changes\n    this.internals.setFormValue(query) // update form value\n    this.ifxInput.emit(this.value);\n  }\n\n  handleTypeProp() { \n   this.internalType = this.type === 'text' || this.type === 'password' ? this.type : 'text'\n  }\n\n  formResetCallback() {\n    this.internals.setValidity({});\n    this.internals.setFormValue(\"\");\n  }\n\n  componentWillLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      trackComponent('ifx-text-field')\n    }\n    this.handleTypeProp()\n  }\n\n  render() {\n    return (\n      <div aria-label=\"a text field for user input\" aria-value={this.value} aria-disabled={this.disabled} class={`textInput__container ${this.disabled ? 'disabled' : \"\"}`}>\n        <div class=\"textInput__top-wrapper\">\n          <label htmlFor={this.internalId}>\n            <slot></slot>\n            {this.optional && this.required ? (\n              <span class=\"optional-required\">(optional) *</span>\n            ) : this.optional ? (\n              <span class=\"optional\">(optional)</span>\n            ) : this.required ? (\n              <span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n            ) : null}\n          </label>\n        </div>\n\n        <div class=\"textInput__bottom-wrapper\">\n          <div class=\"input-container\">\n            {this.icon && (\n              <ifx-icon class='input-icon' icon={this.icon} />\n            )}\n            <input\n              ref={(el) => (this.inputElement = el)}\n              disabled={this.disabled}\n              autocomplete={this.autocomplete}\n              type={this.internalType}\n              id={this.internalId}\n              value={this.value}\n              onInput={() => this.handleInput()}\n              placeholder={this.placeholder}\n              maxlength={this.maxlength}\n              class={\n                `${this.icon ? 'icon' : \"\"}\n                ${this.error ? 'error' : \"\"} \n              ${this.size === \"s\" ? \"input-s\" : \"\"}\n              ${this.success ? \"success\" : \"\"}`} />\n\n              { (this.showDeleteIcon && this.value) && (\n                <ifx-icon class=\"delete-icon\" icon=\"cRemove16\" onClick={() => this.handleDeleteContent()}></ifx-icon> \n              )}\n          </div>\n          {this.caption && !this.error &&\n            <div class={`textInput__bottom-wrapper-caption ${this.disabled} ? disabled : \"\"`}>\n              {this.caption}\n            </div>}\n          {this.error &&\n            <div class=\"textInput__bottom-wrapper-caption error\">\n              {this.caption}\n            </div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-347a1b14.js

@@ -1,603 +0,0 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { t as trackComponent } from './p-6ecb6a6f.js';
-import { i as isNestedInIfxComponent } from './p-1ecafb97.js';
-import { d as defineCustomElement$3 } from './p-13126216.js';
-import { d as defineCustomElement$2 } from './p-68016aea.js';
-import { d as defineCustomElement$1 } from './p-4fc475c9.js';
-
-const multiselectCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.small-select{height:36px}.ifx-multiselect-container.medium-select{height:40px}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal}.ifx-multiselect-container .ifx-multiselect-wrapper.small-select{height:36px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .ifx-multiselect-wrapper.medium-select{height:40px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:\"\";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;align-items:center;display:flex}.ifx-multiselect-container .ifx-clear-button{display:flex}.ifx-multiselect-container .ifx-clear-button.hide{display:none}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{position:absolute;top:100%;left:0;width:100%;margin-top:2px;background-color:#fff;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;overflow-y:auto;z-index:1000}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input{position:sticky;top:0;left:0;z-index:1;width:100%;padding:8px 16px;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:400;box-sizing:border-box;background-color:#FFFFFF;border:none;border-bottom:1px solid #8D8786}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input:focus{outline:none;border:1px solid #0A8276}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input::placeholder{color:#999}.ifx-multiselect-container .option{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;font-style:normal;font-weight:400}.ifx-multiselect-container .option.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .option.medium-select{font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .option:hover{background-color:#EEEDED}.ifx-multiselect-container .option:focus:not(.disabled){background-color:#BFBBBB;outline:none}.ifx-multiselect-container .option.is-highlighted{background-color:#EEEDED}.ifx-multiselect-container .option.sub-option{padding-left:30px;}.ifx-multiselect-container .option.disabled:hover{cursor:default}.ifx-multiselect-container .option label{cursor:inherit}.select-all-wrapper{padding-top:8px}";
-const IfxMultiselectStyle0 = multiselectCss;
-
-// Debounce function
-function debounce(func, wait) {
-    let timeout;
-    return function executedFunction(...args) {
-        const later = () => {
-            clearTimeout(timeout);
-            func(...args);
-        };
-        clearTimeout(timeout);
-        timeout = setTimeout(later, wait);
-    };
-}
-const Multiselect = /*@__PURE__*/ proxyCustomElement(class Multiselect extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.ifxSelect = createEvent(this, "ifxSelect", 7);
-        this.ifxOpen = createEvent(this, "ifxOpen", 7);
-        this.internals = this.attachInternals();
-        this.batchSize = 50;
-        this.size = 'medium (40px)';
-        this.disabled = false;
-        this.error = false;
-        this.internalError = false;
-        this.errorMessage = "Error";
-        this.label = "";
-        this.persistentSelectedOptions = [];
-        this.placeholder = "";
-        this.dropdownOpen = false;
-        this.currentIndex = 0; //needed for option selection using keyboard
-        this.isLoading = false;
-        this.loadedOptions = [];
-        this.filteredOptions = [];
-        this.showSearch = true;
-        this.showSelectAll = true;
-        this.showClearButton = true;
-        this.optionCount = 0; // number of all options (leaves of the tree)
-        this.optionsProcessed = false; // flag whether options have already been counted, intial selections saved
-        this.handleSearch = debounce((targetElement) => {
-            const searchTerm = targetElement.value.toLowerCase();
-            if (searchTerm === '') {
-                this.filteredOptions = this.loadedOptions;
-            }
-            else {
-                this.filteredOptions = this.loadedOptions.filter(option => {
-                    const matchesSearchTerm = option.label.toLowerCase().includes(searchTerm);
-                    if (option.children) {
-                        const childrenMatch = option.children.some(child => {
-                            return child.label.toLowerCase().includes(searchTerm);
-                        });
-                        return matchesSearchTerm || childrenMatch;
-                    }
-                    return matchesSearchTerm;
-                });
-            }
-        }, 300);
-        this.handleDocumentClick = (event) => {
-            const path = event.composedPath();
-            if (!path.includes(this.dropdownElement)) {
-                this.dropdownOpen = false;
-                document.removeEventListener('click', this.handleDocumentClick);
-                this.filteredOptions = this.loadedOptions;
-                // Dispatch the ifxMultiselectIsOpen event
-                this.ifxOpen.emit(this.dropdownOpen);
-            }
-        };
-    }
-    updateOptions() {
-        this.loadedOptions = [];
-        this.filteredOptions = [];
-        this.optionCount = 0;
-        this.optionsProcessed = false;
-        this.persistentSelectedOptions = [];
-        this.loadInitialOptions();
-    }
-    async loadInitialOptions() {
-        this.isLoading = true;
-        this.internalError = this.error;
-        this.internalErrorMessage = this.errorMessage;
-        // Load the first batch of options (e.g., first 20)
-        this.loadedOptions = await this.fetchOptions(0, this.batchSize);
-        this.isLoading = false;
-    }
-    async fetchMoreOptions() {
-        this.isLoading = true;
-        const moreOptions = await this.fetchOptions(this.loadedOptions.length, this.batchSize);
-        this.loadedOptions = [...this.loadedOptions, ...moreOptions];
-        this.isLoading = false;
-    }
-    handleScroll(event) {
-        const element = event.target;
-        const halfwayPoint = Math.floor((element.scrollHeight - element.clientHeight) / 2); //loading more options when the user has scrolled halfway through the current list
-        if (element.scrollTop >= halfwayPoint) {
-            this.fetchMoreOptions();
-        }
-    }
-    async fetchOptions(startIndex, count) {
-        let allOptions = [];
-        // Parse options if it's a string, or use directly if it's an array
-        if (typeof this.options === 'string') {
-            try {
-                allOptions = JSON.parse(this.options);
-            }
-            catch (err) {
-                console.error('Failed to parse options:', err);
-            }
-        }
-        else if (Array.isArray(this.options)) {
-            allOptions = this.options;
-        }
-        else {
-            console.error('Unexpected value for options:', this.options);
-        }
-        if (!this.optionsProcessed) {
-            this.optionCount = this.countOptions(allOptions);
-            const initiallySelected = this.collectSelectedOptions(allOptions);
-            const initallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));
-            this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...initallySelectedNotInState];
-            this.optionsProcessed = true;
-        }
-        // Slice the options array based on startIndex and count
-        const slicedOptions = allOptions.slice(startIndex, startIndex + count);
-        return slicedOptions;
-    }
-    /**
-     * 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
-     */
-    collectSelectedOptions(options) {
-        let selectedOptions = [];
-        for (const option of options) {
-            if (option.selected) {
-                if (option.children && option.children.length > 0) {
-                    // if parent is selected, then select all child options
-                    selectedOptions = selectedOptions.concat(this.collectLeafOptions(option.children));
-                }
-                else {
-                    if (!selectedOptions.some(existingOption => existingOption.value === option.value)) {
-                        selectedOptions.push(option);
-                    }
-                }
-            }
-            else {
-                if (option.children && option.children.length > 0) {
-                    selectedOptions = selectedOptions.concat(this.collectSelectedOptions(option.children));
-                }
-            }
-        }
-        return selectedOptions;
-    }
-    /**
-     * Collects all leaf children options.
-     *
-     * @param option A list with all leaf-children.
-     */
-    collectLeafOptions(children) {
-        let leafOptions = [];
-        for (const child of children) {
-            if (child.children && child.children.length > 0) {
-                leafOptions = leafOptions.concat(this.collectLeafOptions(child.children));
-            }
-            else {
-                leafOptions.push(child);
-            }
-        }
-        return leafOptions;
-    }
-    /**
-     * Count the number of options. Only counts the leaves of the options tree.
-     */
-    countOptions(options) {
-        let count = 0;
-        for (const option of options) {
-            if (option.children && option.children.length >= 0) {
-                count += this.countOptions(option.children);
-            }
-            else {
-                count++;
-            }
-        }
-        return count;
-    }
-    componentDidLoad() {
-        setTimeout(() => {
-            this.positionDropdown();
-        }, 500);
-        // setInterval(this.handleScroll, 5000); // Runs every 5 seconds (5000 milliseconds)
-    }
-    componentWillLoad() {
-        if (!isNestedInIfxComponent(this.el)) {
-            trackComponent('ifx-multiselect');
-        }
-        this.loadInitialOptions();
-        this.filteredOptions = [...this.loadedOptions];
-    }
-    updateInternalError() {
-        this.internalError = this.error;
-    }
-    updateInternalErrorMessage() {
-        this.internalErrorMessage = this.errorMessage;
-    }
-    loadedOptionsChanged() {
-        this.filteredOptions = [...this.loadedOptions];
-    }
-    onSelectionChange(newValue, _) {
-        const formData = new FormData();
-        newValue.forEach(option => formData.append(this.name, option.value));
-        this.internals.setFormValue(formData);
-    }
-    handleOptionClick(option) {
-        this.internalError = false;
-        if (!option.selected && this.isSelectionLimitReached(option)) {
-            option.checkboxRef.toggleCheckedState(false);
-            this.internalError = true;
-            this.internalErrorMessage = "Please consider the maximum number of items to choose from";
-            return;
-        }
-        this.updateSelection(option);
-        this.ifxSelect.emit(this.persistentSelectedOptions);
-    }
-    isSelectionLimitReached(option) {
-        let newOptionsLength = option.children ? option.children.length : 1;
-        return this.maxItemCount && this.persistentSelectedOptions.length + newOptionsLength > this.maxItemCount &&
-            !this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);
-    }
-    updateSelection(option) {
-        const wasSelected = this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);
-        if (option.children && option.children.length > 0) {
-            this.handleParentOptionClick(option);
-        }
-        else {
-            this.handleChildOptionClick(option, wasSelected);
-        }
-    }
-    async selectAll() {
-        const allOptions = await this.fetchOptions(0, this.optionCount);
-        this.selectAllRecursive(allOptions);
-        this.ifxSelect.emit(this.persistentSelectedOptions);
-    }
-    selectAllRecursive(options) {
-        for (const opt of options) {
-            if (opt.children && opt.children.length > 0) {
-                this.selectAllRecursive(opt.children);
-            }
-            else {
-                if (!this.persistentSelectedOptions.some((some) => some.value === opt.value)) {
-                    opt.selected = true;
-                    this.persistentSelectedOptions = [...this.persistentSelectedOptions, opt];
-                    this.optionCount = this.countOptions(this.persistentSelectedOptions);
-                }
-            }
-        }
-    }
-    handleParentOptionClick(option) {
-        const allChildrenSelected = option.children.every(child => this.persistentSelectedOptions.some(selectedOption => selectedOption.value === child.value));
-        if (allChildrenSelected) {
-            this.persistentSelectedOptions = [...this.persistentSelectedOptions.filter(selectedOption => !option.children.some(child => child.value === selectedOption.value))];
-            option.selected = false;
-            option.children.forEach(child => {
-                child.selected = false;
-            });
-        }
-        else {
-            const newChildren = [...option.children.filter(childOption => !this.persistentSelectedOptions.some(selectedOption => selectedOption.value === childOption.value))];
-            option.selected = true;
-            option.children.forEach(child => {
-                child.selected = true;
-            });
-            this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...newChildren];
-        }
-    }
-    handleChildOptionClick(option, wasSelected) {
-        if (wasSelected) {
-            this.persistentSelectedOptions = [...this.persistentSelectedOptions.filter(selectedOption => selectedOption.value !== option.value)];
-            option.selected = false;
-        }
-        else {
-            this.persistentSelectedOptions = [...this.persistentSelectedOptions, option];
-            option.selected = true;
-        }
-        this.updateParentSelectedState();
-    }
-    updateParentSelectedState() {
-        this.loadedOptions.forEach(option => {
-            var _a;
-            if (((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                if (option.children.every(child => child.selected === true))
-                    option.selected = true;
-                else {
-                    option.selected = false;
-                    if (this.isOptionIndeterminate(option)) {
-                        option.indeterminate = true;
-                    }
-                    else {
-                        option.indeterminate = false;
-                    }
-                }
-            }
-        });
-    }
-    getSizeClass() {
-        return `${this.size}` === "s"
-            ? "small-select"
-            : "medium-select";
-    }
-    toggleDropdown() {
-        this.dropdownOpen = !this.dropdownOpen;
-        setTimeout(() => {
-            if (this.dropdownOpen) {
-                document.addEventListener('click', this.handleDocumentClick);
-            }
-            // Dispatch the ifxOpen event
-            this.ifxOpen.emit(this.dropdownOpen);
-        }, 0);
-    }
-    waitForElement(querySelectorFunc, callback, maxTries = 50) {
-        let tries = 0;
-        function request() {
-            requestAnimationFrame(() => {
-                const elements = querySelectorFunc();
-                if (elements.length > 0 || tries > maxTries) {
-                    callback(elements);
-                }
-                else {
-                    tries++;
-                    request();
-                }
-            });
-        }
-        request();
-    }
-    handleKeyDown(event) {
-        if (this.disabled)
-            return; // If it's disabled, don't do anything.
-        const options = this.dropdownElement.querySelectorAll('.option');
-        switch (event.code) {
-            case 'Enter':
-                this.toggleDropdown();
-                // Wait a bit for the dropdown to finish rendering
-                this.waitForElement(() => {
-                    return this.dropdownElement.querySelectorAll('.option');
-                }, (options) => {
-                    this.updateHighlightedOption(options);
-                });
-                break;
-            case 'Space':
-                this.toggleDropdown();
-                // Wait a bit for the dropdown to finish rendering
-                this.waitForElement(() => {
-                    return this.dropdownElement.querySelectorAll('.option');
-                }, (options) => {
-                    this.updateHighlightedOption(options);
-                });
-                break;
-            case 'ArrowDown':
-                this.handleArrowDown(options);
-                if (this.dropdownOpen) {
-                    this.updateHighlightedOption(options);
-                }
-                break;
-            case 'ArrowUp':
-                this.handleArrowUp(options);
-                if (this.dropdownOpen) {
-                    this.updateHighlightedOption(options);
-                }
-                break;
-        }
-    }
-    handleWrapperClick(event) {
-        // This is your existing logic for positioning the dropdown
-        this.positionDropdown();
-        // Check if the event target is the wrapper itself and not a child element.
-        if (event.currentTarget === event.target) {
-            this.toggleDropdown();
-        }
-    }
-    clearSelection() {
-        this.persistentSelectedOptions = [];
-        this.ifxSelect.emit(this.persistentSelectedOptions); // if you want to emit empty selection after clearing
-    }
-    positionDropdown() {
-        var _a;
-        const wrapperRect = (_a = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper')) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-        const spaceBelow = window.innerHeight - wrapperRect.bottom;
-        const spaceAbove = wrapperRect.top;
-        // If there's more space above than below the trigger and the dropdown doesn't fit below
-        if ((spaceAbove > spaceBelow && wrapperRect.height > spaceBelow) || (wrapperRect.bottom > window.innerHeight)) {
-            this.dropdownFlipped = true;
-        }
-        else {
-            this.dropdownFlipped = false;
-        }
-    }
-    // Helper function to update highlighted option based on currentIndex
-    updateHighlightedOption(options) {
-        // Clear all highlights
-        options.forEach((option) => option.classList.remove('is-highlighted'));
-        // Apply highlight to the current option
-        if (this.currentIndex >= 0 && this.currentIndex < options.length) {
-            options[this.currentIndex].classList.add('is-highlighted');
-            options[this.currentIndex].focus();
-        }
-    }
-    // Helper function to handle arrow down navigation
-    handleArrowDown(options) {
-        if (this.currentIndex < options.length - 1) {
-            this.currentIndex++;
-        }
-        else {
-            this.currentIndex = 0; // Wrap to the beginning.
-        }
-    }
-    // Helper function to handle arrow up navigation
-    handleArrowUp(options) {
-        if (this.currentIndex > 0) {
-            this.currentIndex--;
-        }
-        else {
-            this.currentIndex = options.length - 1; // Wrap to the end.
-        }
-    }
-    handleOptionKeyDown(e, option) {
-        if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown')
-            e.stopPropagation();
-        if (e.key === 'Enter' || e.key === ' ') {
-            this.handleOptionClick(option);
-        }
-    }
-    renderOption(option, index) {
-        var _a;
-        const isIndeterminate = this.isOptionIndeterminate(option);
-        const isSelected = option.children ? isIndeterminate || this.isOptionSelected(option) : this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);
-        const disableCheckbox = !isSelected && this.maxItemCount && this.persistentSelectedOptions.length >= this.maxItemCount;
-        const uniqueId = `checkbox-${option.value}-${index}`; // Generate a unique ID using the index
-        return (h("div", { class: "option-wrapper" }, h("div", { class: `option ${isSelected ? 'selected' : ''} ${disableCheckbox ? 'disabled' : ''} 
-        ${this.getSizeClass()}`, "data-value": option.value, onKeyDown: (e) => !disableCheckbox && this.handleOptionKeyDown(e, option), onClick: () => !disableCheckbox && this.handleOptionClick(option), tabindex: "0", role: `${((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "treeitem" : "option"}` }, h("ifx-checkbox", { tabIndex: -1, ref: (el) => option.checkboxRef = el, id: uniqueId, size: "s", checked: isIndeterminate ? false : isSelected, indeterminate: isIndeterminate, disabled: disableCheckbox }), h("label", { htmlFor: uniqueId, onClick: (e) => e.stopPropagation() }, option.label)), option.children && option.children.map((child, childIndex) => this.renderSubOption(child, `${index}-${childIndex}`))));
-    }
-    isOptionSelected(option) {
-        if (!option.children)
-            return false;
-        return option.children.every(child => this.persistentSelectedOptions.some(persistentOption => persistentOption.value === child.value));
-    }
-    isOptionIndeterminate(option) {
-        if (!option.children)
-            return false;
-        const selectedChildren = option.children.filter(child => this.persistentSelectedOptions.some(persistentOption => persistentOption.value === child.value)).length;
-        return selectedChildren > 0 && selectedChildren < option.children.length;
-    }
-    findInOptions(options, searchTerm) {
-        for (const option of options) {
-            if (option.value === searchTerm) {
-                return option;
-            }
-            if (option.children) {
-                const foundInChildren = this.findInOptions(option.children, searchTerm);
-                if (foundInChildren) {
-                    return foundInChildren;
-                }
-            }
-        }
-        return null;
-    }
-    renderSubOption(option, index) {
-        var _a;
-        const isSelected = this.persistentSelectedOptions.some(selectedOption => selectedOption.value === option.value);
-        const disableCheckbox = !isSelected && this.maxItemCount && this.persistentSelectedOptions.length >= this.maxItemCount;
-        const uniqueId = `checkbox-${option.value}-${index}`;
-        return (h("div", { class: `option sub-option ${isSelected ? 'selected' : ''} ${this.getSizeClass()} ${disableCheckbox ? 'disabled' : ''}`, "data-value": option.value, role: `${((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? "option" : "treeitem"}`, onKeyDown: (e) => !disableCheckbox && this.handleOptionKeyDown(e, option), onClick: () => !disableCheckbox && this.handleOptionClick(option), tabindex: "0" }, h("ifx-checkbox", { tabIndex: -1, ref: (el) => option.checkboxRef = el, id: uniqueId, size: "s", checked: isSelected, disabled: disableCheckbox }), h("label", { htmlFor: uniqueId, onClick: (e) => e.stopPropagation() }, option.label)));
-    }
-    renderSelectAll() {
-        const allSelected = this.persistentSelectedOptions.length === this.optionCount;
-        const noneSelected = this.persistentSelectedOptions.length === 0;
-        const indeterminate = this.optionCount > 0 && !noneSelected && !allSelected;
-        const that = this;
-        function toggleSelectAll() {
-            if (allSelected) {
-                that.clearSelection();
-            }
-            else {
-                that.selectAll();
-            }
-        }
-        function handleSelectAllKeydown(e) {
-            if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown')
-                e.stopPropagation();
-            if (e.key === 'Enter' || e.key === ' ') {
-                toggleSelectAll();
-            }
-        }
-        return h("div", { class: "select-all-wrapper" }, h("div", { class: `option ${this.getSizeClass()}`, tabindex: '0', onKeyDown: (e) => handleSelectAllKeydown(e), onClick: toggleSelectAll }, h("ifx-checkbox", { tabIndex: -1, id: 'selectAll', checked: allSelected, indeterminate: indeterminate, size: "s" }), h("label", { htmlFor: 'selectAll' }, "Select all")), h("ifx-dropdown-separator", null));
-    }
-    render() {
-        // Create a label for the selected options
-        const selectedOptionsLabels = this.persistentSelectedOptions
-            .filter(option => {
-            // check if option is a child and its parent is selected
-            const isChildSelectedWithParent = this.persistentSelectedOptions.some(parentOption => parentOption.children &&
-                parentOption.children.some(child => child.value === option.value) &&
-                parentOption.selected);
-            return !isChildSelectedWithParent;
-        })
-            .map(option => option.label)
-            .join(', ');
-        return (h("div", { class: `ifx-multiselect-container`, ref: el => this.dropdownElement = el }, this.label ?
-            h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label)) : null, h("div", { class: `ifx-multiselect-wrapper 
-        ${this.getSizeClass()} 
-        ${this.dropdownOpen ? 'active' : ''} 
-        ${this.dropdownFlipped ? 'is-flipped' : ''}
-        ${this.internalError ? 'error' : ""}
-        ${this.disabled ? 'disabled' : ""}`, tabindex: "0", onClick: this.disabled ? undefined : (event) => this.handleWrapperClick(event), onKeyDown: this.disabled ? undefined : (event) => this.handleKeyDown(event) }, h("div", { class: `ifx-multiselect-input 
-          ${this.persistentSelectedOptions.length === 0 ? 'placeholder' : ""}
-          `, onClick: this.disabled ? undefined : () => this.toggleDropdown() }, this.persistentSelectedOptions.length > 0 ? selectedOptionsLabels : this.placeholder), this.dropdownOpen && (h("div", { class: "ifx-multiselect-dropdown-menu", onScroll: (event) => this.handleScroll(event) }, this.showSearch && h("input", { type: "text", role: "textbox", class: "search-input", onKeyDown: (e) => { e.stopPropagation(); }, onInput: (event) => this.handleSearch(event.target), placeholder: "Search..." }), this.showSelectAll && this.renderSelectAll(), this.filteredOptions.map((option, index) => this.renderOption(option, index)), this.isLoading && h("div", null, "Loading more options..."))), h("div", { class: 'ifx-multiselect-icon-container' }, this.persistentSelectedOptions.length > 0 && (h("div", { class: `ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`, onClick: this.disabled ? undefined : () => this.clearSelection() }, h("ifx-icon", { icon: "cRemove16" }))), h("div", { class: "icon-wrapper-up", onClick: this.disabled ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: 'icon-up', icon: 'chevron-up-16' })), h("div", { class: "icon-wrapper-down", onClick: this.disabled ? undefined : () => this.toggleDropdown() }, h("ifx-icon", { key: 'icon-down', icon: 'chevron-down-16' })))), this.internalError ?
-            h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.internalErrorMessage)) : null));
-    }
-    static get formAssociated() { return true; }
-    get el() { return this; }
-    static get watchers() { return {
-        "options": ["updateOptions"],
-        "error": ["updateInternalError"],
-        "errorMessage": ["updateInternalErrorMessage"],
-        "loadedOptions": ["loadedOptionsChanged"],
-        "persistentSelectedOptions": ["onSelectionChange"]
-    }; }
-    static get style() { return IfxMultiselectStyle0; }
-}, [65, "ifx-multiselect", {
-        "name": [1],
-        "options": [1],
-        "batchSize": [2, "batch-size"],
-        "size": [1],
-        "disabled": [4],
-        "error": [4],
-        "errorMessage": [1, "error-message"],
-        "label": [1],
-        "placeholder": [1],
-        "maxItemCount": [2, "max-item-count"],
-        "showSearch": [4, "show-search"],
-        "showSelectAll": [4, "show-select-all"],
-        "showClearButton": [4, "show-clear-button"],
-        "internalError": [32],
-        "internalErrorMessage": [32],
-        "persistentSelectedOptions": [32],
-        "dropdownOpen": [32],
-        "dropdownFlipped": [32],
-        "isLoading": [32],
-        "loadedOptions": [32],
-        "filteredOptions": [32],
-        "optionCount": [32],
-        "optionsProcessed": [32]
-    }, undefined, {
-        "options": ["updateOptions"],
-        "error": ["updateInternalError"],
-        "errorMessage": ["updateInternalErrorMessage"],
-        "loadedOptions": ["loadedOptionsChanged"],
-        "persistentSelectedOptions": ["onSelectionChange"]
-    }]);
-Multiselect.globalZIndex = 1000; // This will be shared among all instances of the component.
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ifx-multiselect", "ifx-checkbox", "ifx-dropdown-separator", "ifx-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ifx-multiselect":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Multiselect);
-            }
-            break;
-        case "ifx-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ifx-dropdown-separator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ifx-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { Multiselect as M, defineCustomElement as d };
-
-//# sourceMappingURL=p-347a1b14.js.map