npm - @infineon/infineon-design-system-stencil - Versions diffs - 37.13.1--canary.1992.854aaf1c0bff5fdb0752d9b89b6e9e1a8f43bab6.0 → 37.13.1--canary.1992.0eb8390d6cfd0c060d046f7e91d06e160e2dc360.0 - Mend

@infineon/infineon-design-system-stencil 37.13.1--canary.1992.854aaf1c0bff5fdb0752d9b89b6e9e1a8f43bab6.0 → 37.13.1--canary.1992.0eb8390d6cfd0c060d046f7e91d06e160e2dc360.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (242) hide show

package/dist/collection/components/pagination/pagination.js CHANGED Viewed

@@ -158,7 +158,7 @@ export class Pagination {
         this.initPagination();
     }
     render() {
-        return (h("div", { key: '53528d8b99d54e1cb531df3bda2f0f4e02bb3213', class: "container" }, h("div", { key: '00c5d1e5a1509a51e5fa02cf2f8e1b5f2b095751', class: "items__per-page-wrapper" }, h("div", { key: '3893bc77a6494e39d8bdc8e55d7bebcd936d3d36', class: "items__per-page-label" }, "Results per Page"), h("div", { key: '56702ab091d1f9d2023585fecf1f86886ec47abc', class: "items__per-page-field" }, h("ifx-select", { key: '031d0f4c1f95ffe5d412202fe6e0f913de53ef44', id: 'itemsPerPageSelect', placeholder: 'false', "show-search": 'false', value: undefined, disabled: false, error: false, size: "s", options: this.filteredItemsPerPage, "placeholder-value": "Select" }))), h("div", { key: 'e6b15e4e54ea714fd027856d9615d24da92b36c0', class: "items__total-wrapper" }, h("div", { key: '265bae882f374eae6a929c184e9e1f0ae4bf314e', class: "pagination" }, h("ifx-icon-button", { key: '6b3e5ca222fcabac9cb53f0bb18cf647f8c3f990', class: "prev", icon: "arrow-left-16", onClick: () => this.changePage(this.internalPage - 1) }), h("ol", { key: '6553669f669211ce25086f339a3ff69f52311b19' }, this.visiblePages.map((page, i) => typeof page === 'number' ? (h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, h("a", { href: "javascript:void(0)" }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", null, "..."))))), h("ifx-icon-button", { key: '50bc552d0aea8086d3d783a8a043fcaae3459633', class: "next", icon: "arrow-right-16", onClick: () => this.changePage(this.internalPage + 1) })))));
+        return (h("div", { key: '572be4f9e025b9cbf558caca6b13d96836403c91', class: "container" }, h("div", { key: '29d403aa753ff37aa30ae2eac8fb0979e91d5c2c', class: "items__per-page-wrapper" }, h("div", { key: 'a94ea5e6167216a8d60220d1ccd290a14ad66459', class: "items__per-page-label" }, "Results per Page"), h("div", { key: 'c11dbf5ca3f8146964145d46e64345d93d7dedf8', class: "items__per-page-field" }, h("ifx-select", { key: '717e5d66e5790d52901d2f0d6b060fee129c3a78', id: 'itemsPerPageSelect', placeholder: 'false', "show-search": 'false', value: undefined, disabled: false, error: false, size: "s", options: this.filteredItemsPerPage, "placeholder-value": "Select" }))), h("div", { key: '79f8c4298d3e8b33911eb7d3199fd71498ab1b14', class: "items__total-wrapper" }, h("div", { key: 'ba8fb1aa5607423ec9adabfb7843e66772988c77', class: "pagination" }, h("ifx-icon-button", { key: '83bbd7d2a1283cdfc65ee50b073ce17107276921', class: "prev", icon: "arrow-left-16", onClick: () => this.changePage(this.internalPage - 1) }), h("ol", { key: '366dc5ab48edce7bf02e312887d5fa3d2d9b65d5' }, this.visiblePages.map((page, i) => typeof page === 'number' ? (h("li", { key: `page-${page}`, class: { [this.CLASS_ACTIVE]: page === this.internalPage }, "data-page": page }, h("a", { href: "javascript:void(0)" }, page))) : (h("li", { class: "ellipsis", key: `ellipsis-${i}` }, h("span", null, "..."))))), h("ifx-icon-button", { key: '0aad1b8c94d0ed31b75ff0d2f89680c078000a70', class: "next", icon: "arrow-right-16", onClick: () => this.changePage(this.internalPage + 1) })))));
     }
     static get is() { return "ifx-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class ProgressBar {
         }
     }
     render() {
-        return (h("div", { key: '5aab628312a6d254bf2cc0e2d1757453b27d284b', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '0f1622498e8ce74ff8e839b98eb76e3ed7857149', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'dc3ec7599be12a44adccaedea535a3e33576701d', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: 'aab5d36ce5e1d2de702f7fd867d284be8f02e165', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: 'd113086b5d7d439ac710b284c017d295c25284cf', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '98a8475f5cff469261f8a42e89a5c621c21a4373', class: "label" }, `${this.internalValue}%`))));
     }
     static get is() { return "ifx-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button/radio-button.js CHANGED Viewed

@@ -99,10 +99,10 @@ export class RadioButton {
         }
     }
     render() {
-        return (h("div", { key: '31c4b8b032d3db2c51182221fc7ed56e29261888', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '813ad865fd254f1c209f37574eee2b64d6cab581', class: `radioButton__wrapper
+        return (h("div", { key: 'ee46feace78956daf6abf1540f8a6aee9e860e07', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'acc2a1d50c6b15227bd94d2ae6947a0719078d77', class: `radioButton__wrapper
             ${this.internalChecked ? 'checked' : ''}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: 'e0347afb9c28922bf9fe761adfd1bf7eff777581', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '45eae34968144a838e2183de0636a92c67ac3fc8', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'eb4c591deaf9366bedb22a370b2ce33ad3c90781' }))), h("input", { key: '0ae4e7b30ccd4d2a6c4fbcd16c8535002351bc5b', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
+            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '96edd548ad1827c82f0c646ddba621b8a79b8a62', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '034163ff01ff65ebc7c5776bb02fe05dce267bf3', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '9caedcfa9e459653f570646d817a51092841e7b2' }))), h("input", { key: '55cf766298a2bfa78a1e7f2aeb9be4765be0fa5f', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
     }
     static get is() { return "ifx-radio-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button-group/radio-button-group.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class RadioButtonGroup {
         this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
     }
     render() {
-        return (h("div", { key: '9d2e408c8c5732de65cfc3ecc9cf862e16a37f1f', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '3445b32b3169a0db6d0986574b86c231c9376566', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '54bf2d2f1be0e46cc1a5b8eb426edb34735df6b1', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
+        return (h("div", { key: '5970ee5b26caf63ffa5b33705dd88f9970826782', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '5a166fe359c07d1e19752a7565f82389378602c4', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '8fa966493211e16fbcdab377488d8fb0fd90502b', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
     }
     static get is() { return "ifx-radio-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search-bar/search-bar.js CHANGED Viewed

@@ -39,7 +39,7 @@ export class SearchBar {
         this.value = event.detail;
     }
     render() {
-        return (h("div", { key: 'bc7fe7efa100b94a7a643b38e163ef26145a3502', role: "search", "aria-label": "a search field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { "aria-label": "Close button", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar_icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
+        return (h("div", { key: '0e6a3ebaf25533324d81eaab8147ecd44decda64', role: "search", "aria-label": "a search field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { "aria-label": "Close button", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar_icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
     }
     static get is() { return "ifx-search-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search-field/search-field.js CHANGED Viewed

@@ -366,12 +366,12 @@ export class SearchField {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (h("div", { key: '2597f69b8b94de9f16e4d31de1ef26db13765421', "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '7c6c9b6e2bff6495184e6c7cdfd3ea9b430f31ef', class: this.getWrapperClassNames(), tabindex: 1, onClick: () => this.focusInput() }, h("ifx-icon", { key: '653eeaa5f5bf66c97bcae2fe7972a8546bc64198', icon: "search-16", class: "search-icon" }), h("input", { key: 'f247b3b5d7b599a6c08ad27b4a381aa3e45a3cd3', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), onFocus: () => this.focusInput(), onBlur: () => this.blurInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value, role: "combobox", "aria-expanded": this.showDropdown, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-describedby": this.ariaDescribedBy, "aria-owns": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-activedescendant": this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cRemove16", class: "delete-icon", onClick: this.handleDelete, role: "button", tabindex: "0", "aria-label": this.deleteIconAriaLabel, onKeyDown: (event) => {
+        return (h("div", { key: 'b4b6e9c1fffb8a7f3a10bf48748441eaa71ac311', "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '711fd0df34e33f1ac62d2e0824238f57a7d63344', class: this.getWrapperClassNames(), tabindex: 1, onClick: () => this.focusInput() }, h("ifx-icon", { key: '23ecf2888cf2be969bb021798ebfc73063f3ace3', icon: "search-16", class: "search-icon" }), h("input", { key: 'ae313bce4320f7959359b4f63b0cc551f614418b', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), onFocus: () => this.focusInput(), onBlur: () => this.blurInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value, role: "combobox", "aria-expanded": this.showDropdown, "aria-autocomplete": "list", "aria-haspopup": "listbox", "aria-label": this.ariaLabel, "aria-labelledby": this.ariaLabelledBy, "aria-describedby": this.ariaDescribedBy, "aria-owns": this.showDropdown ? 'suggestions-dropdown' : undefined, "aria-activedescendant": this.selectedSuggestionIndex >= 0 ? `suggestion-${this.selectedSuggestionIndex}` : undefined }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cRemove16", class: "delete-icon", onClick: this.handleDelete, role: "button", tabindex: "0", "aria-label": this.deleteIconAriaLabel, onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.handleDelete();
                 }
-            } })) : null), this.showDropdown && this.filteredSuggestions.length > 0 && (h("div", { key: 'ef57affb50e9c1909ccdf8655eb43ace77339eb0', ref: (el) => (this.dropdownElement = el), id: "suggestions-dropdown", class: "suggestions-dropdown", role: "listbox", "aria-label": this.dropdownAriaLabel }, this.isShowingOnlyHistory() && (h("div", { key: 'ebae4962deb2d22598a0acee50153e52ae76d94e', class: "suggestions-header" }, this.historyHeaderText)), this.filteredSuggestions.map((suggestion, index) => (h("div", { key: suggestion.id, id: `suggestion-${index}`, class: this.getSuggestionClassNames(index), role: "option", "aria-selected": index === this.selectedSuggestionIndex, "aria-label": `${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`, onClick: () => this.selectSuggestion(suggestion), onMouseEnter: () => this.selectedSuggestionIndex = index }, h("div", { class: "suggestion-content" }, suggestion.type === 'history' && (h("ifx-icon", { icon: "history-16", class: "suggestion-icon suggestion-icon--history" })), suggestion.type === 'suggestion' && (h("ifx-icon", { icon: "search-16", class: "suggestion-icon suggestion-icon--suggestion" })), h("span", { class: "suggestion-text" }, h("span", { class: "suggestion-main-text" }, this.renderHighlightedText(suggestion.text, this.value)), suggestion.scope && (h("span", { class: "suggestion-scope" }, "\u2013 ", suggestion.scope))), suggestion.resultCount !== undefined && suggestion.scope && (h("span", { class: "suggestion-count" }, suggestion.resultCount)), suggestion.type === 'history' && (h("ifx-icon", { icon: "cross16", class: "suggestion-delete-icon", role: "button", tabindex: "0", "aria-label": `${this.historyDeleteAriaLabel}: ${suggestion.text}`, onClick: (event) => this.handleHistoryDelete(event, suggestion.text), onKeyDown: (event) => {
+            } })) : null), this.showDropdown && this.filteredSuggestions.length > 0 && (h("div", { key: '914f35ac4df83db311423c761c33629caf9e1fb2', ref: (el) => (this.dropdownElement = el), id: "suggestions-dropdown", class: "suggestions-dropdown", role: "listbox", "aria-label": this.dropdownAriaLabel }, this.isShowingOnlyHistory() && (h("div", { key: 'cdec95092cee646c785b9f9cb049b28a8071fb6a', class: "suggestions-header" }, this.historyHeaderText)), this.filteredSuggestions.map((suggestion, index) => (h("div", { key: suggestion.id, id: `suggestion-${index}`, class: this.getSuggestionClassNames(index), role: "option", "aria-selected": index === this.selectedSuggestionIndex, "aria-label": `${suggestion.type === 'history' ? this.historyItemAriaLabel : this.suggestionAriaLabel}: ${suggestion.text}${suggestion.scope ? `, ${suggestion.scope}` : ''}${suggestion.resultCount ? `, ${suggestion.resultCount} results` : ''}`, onClick: () => this.selectSuggestion(suggestion), onMouseEnter: () => this.selectedSuggestionIndex = index }, h("div", { class: "suggestion-content" }, suggestion.type === 'history' && (h("ifx-icon", { icon: "history-16", class: "suggestion-icon suggestion-icon--history" })), suggestion.type === 'suggestion' && (h("ifx-icon", { icon: "search-16", class: "suggestion-icon suggestion-icon--suggestion" })), h("span", { class: "suggestion-text" }, h("span", { class: "suggestion-main-text" }, this.renderHighlightedText(suggestion.text, this.value)), suggestion.scope && (h("span", { class: "suggestion-scope" }, "\u2013 ", suggestion.scope))), suggestion.resultCount !== undefined && suggestion.scope && (h("span", { class: "suggestion-count" }, suggestion.resultCount)), suggestion.type === 'history' && (h("ifx-icon", { icon: "cross16", class: "suggestion-delete-icon", role: "button", tabindex: "0", "aria-label": `${this.historyDeleteAriaLabel}: ${suggestion.text}`, onClick: (event) => this.handleHistoryDelete(event, suggestion.text), onKeyDown: (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
                     event.preventDefault();
                     this.handleHistoryDelete(event, suggestion.text);

package/dist/collection/components/segmented-control/segment/segment.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: '9bf837ad7d04ef311759c391861c9beac4faeb6b', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '6067487c089f79bff5b4f4d33cc3b053b4a4fa77', icon: this.icon }), " ", h("slot", { key: '0e0bd3bf05387d8eeded7b80769ac527d3252d72' })));
+        return (h("div", { key: 'ad583bfc4687ff01f37c4855cbb1208e083e12e8', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'c439c8e46e5cb5307fdf7ca834a991a7130336cd', icon: this.icon }), " ", h("slot", { key: 'd604df6e5fad2fb9ef3671ac8bb0174b99c3ce5a' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-control/segmented-control.js CHANGED Viewed

@@ -65,8 +65,8 @@ export class SegmentedControl {
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: 'afd7396c5e85bc8686bd8e06604632aa7c1a4fd9', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '9ff50ebc1b62ac0f05ed9fdfa7cc24b541fd77cd', class: 'group__label' }, this.label.trim()), h("div", { key: 'c28f74196f5463a4d3a67122e45c3ddebb718c39', class: 'group__controls' }, h("slot", { key: '789e17e760b5e19b54108e9e542df1aebca11c6c' })), this.caption.trim() &&
-            h("div", { key: 'f8eafdfbd728ed3e9ad86d042a82127c631fb2cf', class: 'group__caption' }, h("ifx-icon", { key: 'a7224713da54fe14b2a090bc677ff5cfb5703ed5', icon: 'c-info-16' }), " ", this.caption.trim())));
+        return (h("div", { key: '736ba9f070e0e476d6818b4803b870ca932273c3', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: 'c1615f5fd6b1569cef19cd627955f9e0180e6e59', class: 'group__label' }, this.label.trim()), h("div", { key: '0c9ffc3a3c1fcb515cc9d5731ea7e1d61af03cbe', class: 'group__controls' }, h("slot", { key: '6abcc914da42eb8b400aa3bde6b6d7bbd8cfe6c0' })), this.caption.trim() &&
+            h("div", { key: 'e7a38c546402e9403d9692d700fffc425a453bcc', class: 'group__caption' }, h("ifx-icon", { key: 'e64b062c4a53e402c58cadf77462fc606e737eb3', icon: 'c-info-16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/collection/components/select/multi-select/multiselect-option.js CHANGED Viewed

@@ -360,25 +360,25 @@ export class MultiselectOption {
         const additionalPadding = this.hasChildren ? 0 : 28;
         let totalPadding = basePadding + additionalPadding;
         const optionItemStyle = isFlatMultiselect ? undefined : { paddingLeft: `${totalPadding}px` };
-        return (h(Host, { key: 'b5123b5aa9102452437bf31bbe9fdd9563e5a1bb' }, h("div", { key: '6d1510683195615915f3d2a250fcb4130a847ddd', class: {
+        return (h(Host, { key: '38b7155b4f532ad806c226405554846f14f1e035' }, h("div", { key: '1111cf76222dd6bde9e292c01d9285535763b27d', class: {
                 'option': true,
                 'option--has-children': this.hasChildren,
                 'option--expanded': this.isExpanded,
                 'option--disabled': this.disabled,
                 'option--selected': this.selected,
-            }, role: "option", "aria-expanded": this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "data-level": this.depth, "data-value": this.value }, h("div", { key: '678cce5ebfa7b2340fcdbe84755fbea3079f3dfa', class: "option-item", style: optionItemStyle }, h("div", { key: '95cdd50ae7d0220f568e5486ecfff76424b4be54', class: "chevron-wrapper", tabIndex: this.hasChildren ? 0 : -1, role: this.hasChildren ? "button" : undefined, "aria-label": this.hasChildren ? (this.isExpanded ? "Collapse" : "Expand") : undefined, onClick: (e) => { e.stopPropagation(); this.toggleExpansion(); }, onKeyDown: (e) => {
+            }, role: "option", "aria-expanded": this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined, "aria-selected": this.selected ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "data-level": this.depth, "data-value": this.value }, h("div", { key: 'af19e243a9379b1f6c9e59587030571dd2bfb70e', class: "option-item", style: optionItemStyle }, h("div", { key: 'db6d1affced8bdab0c1005fed0e8cf60408be419', class: "chevron-wrapper", tabIndex: this.hasChildren ? 0 : -1, role: this.hasChildren ? "button" : undefined, "aria-label": this.hasChildren ? (this.isExpanded ? "Collapse" : "Expand") : undefined, onClick: (e) => { e.stopPropagation(); this.toggleExpansion(); }, onKeyDown: (e) => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     e.stopPropagation();
                     this.toggleExpansion();
                 }
-            } }, this.hasChildren && (h("ifx-icon", { key: 'a1acd49ce1debb626fe68f24721fc1df860f023e', class: `chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`, icon: "chevron-right-16" }))), h("div", { key: 'd3a83b662d5271ef69894d1a4d66996b034c1f7c', class: "checkbox-wrapper", onClick: (e) => e.stopPropagation() }, h("ifx-checkbox", { key: '5a1d896052e6adb0f28210c0519a229a01b3255c', size: 's', checked: (this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected), indeterminate: (this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate, onClick: this.handleCheckboxClick, disabled: this.disabled || (this.isSearchActive && this.isSearchDisabled), onKeyDown: (e) => {
+            } }, this.hasChildren && (h("ifx-icon", { key: '30ea8b17257f6bd412c44ae01b6c64aa101ead98', class: `chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`, icon: "chevron-right-16" }))), h("div", { key: 'b45dee83cd95aa80b7348614f05eb6904a51dffc', class: "checkbox-wrapper", onClick: (e) => e.stopPropagation() }, h("ifx-checkbox", { key: '4a03f7b60b22fa5b1dfbab8c7d1abf0f36bd0bc8', size: 's', checked: (this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected), indeterminate: (this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate, onClick: this.handleCheckboxClick, disabled: this.disabled || (this.isSearchActive && this.isSearchDisabled), onKeyDown: (e) => {
                 if (e.key === 'Enter' || e.key === ' ') {
                     e.preventDefault();
                     e.stopPropagation();
                     this.handleCheckboxClick(e);
                 }
-            } })), h("div", { key: '0ef43bcb27b6953fa155763ab353d6a5f09768d3', class: "option-label", onClick: this.handleHeaderClick, tabIndex: -1 }, h("slot", { key: '690fdd4300c6acb4d46dbee30cddccc2a8a2c6ca' }))), this.isExpanded && h("div", { key: '12b2d5bac0e3cffa6697ef49fc689b70c2149508', class: "option-children" }, h("slot", { key: 'aacc3bd0c554806801b17587f9bc491b63f1fe7c', name: "children" })))));
+            } })), h("div", { key: '2046e6700e6c5aebff260f151f828ad6136cf21d', class: "option-label", onClick: this.handleHeaderClick, tabIndex: -1 }, h("slot", { key: 'df89aabc7309d32101c23715a2174add9c1e61c0' }))), this.isExpanded && h("div", { key: 'd3cceeb64b823ea1d0d4c7d63136011057d83e2f', class: "option-children" }, h("slot", { key: '82acbb03152c2812aab43b40e182c4dbb6fcce5f', name: "children" })))));
     }
     static get is() { return "ifx-multiselect-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/select/single-select/select.js CHANGED Viewed

@@ -227,9 +227,9 @@ export class Choices {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: 'fb105675900c71da94353f8db9f92f867df2cdd5', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'c5bb6c0a7388541caa59ebb722d10c1564a5a3d2', class: `${choicesWrapperClass}
+        return (h("div", { key: 'cb25aa878918620f3485ed47abe8119b412e46ad', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'f40d304e7232526c629a3fc503e339a779b650bb', class: `${choicesWrapperClass}
             ${this.disabled ? 'disabled' : ''}
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '7bcf7814685e42f1b35c12d619a63f39eaab391c', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '94ecd744a84699f79c94f23977ed8e5ef18396a8', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: '1d80b124b4253846cbc939988397820f083f414f', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '90dc67e97fba44ed0c6f96195d54ad3d80fbf3b3', icon: "cRemove16", onClick: () => this.clearSelection() }))), h("div", { key: 'ec7ba1fee97d873657a042f3ad581a915810a101', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: '04e7c791483a3012ffed4b508d22bcf9cf752be3', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '39527de54fb857b4dd0a7ea2ec2774bec74600aa', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: 'a31c142db402aed9bb15e575d482c8a374164e27', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: '4951033da97957c27be575f96fff542abaec1a2a', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: 'd7379f57be2cf08ccde89b264d2417fae5f14172', icon: "cRemove16", onClick: () => this.clearSelection() }))), h("div", { key: '2c233dc1e2b0f393be849575d2a15f8af0cee0f2', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevron-up-16" })), h("div", { key: 'c30f147804dd91d3f96c32585f6ec93ade7f86db', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');

package/dist/collection/components/slider/slider.js CHANGED Viewed

@@ -143,10 +143,10 @@ export class IfxSlider {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: 'f849aa351bd4e1f804d30110c9334acbd4d7c233', class: "ifx-slider" }, this.leftText && (h("span", { key: '48bcef748379448a4d022c777a79db10573e01a1', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'ca85a0a396f94ea7038fb70247c63df221f417b7', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: '2157a80dcdb4231f45b02da6c59b761927c14de0', class: "ifx-slider" }, this.leftText && (h("span", { key: '3f0cb2fafafd7eb2bb40733f99e94b0b11ae7f76', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '4366f93239d8ef4eb76b0cc7d3f7430b53c5297a', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
             h("input", { type: "range", min: this.min, max: this.max, step: this.step, value: this.internalValue, disabled: this.disabled, ref: (el) => (this.inputRef = el), onInput: (event) => this.handleInputChange(event), "aria-label": 'a slider', "aria-value": this.value, "aria-disabled": this.disabled })
             :
-                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '2927f6abd681fa8273b5659a2ff5e73d65e4c1a3', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '1ac02902e89ecacf645a4d65ae55ed432e1587e3', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'f83de7406c16a831385cc398eeca3a430ae542bd', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
+                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '0e549fb22c30b7e22a8bbb948c13cb41dec5f084', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '0329a6c3c917f6beddbfde63ba4eca875d0235b3', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '45d29e469bae4237d5962cb90b337fb53a73cff3', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     static get is() { return "ifx-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.js CHANGED Viewed

@@ -14,8 +14,8 @@ export class Spinner {
         }
     }
     render() {
-        return (h("div", { key: '6b7ad46e96839ef05b22a11d3e8d1b862dae6948', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: '8254474bb46a0d09e2801bc77f00a545f4234162', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && h("div", { key: '4b22e583cf05513a8e2067938cc30519900c9f33', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '7c8747942263ae4828d329456d5c85db84ffd52e', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '81fae51604933fb0d3d720d99c72b956815ada7e', id: "spinner/conductor" }, h("path", { key: '18a70652e891152443084db2b00b0d8be421cab3', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
+        return (h("div", { key: '31b5c7c0cd9ed8aa434e37a8c9eb83a455c2a5f7', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'd2ddaa89a5fde1f908342997e251f7cba3df2929', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && h("div", { key: 'dc2faa0f770b39ddd8623ae5c6f9c0132a8cd82c', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: 'a0b89dd66eb983065fdec1f41019b54007d370f5', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd8313728a4ac374c97ef4956429c6c7276d23bdf', id: "spinner/conductor" }, h("path", { key: '3422556938c6d9ba6038362d5cbf60cc5f96266c', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/collection/components/status/status.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class Status {
         var _a;
         const effectiveColor = ((_a = this.color) === null || _a === void 0 ? void 0 : _a.trim()) ? this.color : 'orange-500';
         const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';
-        return (h("div", { key: 'c7d79d216838ff7999a04c00f5b949882b49f49e', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '68b94da8e9836cf42674ef6d030fc9be674ed689', class: `dot ${effectiveColor}` }), h("p", { key: '8c54ac37f19b2485883b97428ab7fd4494b56db2', class: "text" }, this.label)));
+        return (h("div", { key: '5c05fea02c5edc5cdebaa0a08c21e4e12cbf4139', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'c546e86e37c2692f017bda9938d53436caf771c0', class: `dot ${effectiveColor}` }), h("p", { key: '98b767f5a97332da894a987c0bd203f377d72db9', class: "text" }, this.label)));
     }
     static get is() { return "ifx-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stepper/step/step.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class Step {
         }
     }
     render() {
-        return (h("div", { key: '62f1b63fc7bdd5c2fd8d2238c18f99c672ed5fbe', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
+        return (h("div", { key: 'b2ecec640e24f22126224764a7e4d1c7a7dac3ba', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''}
                         ${this.error ? 'error' : ''}
                         ${this.stepperState.variant}
                         ${this.complete ? 'complete' : ''}
@@ -50,11 +50,11 @@ export class Step {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '4e7352af5b893979b20aeeb01c7b2d34e796b267', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '76ee6b7c8b2abeb338fc27cac9f90371113f7eb9', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: 'c1248577bc333df817ab507ef9e0f75a4daff3ae', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'd5e0c06811661a5025eb6bf5fcc61959071784e9', icon: 'check16' }), this.active && h("span", { key: '9ad3e0e89e78beaa55dafc174c077379cab8d979', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'c179686f38b3686f1df605065d5eb3c93ada6fff', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '0efa3ac9661487c197127d2d365b804eb1dcec11', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '5dbbdc125c8cdcc4d6de860bbbfdb013e80e644a', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '4148afe26904aef359e8a8845b5396b4d6ba677a', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'bc8db67f548a9fddf566eaf362603b2345a79a42', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '2863d3b3635f51c4d1e11e94ffebf69daf3d7c8c', icon: 'check16' }), this.active && h("span", { key: '980494be3dd4b3da9ef0b097ff35f2574eae9c5d', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '6a70f401d995a158aa7640a6069fd62fc3e87331', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: 'e36043a53330c6cda9be71e284e10716615b4be6', class: `step-connector-r ${this.active ? 'active' : ''}` })),
         /* Step labels */
         (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
-            h("div", { key: '81726baa11e62cc9d542a8cc5c1ecf7ec23bbb56', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: 'd7ca25725dc0f550ace0449d4097ec71c08227b5' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'd6be97e466a35eb0e8c7c363ab6c3755f1084180' }))));
+            h("div", { key: '26bf1d17d85b8a37cf881dfdbfdbb0d1e78c3642', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: 'd48ab802c4d9e17035cd92eaf49b0399cfa4fdbf' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '5dfc63c25d1d2039244cfb5d23b3686c95932dd6' }))));
     }
     ;
     static get is() { return "ifx-step"; }

package/dist/collection/components/stepper/stepper.js CHANGED Viewed

@@ -125,10 +125,10 @@ export class Stepper {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '6de820c0a213ac5a5c7e07d6a6a507c109fc9d10', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
+        return (h("div", { key: '6d7e72296372e4eb85bf159ff8a9cb9d586f5394', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` },
         /* Progress bar for compact variant. */
         (this.variant === 'compact') &&
-            h("div", { key: '9fc2b2d7a92796b781a439fe27f819cd9968c4f9', class: 'stepper-progress' }, h("div", { key: '52da796e28c1e76dd35e25c11a8ee46dc1e25349', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '50343cb27765eebfb7936e14957d42243ff9fe5b', class: `stepper-wrapper` }, h("slot", { key: '2babb37cf2014e3733d63c5f972696747ec9b456' }))));
+            h("div", { key: '8a6f584379edabb3ca08a9510a1881bd336046d6', class: 'stepper-progress' }, h("div", { key: 'be140e0af85e4a1d3e939423a8fab9b73394198e', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '7b52918d9ecc8c537201a6c42c771d5a34333fd8', class: `stepper-wrapper` }, h("slot", { key: 'c2ab16b8731e0fd0ce22c42ba36ec0e7d6822cb2' }))));
     }
     ;
     componentDidRender() {

package/dist/collection/components/switch/switch.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class Switch {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '09250877d542ca23a270571ef0ee83cf2c09500f', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: 'dbf19ddd341e9a67f75c80ffb73c406b5c503eed', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'e080fe45f7cf8865314fd03649108106bb70cbab', class: "switch__checkbox-wrapper" }, h("input", { key: '1ff93d6d04617f8ea62e9871c7ca90cf16a1ad9f', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '31abef6f9df4da79d769a34e3c5f0b45a3490abc', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '917b0869792cfb6cab5c4db9e1dc8f006d0a1c83', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'c8d0dc1b171a453ab89404560a185784f7b45a64', htmlFor: "switch" }, h("slot", { key: '27cb7fa588099b3a395e61cef4eaf988ff0b04e1', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: 'd2ff9dc8d7cf6fc3d497993f95e6576bb9d6a135', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '9859ed7c79c5f5a0b7a99e26a30335e42e305f2c', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'aa7752a3d19454fa05f20c2b4cf0027e54b82cc1', class: "switch__checkbox-wrapper" }, h("input", { key: '628c3d5134af182568a2de37e52edf3bee9cbb36', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '91aebaa44415c2c94d42e6df2dce2ef05620609f', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '57e4151d43ba4fee3b09cdcf93ec26dc884612b3', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '30de77889ff4c205ad3b680e65394f8024857750', htmlFor: "switch" }, h("slot", { key: '1cb1f77f64f56d43bbc6b59e72f84b0ff564076d', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get is() { return "ifx-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js CHANGED Viewed

@@ -88,7 +88,7 @@ export class FilterBar {
         // Calculate slotsToShow safely
         const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
         const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
-        return (h(Host, { key: 'bfa22efcdd791abda74435220fb755692f648f20' }, h("div", { key: '4f59c936be486ae7f6aa9e39d96607d9bcaa9685', class: "search-container" }, h("slot", { key: '5be499cdfe7ad06f5264042017aff8524ed71868', name: "filter-search" }), " "), h("div", { key: '680f31cf62b929c2e67ccf0370e7340a5b629569', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: 'aa6ba17bdc3d3590d0da1fc69b06b71e050a59cb', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'd50738b6ddee7886285945fa4efa02b2bdfcbf7a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'c9c21a0b80163e6f13bd17614336f8331deb505c', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '7fb927baf0e0ea9622e6e16ab2fb6ef884f9cb99' }, h("div", { key: '835ff1c82b6d16907ccd61bc00f057f0fd85f740', class: "search-container" }, h("slot", { key: '1a2b2255e4fae0a65531549ca31106bef74273af', name: "filter-search" }), " "), h("div", { key: '874d52c3f148be8a48201f39c257cc5ed6d021d4', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '49ad307b63a7fa2047e957df374920b00e34464d', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: 'fefdbd82b0a01f6ea9f2ea26b678786a9c0fd0d7', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'f4e4fef3b2ca4952b12a99a1ab263d750383bab6', icon: "filter-16" }), "More filters"))))));
     }
     static get is() { return "ifx-filter-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js CHANGED Viewed

@@ -31,8 +31,8 @@ export class FilterAccordion {
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: '463bf015b3d9d526b31057fd76acf6b78ede164f', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'e9b9999064681932aedf595d81e9ad5cf52540b0', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'b73c93d36249cf555503f8125250144de5a4f99e', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '6dca3aa58d73f3d5d6ce342e84584180813aa745', class: "text" }, h("span", { key: 'b796f999e66fa9f110a36cc2df46ca8cc62401c0' }, this.filterGroupName), h("ifx-indicator", { key: '1bafec782c2f23375fc08075ae6ac3f51f1de4ee', variant: 'number', number: this.count })), h("ifx-icon", { key: '2783247408b3f28e64244c4475bdb4dd335ce399', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'efa8c619f1555cf551717a6ae10871ffe57acc56', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: 'd22f22c3ae4850b0d73f1cc48874e4cfae496f11', class: "filter-accordion-container" }, h("slot", { key: '46d8312a3c1c8f5a92deabf19ae62416883ec4ca', name: "list" }))));
+        return (h("div", { key: 'ea1b33b97eb9cc71f2ddd9c0d184b56dadc1bce9', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'bd5a24072d446d83f35305493b9471f22558d7fa', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '2549cd6f6aa689f51e2fb2ae9ce49d94c38075e8', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '2fba6a223efabceaeb5303bd00de098b1827775d', class: "text" }, h("span", { key: '9694ed7595562762dd5df9cd4f8ac20cb3d021d6' }, this.filterGroupName), h("ifx-indicator", { key: '5cb8a2502dbdc1a03de0a75abfc128e74cc028e5', variant: 'number', number: this.count })), h("ifx-icon", { key: '8fa4035bf42663bd2b90da495054dc0f75f02f38', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'a98f118d6c7869c44328e418c6c9fb89aa3872c5', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: '2cfd258ef8951b4633751399241d9e31fdddcc5b', class: "filter-accordion-container" }, h("slot", { key: '9dcf56b81898bb2382b63a47a29af86880706a2a', name: "list" }))));
     }
     static get is() { return "ifx-filter-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class FilterSearch {
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: '17db256c836a6fe99164ab2db790514574f14a9e', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'ff817a1717e47ec99b857e7dc1eb3b04f2eaca0c', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: 'd9b08c85aceb2a5fa445b8913f5f7617ab6718c0', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: 'df60a819ce63c7d43ef26002476540c202abeaa3', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: '06cb25dd46d7fd9225c5ee85a4ac8fb009367bda', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: 'b91a281cc3a39f4944317463b68f86db1285bc3a', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     static get is() { return "ifx-filter-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js CHANGED Viewed

@@ -119,7 +119,7 @@ export class IfxFilterTypeGroup {
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: '1233264ed89fda967fe4a0a55a202774f3224bb3' }, h("div", { key: '8219859147372c090be8dd8c1903ad83cb952249', class: "filter-type-group" }, h("slot", { key: '71bb33ca569b56f408619b8fad01c8e6732d1817', name: "filter-search" }), h("slot", { key: '529e85aa065a4183d784007f7056baef8a0f60ff', name: "filter-accordion" }))));
+        return (h(Host, { key: '8e245856c37deb35a27e9f16ea68796fcfc8bda3' }, h("div", { key: 'd3061c5ac3980edd92eaae1fccf9acbfb2cd85dc', class: "filter-type-group" }, h("slot", { key: 'a0209af9fed2908f7d6449913820031a71526f80', name: "filter-search" }), h("slot", { key: '59a42cdc0ad9d5eed7a14a4d78379284d4241385', name: "filter-accordion" }))));
     }
     static get is() { return "ifx-filter-type-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class ListEntry {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: '95acfa9cdf7f9f93a9a9853e2e8e6661be3e1587', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: '191c0d0d1578948c343a9bfd6ac5843b7643209b', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     static get is() { return "ifx-list-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/table.js CHANGED Viewed

@@ -421,12 +421,12 @@ export class Table {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: '38fcf5f4bbb324615e51889ae9b12741d93fab18' }, h("div", { key: '45329029da69adbe6499f122bc434c5cbec4554b', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'b89d11039d0a8f372e811917fbb3f31a1bf47b67', class: "sidebar-btn" }, h("ifx-button", { key: '11b474f2e06998e49c190bd718be7bfc45ed5064', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '42a42f729ffa2f32fecd6804d038633ea3abb9db', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'e3615b010c7464d575aeff8e02db947bba178403', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'e9e836d6402c46f9d71744d0f42dade0c4bb5ea6', class: "sidebar-container" }, h("div", { key: '1b4da2c19e9a3525fd1603d5f4756fc76edb2e73', class: "filters-title-container" }, h("span", { key: '4274addf3f6dc213af28b91ea7ee81ae60a8de2d', class: "filters-title" }, "Filters")), h("div", { key: 'af02eb1e41338779085955ebd131ba5490b10b93', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '6a3f6b9d78461dd24c3965935bef6f11faad8b88', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'cd4fcb770a3dacc8cfcac8592e6d389efcec2306', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '5202fb1ae12ca45253cc7ad63225c8651f36c8df', name: "topbar-filter" })))), h("div", { key: '7ae1e5f65b94ff733a95a2f13ac449098d15df44', class: "table-pagination-wrapper" }, h("div", { key: '738ba7165a32d13b8f5512724e121fe65bdcc58b', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: 'ddc39ecc6b15beb0d862dde61df72506d8cdb778' }, h("div", { key: '92dfb30c256fa95aa2724598a5a871c89b551ca8', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '9fbf035334727b7fbb75f1a27058b69b2b40342d', class: "sidebar-btn" }, h("ifx-button", { key: '4478585415cb65ced7aaeac26a666b11bf731d08', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: 'f2f78deefb4e88aedd1336091e95cf7c1d2e7659', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'b8b436407246dacfdad9c2c39cfbe19d1d63af09', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '69c73b3d31d199d718ccd5b3626e494d6f327139', class: "sidebar-container" }, h("div", { key: '4cdf8135057c4f3613b9b1d84138885072973414', class: "filters-title-container" }, h("span", { key: 'f00d3bc7e055a8fd3740a2e3ff51a96a165b4591', class: "filters-title" }, "Filters")), h("div", { key: 'a00ee73a8e44a96db59eade80bb30571dc562d86', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'e34751892851931b6562253b7a2dd36ce312a252', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '933961586b3ca174b132c01eeabeaf4686396393', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'c180d8cfd86559488e2c74078d57b8c84b637f4a', name: "topbar-filter" })))), h("div", { key: '793c6da866b2db4464378410ca1ff817f22f45fb', class: "table-pagination-wrapper" }, h("div", { key: '5a091c27bdbee25f5f1aaf172ead318c0d35a089', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
             const filter = this.currentFilters[name];
             const filterValues = filter.filterValues;
             const isMultiSelect = filter.type !== 'text';
             return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? "multi" : "single", readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
-        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: 'c538517b3a88034aca6af430fce981c3e7da2635', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '15cfc207efdf7927a5109518e3dc4803258cdee9', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '9cbc8d7a5d81a8b2790f3a39bcb4a6f951ae0431', class: "matching-results-container" }, h("span", { key: 'f94a50a6453530b221b9462bdb22f3443ba4127b', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'df1d48bb5d50881d196a9b9707f14883f86b0f6e', class: "matching-results-text" }, "matching results"))), h("div", { key: 'bf13a00316a2756fa3ebefc6fffdac608b097877', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '75a7af777731d0b8c8240d5246021f1a82ed0864', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: 'bd919255bd5566f1dfe249a3cafa102a966a2e36', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '25ebdf6cfb5cd3a3d8e6bb69c1c7bcd359b6bd60', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '84f0e4f7f7d6aa03587490db6e9dc85c30490a03', class: "matching-results-container" }, h("span", { key: 'ff8f82475e07730e23c1364f1d6a0dc17460c702', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '49902e92b5b610dc6b257ed2ee278a8d6ff125d2', class: "matching-results-text" }, "matching results"))), h("div", { key: '5b8648bba6f8d8b072debb4a3a03880dcecd6250', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '4e1d71aa7e520b7761f72b2ecb1647bc68425195', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

package/dist/collection/components/table-basic-version/table.js CHANGED Viewed

@@ -151,7 +151,7 @@ export class Table {
         return {};
     }
     render() {
-        return (h(Host, { key: '34400efe5c1c880342374899c3e635063c5723b6' }, h("div", { key: 'fb21c3c82ab81fa323decfcd3322b051e8c45f0d', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '757eb92f81dc40908e81c9f428e0ee29a08b438d', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: 'ad4e39ac88197ec19929d6970db5497ab56e4757' }, h("div", { key: 'c4a88b94afce15bae40bc040fd8e6b1384e33976', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '8d051799e375499601256e9df922e29d5c6ca3d3', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     static get is() { return "ifx-basic-table"; }
     static get originalStyleUrls() {

package/dist/collection/components/tabs/tab.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class IfxTab {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: 'a42b81a00f0e1dd5c452f5804984006b6e4584be' });
+        return h("slot", { key: '3c785942607a81fc11a58d86b911b30bdab528ce' });
     }
     static get is() { return "ifx-tab"; }
     static get originalStyleUrls() {

package/dist/collection/components/tabs/tabs.js CHANGED Viewed

@@ -204,9 +204,9 @@ export class IfxTabs {
     }
     render() {
         var _a;
-        return (h("div", { key: '49fd509566612d2a3bf0a47fe71fcd96f596453c', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '53de69ae95e104e6be3fdfa25f4be6d1010deb9f', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: '38c7909405df6043c7081416261c7e1d944709c8', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '87f4fb331f271d2e0440139765b28242279c3507', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
             _a.map((tab, index) => (h("li", { class: this.getTabItemClass(index), ref: (el) => (this.tabHeaderRefs[index] = el), onMouseDown: (event) => event.preventDefault(), onClick: () => this.handleClick(tab, index), "aria-selected": index === this.internalActiveTabIndex ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', role: "tab" }, (tab === null || tab === void 0 ? void 0 : tab.icon) ? h("ifx-icon", { icon: tab.icon }) : '', tab === null || tab === void 0 ? void 0 :
-                tab.header))), h("div", { key: '4128e34ffd2803bc52371b132f18c44799b18aba', class: "active-border" })), h("div", { key: 'b12946a31c4095b22bcfded5df9f39cd39e491a1', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
+                tab.header))), h("div", { key: '2587b74846e4447bca5ff3951a2aa4697f0ecb6b', class: "active-border" })), h("div", { key: 'c9020ce911c51c70655082c0592da3c9b6930bea', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     static get is() { return "ifx-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tag/tag.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class Tag {
         }
     }
     render() {
-        return (h("div", { key: '8648ba641a1af145fa4f9561ac7a78b4725afcb5', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '4a49a3053b85442ba3ebb57d89796a860fb0ee3a', icon: this.icon })), h("a", { key: '6668142f4c86f6953d46de5aadf05f55c83d831b', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: 'b6558dbb22d0abb76d54f4cc277288d6c22ed357', class: "label" }, h("slot", { key: 'd5eac199c23ac41ba58e17b8cd2fd697fab54e2b' })))));
+        return (h("div", { key: '54860515082dafc6cf6af5d5d2c7314218a4a9fa', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'c6423bb9430162278c60f1099830f197c90cc734', icon: this.icon })), h("a", { key: '606425f798b31c72f8d3e9b75aabbaa379d9ed46', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '1f477544ff7f6710e960baccc83dc51a5c50ed3e', class: "label" }, h("slot", { key: 'ecdf86e97e59525a33c0b3ff106440eb60036d33' })))));
     }
     static get is() { return "ifx-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/templates/template/template.js CHANGED Viewed

@@ -128,7 +128,7 @@ export class Template {
         }
     }
     render() {
-        return (h("div", { key: 'ec20919e6bf9ccea999a652e81835b670a1d9886' }, this.isTemplatePage
+        return (h("div", { key: 'a5a2ef012f249d50e3a5834b2c99d3522f2bdada' }, this.isTemplatePage
             ?
                 h("div", { class: "template__page-wrapper" }, !this.repoUrl && !this.repoError &&
                     h("div", null, h("h3", null, "Your repository is getting ready.."), h("p", null, "This will only take a minute.")), this.isLoading && !this.repoError && h("div", null, h("ifx-spinner", { variant: 'default', size: 's' })), this.repoUrl && h("ifx-link", { href: this.repoUrl, target: "_parent", size: "m", variant: "underlined" }, "Your repository"), this.repoError && h("div", null, this.repoError))

package/dist/collection/components/templates/templates-ui/templates-ui.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class TemplatesUI {
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: '36aa01d8eaf43a955bde103c515ff1acb18bfe88', class: 'templates__container' }, h("div", { key: '9ce85c759c10f016692f155a74e5f63353915f66', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '53a8c146a85d2cba1efc15cb994f6c48d742f333', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '8e21e8970aa37fa859da1b3672178e3b7b840f0b', class: "alert__wrapper" }, h("ifx-alert", { key: '004e9f5284878a2d3b8de51620078d518bcfaa8f', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: 'd9821c5e2dd87bc85bb4628bb77077a1bf03da5e', class: "templates__title" }, "Choose your template"), h("div", { key: 'd2710a5ffacc29bb5d11a02e927f125a4a9035df', class: "templates__wrapper" }, h("ifx-template", { key: '46ee28ec8d68016117e00a6abe12106203aa83f4', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '08a20b67ccc818e63935dadfdec9f48adf2769b9', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: 'c34596386a391c421389f7d0715e01de0581de2e', class: 'templates__container' }, h("div", { key: 'd36800e04daa98ba555b0e8e4f58957960d296f6', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '0909aef53ac7b933839afa61bce5916e6e1dbb6f', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '8c4928e1224963db801779c5a5557a3fef979d2d', class: "alert__wrapper" }, h("ifx-alert", { key: '4cd3381649bd441959b55796fc7908507d1019ca', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '5e4c952723938f8d8c07e75d52da443dfd57cf42', class: "templates__title" }, "Choose your template"), h("div", { key: 'fea5647d0a300fb3b84c06a09dd12c0bd16b5630', class: "templates__wrapper" }, h("ifx-template", { key: 'b23fed97f867be22c33cf24fd5f8cb273c1c408e', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '84798da9a0339349072f0df1e882ab8aed922068', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get is() { return "ifx-templates-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/text-field/text-field.js CHANGED Viewed

@@ -56,12 +56,12 @@ export class TextField {
         }
     }
     render() {
-        return (h("div", { key: '2d0235815c39800ca53f44da5fb8fd2ddb3a5764', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: '5825bbc344ce4e43013d812488a4ff3b8891856e', class: "textInput__top-wrapper" }, h("label", { key: '5c023d77293758cc1e653afed41580373ca67682', htmlFor: this.internalId }, h("slot", { key: 'a6fc1c9ed285a8bdcabe52f2f24d7f941b171e73' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: 'aae5c068405ebf9bee2f0b198a9f0b2fc3786728', class: "textInput__bottom-wrapper" }, h("div", { key: 'c60855cde57ecdf8dd5ce738115a3e13a3c75f3d', class: "input-container" }, this.icon && (h("ifx-icon", { key: 'b6b1edfbf1764ab9b9e5ce2fcf81bf59963a055f', class: 'input-icon', icon: this.icon })), h("input", { key: 'd81795ee0cd84a284107a133efe1a6a16a9224b6', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
+        return (h("div", { key: '7ea646628085cf4007533a9ec6825ad2259cb509', "aria-label": "a text field for user input", "aria-value": this.value, "aria-disabled": this.disabled, class: `textInput__container ${this.disabled ? 'disabled' : ""}` }, h("div", { key: 'f97974d86716cc16b219b4b9ba904a7d25f55000', class: "textInput__top-wrapper" }, h("label", { key: 'eb0c422f0d16387f377d794c667f36a3f42ee6e9', htmlFor: this.internalId }, h("slot", { key: 'b3319e688dc9976eed5f5b72baa5e57e97952381' }), this.optional && this.required ? (h("span", { class: "optional-required" }, "(optional) *")) : this.optional ? (h("span", { class: "optional" }, "(optional)")) : this.required ? (h("span", { class: `required ${this.error ? 'error' : ""}` }, "*")) : null)), h("div", { key: '0f2e2494a174e8f24cebf99c3b8fdf13bcd1a8bf', class: "textInput__bottom-wrapper" }, h("div", { key: 'ea748222b6c51c62822c8850acdb3423c132d16e', class: "input-container" }, this.icon && (h("ifx-icon", { key: '98b62a88b7306dc56ff9619554ce21f5d8f54bdf', class: 'input-icon', icon: this.icon })), h("input", { key: '51ee89ffcb7debcd3287e1aeb55fcaacceaeae2c', ref: (el) => (this.inputElement = el), disabled: this.disabled, autocomplete: this.autocomplete, type: this.internalType, id: this.internalId, value: this.value, onInput: () => this.handleInput(), placeholder: this.placeholder, maxlength: this.maxlength, class: `${this.icon ? 'icon' : ""}
                 ${this.error ? 'error' : ""}
               ${this.size === "s" ? "input-s" : ""}
-              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: 'f9f55b6923a7747444575bc6b013808df6cdb55d', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
-            h("div", { key: '5ffd18783308681843568e2bc9ea99077a9fb6f3', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
-            h("div", { key: '4fa4172bf2eb38a0546c46acb03d34da543ee666', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
+              ${this.success ? "success" : ""}` }), (this.showDeleteIcon && this.value) && (h("ifx-icon", { key: '548a96a6ff8d8825290f5b6034f9a6daff3e4f83', class: "delete-icon", icon: "cRemove16", onClick: () => this.handleDeleteContent() }))), this.caption && !this.error &&
+            h("div", { key: '412b58db8de04214ec3d59bd2ff35eb77949ffff', class: `textInput__bottom-wrapper-caption ${this.disabled} ? disabled : ""` }, this.caption), this.error &&
+            h("div", { key: '8811eece7b1c34dc8197056a879b5b425aa59c53', class: "textInput__bottom-wrapper-caption error" }, this.caption))));
     }
     static get is() { return "ifx-text-field"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.js CHANGED Viewed

@@ -54,8 +54,8 @@ export class TextArea {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c89a6c874848713337489b31e910e4f5788f73d8', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'df51153904f71d5dcf581d03aa49647fb1a30d9b', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.trim(), this.required && (h("span", { key: '89e1fe57ee94e1e88fb8503bea8d1bda01fdc574', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: '4a442ab9c600119213eb4396e3bb11986d7e47d9', class: 'wrapper__textarea' }, h("textarea", { key: '743dd555bcc44194d008a298d58eed3a92cbcf3f', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'dee65214ebfc07cce5f89f11f8c3dadd0025f693', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: 'b4481c42adc76f507c7b6ba58c6a9a3bf2dc002e', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '34dc978345858588513900e8dd942ad4585342ef', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.trim(), this.required && (h("span", { key: 'c7b7cf42e30c3dfebd6d4f04809c95ab7f01e5fd', class: `required ${this.error ? 'error' : ""}` }, "*"))), h("div", { key: '6b6bca4bdb1cb3c6a1eb92464b608ca00ded8862', class: 'wrapper__textarea' }, h("textarea", { key: '0d26ed98a8c443f07381b411d46bae7de192e714', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: 'e9da35cc7b65c78fa1afdf2cf27f18e7505deb89', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get is() { return "ifx-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js CHANGED Viewed

@@ -155,10 +155,10 @@ export class Tooltip {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: '31155407b58f87cb405c7c5ebb84dbcdc6803b87', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'a4ac4313865641d3224aa8692718df31aaad374f' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '2c0a893107ead1fa6088c2f6daa2c8a649283ee5', class: tooltipDismissible }, h("button", { key: 'e238a03f4ae93aa92395d04666ca79e7ce337a28', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '7b50ffa8eea2614e63744706df4af9af76ec11d8', icon: "cross16" })), h("div", { key: '63145c0a7927a58eb583a2aca0ffd58578abc2d9', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'a791393792687db294cd774240aed6b3076d8462', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'ac90523455431bc046fb8738629ba0455eb6c11d', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '01f51ed9e9e54daf7b9a14635fbd473f17b1da3a', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '49f89eb661260ee2403805912c1bce0540e9f248', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: 'f2bf5f26d56d6a8968c7f7f9b6603fbb04cc0154', class: tooltipCompact }, this.text, h("svg", { key: '94f4e3aa60d8ed3eea89e00ff42ebc047e9fe1ae', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'be6e1343a5235838116696e42670c0db53edeb1c', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: '14504b62dc608358ab2d8b84f4d2f0959e8424eb', class: tooltipExtended }, h("slot", { key: 'af6c313ca5d87e38ffd2597d93890471299a2251', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
-                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '894793aedd22b6c644862ad7e52ccf463c7aca42', class: "tooltip-extended-content" }, this.header && h("div", { key: '062d5c8aaf1c9e2e30f2954150d47f99162e5910', class: "tooltip-extended-header" }, this.header), h("div", { key: '7f3bf2ebb19c466718834a83dfa895620a34cd63', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '50c6cdc5d808603bbbc732886db36181a34d27d4', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '042c2bcf22f0559cff8c5db8793128ede4699b05', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '5e5cc1fa5c9ec49849fa5f78c220a3d3afd5fa84', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'c6486b1a9b2f4147a4b359669f77bc9678c44404' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '663db61ef18dba05ecc87dc2d3404ccd5a423917', class: tooltipDismissible }, h("button", { key: '39d0d47ed02b8f49363cab4b6f366b6730888e2c', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '653a22f87da21ada807da35347caf7e8aff6878e', icon: "cross16" })), h("div", { key: '35ee339b148fb0157d6a08df1ca38314c12dd636', class: "tooltip-dismissible-content" }, this.header && h("div", { key: '42bb380bce7839a4263e82b91f7f577716087277', class: "tooltip-dismissible-header" }, this.header), h("div", { key: 'e0436f7e5a65a0354a82338c34ab62d4e3656c0a', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '4867c44982b76a53e24e3efff7838e603cb28d27', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ed9c304285de92d64444c4faf07f2f76582f2fe4', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: '4bb8e1ca55e2ca3077615727f50c35de5a014957', class: tooltipCompact }, this.text, h("svg", { key: '382a5bcae87e6652d57ac03e1bee26ae5494ce54', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '33ca23e4ed5dfc332e62d8f5a34b4f39c2e388e6', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: '4553fe35ce9a37eab707eab180dbd04247a91f91', class: tooltipExtended }, h("slot", { key: 'bd11143759af71f7e045ecf7640cef44f6b6f338', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
+                h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '46446e956bb9f1cbcaf86f6dafdfafda1f447a41', class: "tooltip-extended-content" }, this.header && h("div", { key: '0724a40073e23f359c2759ed9854242b357c2d2c', class: "tooltip-extended-header" }, this.header), h("div", { key: 'b54da3ac4901f19dd9ae9b88d6e79ff36cd16cb2', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'e0caa4063f3d5c5f0323843b20b9b8cbf4439c66', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '46c01df81886f71356204957edc651a3cbc0b27d', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     static get is() { return "ifx-tooltip"; }
     static get encapsulation() { return "shadow"; }