@infineon/infineon-design-system-stencil 33.2.1--canary.1723.b0e0253c13cf7166d5e9a69d5006845c2776873e.0 → 33.2.1--canary.1847.aa1c8b6d72cee964aa4a26dfd807f16b2dadc7df.0

package/dist/collection/stories/setup-and-installation/faq/faq.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class Faq {
     render() {
-        return (h("div", { key: '38fe3ec5631fe45adcc35588f571cb04b9c2ff86', class: 'container' }, h("ifx-accordion", { key: '0a200c6d581b25df4d1ac5109a552fb03ce19248' }, h("ifx-accordion-item", { key: '817f3277cafe0434924c77df5f535a1aed24c31d', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: 'c26ade22de3178d88f441dfeaf13af56b39a225e', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'f294796deb5779d31b8d0436c0ebce363e17d51b', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '17996798e2b1a74e4ba64e0745cccc3de1af63dc', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'f3246800892322c806e8710a8c7824b7dffa6a34', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
+        return (h("div", { key: '654cada4bb1b178453c1183b8fe0554b38dbfa27', class: 'container' }, h("ifx-accordion", { key: 'a74e7603f6e9a772515d303342185453ec7cd809' }, h("ifx-accordion-item", { key: '5367585f585edd4a2ee9877a1611e2bca3aa966a', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '44ae0a274050c9d5f894a25f3f40f3688c95ff53', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'd97b7d946a933e70b7232f4dbbbb89c582d22b8d', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '8c46c204474887279bba9976dd290237a0ce1797', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: '829affec52cab85adf74014060bb2a4443be1533', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
     }
     static get is() { return "ifx-faq"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/ifx-basic-table.js

@@ -180,7 +180,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         return {};
     }
     render() {
-        return (h(Host, { key: '1184ecf9eac02bbb0f6497ad8ea3d00277b8543d' }, h("div", { key: '4fc0b2cd08c12660314e2a324f7fc9254f782a48', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: '333df1de32d8efcd39a2a51799bcba99ca453be2', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
+        return (h(Host, { key: '354a1e781e5323bb669fa4058bb757d99d131f9e' }, h("div", { key: '39ae396feba51be9babfa48c1614e223967ba125', id: "table-wrapper", class: this.getClassNames() }, h("div", { key: 'be413883119cf1862cf171af2944dacf86d8b521', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: this.getTableStyle(), ref: (el) => (this.container = el) }))));
     }
     get host() { return this; }
     static get style() { return IfxBasicTableStyle0; }

package/dist/components/ifx-faq.js

@@ -13,7 +13,7 @@ const Faq = /*@__PURE__*/ proxyCustomElement(class Faq extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '38fe3ec5631fe45adcc35588f571cb04b9c2ff86', class: 'container' }, h("ifx-accordion", { key: '0a200c6d581b25df4d1ac5109a552fb03ce19248' }, h("ifx-accordion-item", { key: '817f3277cafe0434924c77df5f535a1aed24c31d', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: 'c26ade22de3178d88f441dfeaf13af56b39a225e', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'f294796deb5779d31b8d0436c0ebce363e17d51b', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '17996798e2b1a74e4ba64e0745cccc3de1af63dc', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: 'f3246800892322c806e8710a8c7824b7dffa6a34', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
+        return (h("div", { key: '654cada4bb1b178453c1183b8fe0554b38dbfa27', class: 'container' }, h("ifx-accordion", { key: 'a74e7603f6e9a772515d303342185453ec7cd809' }, h("ifx-accordion-item", { key: '5367585f585edd4a2ee9877a1611e2bca3aa966a', caption: "What is the Infineon DDS?" }, "The Infineon Digital Design System consists of code components, design principles, tools and guidelines as well as a dedicated interdisciplinary team. Its purpose is to support internal and external colleagues create digital user interfaces with a high level of usability as well as a consistent expression of the Infineon brand. The DDS does not focus on the content of a web application but it describes how the design of the application\u2019s structure should be."), h("ifx-accordion-item", { key: '44ae0a274050c9d5f894a25f3f40f3688c95ff53', caption: "How do I get access to the DDS?" }, "You can use the provided Figma file as a foundation for mockups and prototypes, use Storybook to view what UI components and variants are available and use code components provided via Storybook or Github."), h("ifx-accordion-item", { key: 'd97b7d946a933e70b7232f4dbbbb89c582d22b8d', caption: "Can I integrate the Infineon DDS into my project?" }, "Yes, you can. We are happy to discuss with you which point in time and which scope of integration is bestsuited for updating your interface to the Infineon DDS. (To avoid that users get confused by a mixture of UI components, we recommend choosing larger updates or technology changes as opportunity to integrate the Infineon DDS.)"), h("ifx-accordion-item", { key: '8c46c204474887279bba9976dd290237a0ce1797', caption: "Are Infineon DDS components accessable?" }, "We have taken WCAG 2.0 Level AA as baseline level for all design decisions inside the Infineon Digital Design System. To make an online experience truly accessible you have to implement the specific code, content, and visual design according to the accessibility standard. Find an introduction to this topic here."), h("ifx-accordion-item", { key: '829affec52cab85adf74014060bb2a4443be1533', caption: "How to request a new component?" }, "Please contact us like described in the contribution section! We are planning to expand the number of components continually. If your component is also usable for multiple other projects, there is a good chance we might work together with you."))));
     }
     static get style() { return IfxFaqStyle0; }
 }, [1, "ifx-faq"]);

package/dist/components/ifx-filter-accordion.js

@@ -53,8 +53,8 @@ const FilterAccordion = /*@__PURE__*/ proxyCustomElement(class FilterAccordion e
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: '04f5bf30e72842f9933b4e996d0f1f8fd05a7e20', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'db74e70636d12b7eda258cd51b970efabca762b1', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '275bb4906b9bf54d3f7a3d92127c2b5f5929f66f', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '196c8da9491b30ee1b9340f2d608dcc0fbc77e8d', class: "text" }, h("span", { key: 'ca7a0e16bdec5ad7c7712eacc663e93016745274' }, this.filterGroupName), h("ifx-number-indicator", { key: 'ded7fee1ddad870fd8ab71c552443b10c64fe16b' }, this.count)), h("ifx-icon", { key: 'bf3c7d0609df661cf80d2a54d6541f00ad12e4fe', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'e51d932d03376e78da2a7c7023b7a730c485735e', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: '9f918e904eac2a581a2964c151a968745ac947f3', class: "filter-accordion-container" }, h("slot", { key: 'dd76a13a2b0eacbdf472d80418b3c003c9a4fac5', name: "list" }))));
+        return (h("div", { key: '376ed76f31af5f3d28f427909a3b2e2aff418818', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '3b7852c22e5ce179f537600276c84774d16075e6', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '9a9007f413bf9c9d78a05519d7cff15c6d04fb4a', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'e3cda79378425d45ac28a407ca1477535a91500c', class: "text" }, h("span", { key: '7bb274dbb2b77fdcc7af82309553a94f2d4bc3be' }, this.filterGroupName), h("ifx-number-indicator", { key: 'f815b35b394b29330c433caac4857f1bbec9c3c0' }, this.count)), h("ifx-icon", { key: '85c66847acbc6e9821a591c8f1918806c3f4ad43', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: '3a0e6b52c4c0acda4ee82bb64212efe85fb8aeef', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: 'f9ad9e4fc6e13b44c618769929407a69d1fefae2', class: "filter-accordion-container" }, h("slot", { key: 'df4d00bce31bb9a8aaf2e596fb651603adc6e594', name: "list" }))));
     }
     get el() { return this; }
     static get style() { return IfxFilterAccordionStyle0; }

package/dist/components/ifx-filter-bar.js

@@ -97,7 +97,7 @@ const FilterBar = /*@__PURE__*/ proxyCustomElement(class FilterBar extends H {
         // 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: '3918b1d231610b4f950c76a2ed07d925d7ba29e3' }, h("div", { key: 'd72e6b4183d5f89b28f837ffb7996a63d33f5c4f', class: "search-container" }, h("slot", { key: 'e01e5096996fe278288ca45a4556df6f887e95b2', name: "filter-search" }), " "), h("div", { key: 'd98c1aabedb706e1cd87329e1b5f223395692e01', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '655e3d96f5265ad5c2f412c27b715a083456e8b6', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '47dabee1d37f6c673b2d62de1547eaba96262e8a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'de59be45b90578acde9c141129f4579562e348cf', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '02aa0e0e21ab38cf8db7b5c5bb07bdaf2977811b' }, h("div", { key: '1576791bdbfbaa6524c55747749d95f8dc1ccca4', class: "search-container" }, h("slot", { key: '83725d28525c6d381517e4478bbfa48c8a4aa9b9', name: "filter-search" }), " "), h("div", { key: '563bd5d6af19d7c28ad682e2737b21672ce18e9d', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '34b7998a97bba46bec4b8310587952ac06e4c52d', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '10fb952568f14969d94f2d18471256b03d119a9b', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: '65809bc9432d559547190c951ddebf892990d116', icon: "filter-16" }), "More filters"))))));
     }
     get el() { return this; }
     static get style() { return IfxFilterBarStyle0; }

package/dist/components/ifx-filter-search.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-2cc378b8.js';
 import { d as defineCustomElement$3 } from './p-e7551b24.js';
-import { d as defineCustomElement$2 } from './p-7b38ddd5.js';
+import { d as defineCustomElement$2 } from './p-dccd1c1c.js';
 
 const filterSearchCss = ".sidebar-filter-search-wrapper{display:flex;padding:12px 16px 16px 16px;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:\"Source Sans 3\";background:#EEEDED}.topbar-filter-search-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;gap:4px;font-family:\"Source Sans 3\"}.topbar-filter-search-wrapper ifx-search-field{width:100%;}.filter-name{font-size:1rem;line-height:1.5rem;font-weight:600}";
 const IfxFilterSearchStyle0 = filterSearchCss;
@@ -33,7 +33,7 @@ const FilterSearch = /*@__PURE__*/ proxyCustomElement(class FilterSearch extends
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: '53a34910aec55e31b40d2d2868481fea46dec401', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'eb4451b33cf8815237b0543d22f0cabcc2129070', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '6240cf45bc67f23d9899ee67914974104801f632', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '3a3909fafa10d861c7ff3b1345220a99c8094fc2', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'f04e9957e504129746969a67d46abf21c5bb468c', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '4ca35fad09d00bd2d0b7a92111f2abb1182984b3', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ifx-filter-type-group.js

@@ -127,7 +127,7 @@ const IfxFilterTypeGroup$1 = /*@__PURE__*/ proxyCustomElement(class IfxFilterTyp
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: 'b3c13d48da96a74d05ba0af9f592fc4f4bf688fc' }, h("div", { key: 'd0bea155f2d083279710607bde2957fa7f2bdd41', class: "filter-type-group" }, h("slot", { key: '71c60c9cdc705fb1d845b93d9871f3257090b88f', name: "filter-search" }), h("slot", { key: 'd3ecbbd9e98a227cd2d6902e28ce13c1511bd451', name: "filter-accordion" }))));
+        return (h(Host, { key: 'f9e20ecec05c106cc7c46daf6aafdf99b46e2615' }, h("div", { key: '6b7e9c8efa1adb5b363c307395daa4d3dc6008a1', class: "filter-type-group" }, h("slot", { key: '898eaee110d211bd6d11b4004a865e53a75ebfc0', name: "filter-search" }), h("slot", { key: 'a4cd279b6717aea1d774a0500108f756b70644d3', name: "filter-accordion" }))));
     }
     get el() { return this; }
     static get style() { return IfxFilterTypeGroupStyle0; }

package/dist/components/ifx-list-entry.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-2cc378b8.js';
 import { d as defineCustomElement$4 } from './p-4d64e776.js';
 import { d as defineCustomElement$3 } from './p-e7551b24.js';
-import { d as defineCustomElement$2 } from './p-26e62031.js';
+import { d as defineCustomElement$2 } from './p-77e746ee.js';
 
 const listEntryCss = ".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";
 const IfxListEntryStyle0 = listEntryCss;
@@ -26,7 +26,7 @@ const ListEntry = /*@__PURE__*/ proxyCustomElement(class ListEntry extends H {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: 'e7beb5ddc5e3493eac6f47d2eaf066a6f8a09add', 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: 'ad65384bebf5cd37c59af70dd26071c371814d9c', 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)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/ifx-pagination.js

@@ -1,4 +1,4 @@
-import { P as Pagination, d as defineCustomElement$1 } from './p-0ccba8b1.js';
+import { P as Pagination, d as defineCustomElement$1 } from './p-42385607.js';
 
 const IfxPagination = Pagination;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-progress-bar.js

@@ -20,7 +20,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
         this.internalValue = this.value;
     }
     render() {
-        return (h("div", { key: 'e1978cda672a5b004cd0520c099041172ec5e819', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '2e9094099e63479b88f5b832ec55f5eb51ab0d13', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd7f1ecd1109f03379ffa36626e27f50f9ef7ca72', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: '0a056197a5a987fabf6fe5ded84b00645e763570', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: 'b652cb9f595beba037f08bf623be2a4421d4db3d', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: '7c7ec56c39119ad47a9ce6dcf20f87790f1b342c', class: "label" }, `${this.internalValue}%`))));
     }
     static get watchers() { return {
         "value": ["valueChanged"]

package/dist/components/ifx-radio-button-group.js

@@ -48,7 +48,7 @@ const RadioButtonGroup = /*@__PURE__*/ proxyCustomElement(class RadioButtonGroup
         this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
     }
     render() {
-        return (h("div", { key: '81ad6c9e3c9383011b89b8c5cbc0199a82731ede', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '7cff1f5f620a3d8a8b9942fa036e7da781365332', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '379cb323140188aa43ad1677d05e81a6b6335b03', 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: 'db47c6f68f4fc71019cdb241b2cec97868253a9a', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: 'faabddc94a68916f090cee61eaaee086f141a334', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '5139a0aec69f151e302ae57564bebcee202ef08d', 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 formAssociated() { return true; }
     get el() { return this; }

package/dist/components/ifx-radio-button.js

@@ -1,4 +1,4 @@
-import { R as RadioButton, d as defineCustomElement$1 } from './p-26e62031.js';
+import { R as RadioButton, d as defineCustomElement$1 } from './p-77e746ee.js';
 
 const IfxRadioButton = RadioButton;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-search-bar.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-2cc378b8.js';
 import { d as defineCustomElement$3 } from './p-e7551b24.js';
-import { d as defineCustomElement$2 } from './p-7b38ddd5.js';
+import { d as defineCustomElement$2 } from './p-dccd1c1c.js';
 
 const searchBarCss = ":root{font-family:\"Source Sans 3\", sans-serif}:host{width:100%;display:flex}.search-bar{box-sizing:border-box;height:40px;background-color:#FFFFFF;display:flex;flex-direction:row;align-items:center;width:100%;font-family:\"Source Sans 3\"}.search-bar.closed{display:flex;width:auto;justify-content:flex-start}.search-bar .search-bar-wrapper{display:flex;align-items:center;gap:16px;width:100%}.search-bar .search-bar-wrapper a{text-decoration:none;font-size:1rem;font-style:normal;font-weight:600;line-height:1.5rem;color:#0A8276;cursor:pointer}.search-bar .search-bar-wrapper ifx-search-field{width:100%}.search-bar .search-bar__icon-wrapper{display:none;flex-direction:row;align-items:center}.search-bar .search-bar__icon-wrapper ifx-icon:hover{cursor:pointer}.search-bar.closed .search-bar__icon-wrapper{display:flex}.search-bar.closed .search-bar-wrapper{display:none}";
 const IfxSearchBarStyle0 = searchBarCss;
@@ -41,7 +41,7 @@ const SearchBar = /*@__PURE__*/ proxyCustomElement(class SearchBar extends H {
         this.value = event.detail;
     }
     render() {
-        return (h("div", { key: 'c902f46ef9efab55d05e5f0c5bf24204e364f9f7', "aria-label": 'a search bar', "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", { tabindex: "-1", 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: '9995b9399f48a87b668b43aa4dbec29a752aaf9f', "aria-label": 'a search bar', "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", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ifx-search-field.js

@@ -1,4 +1,4 @@
-import { S as SearchField, d as defineCustomElement$1 } from './p-7b38ddd5.js';
+import { S as SearchField, d as defineCustomElement$1 } from './p-dccd1c1c.js';
 
 const IfxSearchField = SearchField;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-segment.js

@@ -27,7 +27,7 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends H {
         }
     }
     render() {
-        return (h("div", { key: 'a2a4f876b6df7d82483690ab39a8eb2957f86b98', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'ebb49e6c61e102ef1b215c7210108af449a4533f', icon: this.icon }), " ", h("slot", { key: 'cbbb7945b5cfe90543b0ed3ddbe64f1799f1483c' })));
+        return (h("div", { key: '242103eeefd5c176ebb090767290c3b209c896f7', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '7a7a84efd91e773e132d137e96107465ad5cbe8b', icon: this.icon }), " ", h("slot", { key: 'a3aff1230d6b0f3edf4c90b6748f4c515c3c04a0' })));
     }
     static get style() { return IfxSegmentStyle0; }
 }, [1, "ifx-segment", {

package/dist/components/ifx-segmented-control.js

@@ -71,8 +71,8 @@ const SegmentedControl = /*@__PURE__*/ proxyCustomElement(class SegmentedControl
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: '440acc93eac2fe00fb0de05708e74361b47889e3', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '0fbbe733af666f4da2684f7146cace877d43be18', class: 'group__label' }, this.label.trim()), h("div", { key: 'f4ddddb0f4870b5de51133e1d4f44b52aac091b6', class: 'group__controls' }, h("slot", { key: 'c89b3beba004ae66725b3fe82c588a9af2c1b645' })), this.caption.trim() &&
-            h("div", { key: '25e23614a9f8c980c7a96a6dff27ca9836b552ab', class: 'group__caption' }, h("ifx-icon", { key: '09766369503ef8aac9ea018b5eb3e547932b6121', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (h("div", { key: 'dab5856773fc59c5b96e96b4e63de8bd09b311e8', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: 'ec4d89bbb8838f2bbf37d6ffeb974bb31e4bb977', class: 'group__label' }, this.label.trim()), h("div", { key: 'db10682b8d86a451a922f00e72f1cad6b0e0f2c6', class: 'group__controls' }, h("slot", { key: 'c4a9ef1b511c4b1e495af61d8096e6bf7a153c2b' })), this.caption.trim() &&
+            h("div", { key: '8c4158f78ad3c54ae453b7524a82121a06637087', class: 'group__caption' }, h("ifx-icon", { key: '41d0dbfdadf7aaec93ff80be95e91cb496b2aa55', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/components/ifx-select.js

@@ -1,4 +1,4 @@
-import { C as Choices, d as defineCustomElement$1 } from './p-1d737cf7.js';
+import { C as Choices, d as defineCustomElement$1 } from './p-1266857d.js';
 
 const IfxSelect = Choices;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-set-filter.js

@@ -3,8 +3,8 @@ import { d as defineCustomElement$7 } from './p-4d64e776.js';
 import { d as defineCustomElement$6 } from './p-dd76064d.js';
 import { d as defineCustomElement$5 } from './p-e7551b24.js';
 import { d as defineCustomElement$4 } from './p-b4e91450.js';
-import { d as defineCustomElement$3 } from './p-1d737cf7.js';
-import { d as defineCustomElement$2 } from './p-59110a4e.js';
+import { d as defineCustomElement$3 } from './p-1266857d.js';
+import { d as defineCustomElement$2 } from './p-eedb3b58.js';
 
 const setFilterCss = "";
 const IfxSetFilterStyle0 = setFilterCss;

package/dist/components/ifx-slider.js

@@ -145,10 +145,10 @@ const IfxSlider$1 = /*@__PURE__*/ proxyCustomElement(class IfxSlider extends H {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: '6d8a7acac67dff6fa16e5857d5d87ac1a230e708', class: "ifx-slider" }, this.leftText && (h("span", { key: '8fa50d852e012089fd2b918b093e87bf3c2f2c3a', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'd84ba5ac7f08dd8dddca0c24143ba97bcfda374e', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: 'a47f129ac76a02e539b02ce53ce3531e4924318b', class: "ifx-slider" }, this.leftText && (h("span", { key: 'f854c9c5553c8a8e62b6448828356a25cbafaa84', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '718b4b1a6978202e56d3380fcb88ba3174644766', 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: '02911017ea076f62e13a55b98e8a723f40c9c75b', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'e984e2322ff0fe2f8d2a2404a8e342c393a822e7', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'eb473d4ddcf6d10a3e01c474ffc76b916b0163e3', 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: '821de1c6f6e7e4c34a5bf279c49988521fabd847', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'de7cd4fafdccd8bbf82886855f2b446a74139c6f', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'a9a31d31982344e39ed22722d0ec57d24b4968b3', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ifx-spinner.js

@@ -1,4 +1,4 @@
-import { S as Spinner, d as defineCustomElement$1 } from './p-519cb249.js';
+import { S as Spinner, d as defineCustomElement$1 } from './p-85ce5a1e.js';
 
 const IfxSpinner = Spinner;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-status.js

@@ -15,7 +15,7 @@ const Status = /*@__PURE__*/ proxyCustomElement(class Status extends H {
         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: 'f613dcda2a1cdf86cb9169937a3674b1f8d985f7', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '17792fd234e467d0396d00f6e244a5842d08e1ce', class: `dot ${effectiveColor}` }), h("p", { key: '51261dabeec924c46a9a710c74de9bb7140bf927', class: "text" }, this.label)));
+        return (h("div", { key: '67fb5dcfeb258518a98b4e7fec4d5336efd6ebcd', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'c7a123e821b5074fe8f215f883aa9d2e59404762', class: `dot ${effectiveColor}` }), h("p", { key: '5798ca747692c831a55f3b2959db6c42d46cc392', class: "text" }, this.label)));
     }
     static get style() { return IfxStatusStyle0; }
 }, [1, "ifx-status", {

package/dist/components/ifx-step.js

@@ -50,7 +50,7 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
         }
     }
     render() {
-        return (h("div", { key: '9914ec28d308a59dae9f0f6117b2aece72ac6438', "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: '67813ee4b35ccb5ce5b9536760180dc99eb734f2', "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' : ''}
@@ -58,11 +58,11 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '6017ac474bcbc1afa7ed1ec416bf0302fdbd5cdd', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '0a90ed22e8b55a0a20d463347edd656ece131992', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: 'c21888305852d7434847c329a7f7569ff2ac3b7d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '1a97cd47db4fe64eda55a1418511bb1e78bc1332', icon: 'check16' }), this.active && h("span", { key: '2b918fa4f3052c7e6c5597f175956802ec2f34bb', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'b515f8cab0008f14c9e1ba9a5f085792a440a2cc', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '772ef8271ffb3398a7bcfedb732a12e43250ae98', class: `step-connector-r ${this.active ? 'active' : ''}` })), 
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'b65c11a9334ddc6cfa3760883280cc0929de26db', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '509c2da59919ebc5b730ffc1ef795be3962b4784', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: '47b8eb61de8b0d9363d59d386e2ec00824994ffd', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '528ab6ed4b54e207f56999eda4f204d7237e15ae', icon: 'check16' }), this.active && h("span", { key: '8f3c5e9b1f1faa74c91e343f024bbe86734eb9e5', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '40beb5b2ac5c2b80034d935ed499955557757e9a', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '02330c59c8340ff48e0c98ca6c5e97d391715a05', 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: 'b16463d3fb54cafc520cb7799f647884f28989f0', 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: '81c8b0a1310dcb02c0c668c2ac7ed84902e31a8f' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'c20034f2bee0fea186754be2480b75552f4ea9e9' }))));
+            h("div", { key: '745dc346d34dee31109bb9f7f466f926b6c3ca21', 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: '488e381198713ca607975f55b3f02b57e9009856' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '09bc9a4e89a11cfbfb0e2f6f46f729588fea66df' }))));
     }
     ;
     static get watchers() { return {

package/dist/components/ifx-stepper.js

@@ -126,10 +126,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '797f8d8dcc699cfedf33c1a03d73d92fa452789e', "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: 'ebb0dcfedfa5bbbfb7cd6c5abe7125b948fac551', "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: '809a1220c3920494be1e8ad0894d2e4eaf586823', class: 'stepper-progress' }, h("div", { key: 'ca02c1f0c34d24363f030b828d6d9807140687fe', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: 'dbed479b177e2535fcdf3ef7f5b1be04b6839074', class: `stepper-wrapper` }, h("slot", { key: 'ad74e85e68cb12d1737066d07274e00b04db7077' }))));
+            h("div", { key: '82ff1eb3fe665ca2cc6690e0ec589e8c3572bf52', class: 'stepper-progress' }, h("div", { key: '31ee2433f257a8da7f8077ea24672fb41fd69298', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '49ee4b5aaa2fe97dbfcb2855fb2af51a835f7d87', class: `stepper-wrapper` }, h("slot", { key: '3f1ad0132e9d566fc4c54a7fe4f6b294c735325d' }))));
     }
     ;
     componentDidRender() {

package/dist/components/ifx-switch.js

@@ -72,7 +72,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '00275ee24707ebf446476430fa4af6939bd017bf', 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: 'e15a531e43b1ccac07b4d8df4c91b44377c09ed4', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'bbbed47db3b07d7977b4ad29c08ba9d2b0bbce0a', class: "switch__checkbox-wrapper" }, h("input", { key: 'fd06dd4ccf3b45dc64d6d976ed2fb60dcf9134d4', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: 'd3dc979f46b1f46cbbc3fa6df7d0b84852dddde7', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'f3e47e690f6d87515f248fae689379b81fd6ff8a', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '4fef1d74b28e8b556f5364b6558047d1cf37eda1', htmlFor: "switch" }, h("slot", { key: 'acd83b37e36d11a0a2b7fd3a40bf1f0c584be42e', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: 'e8b7161f772a860e04f0973a03c98759111a02e4', 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: '9c5c078eb35d96fe42662eeae2ceb6408126eedf', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: '93dd1bf0cd4745cca77f97bc655533d9d1fc218a', class: "switch__checkbox-wrapper" }, h("input", { key: '1c51b7b432940b5bd835276ed20d64e26fa907c8', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '2cfd326305c2e14fab2ef2f795b9dc0864fffaf1', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'c058972ad6cb6fca2b091304e6419109e2aa83ce', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'fc24e0b5b2b2af4fef6cfb4ce6fda28204e3a0a0', htmlFor: "switch" }, h("slot", { key: '9f9fef34b64b9d89647acfa3d1c8d983b8581d0b', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/ifx-tab.js

@@ -15,7 +15,7 @@ const IfxTab$1 = /*@__PURE__*/ proxyCustomElement(class IfxTab extends H {
         this.tabHeaderChange.emit(this.header);
     }
     render() {
-        return h("slot", { key: '9390db47c18accefa13e357fa4cbee278b984f40' });
+        return h("slot", { key: 'b3cfe28ec63f71e875ceedd37084b4a8d73d4068' });
     }
     get el() { return this; }
     static get style() { return IfxTabStyle0; }

package/dist/components/ifx-table.js

@@ -8,8 +8,8 @@ import { d as defineCustomElement$7 } from './p-23757cfd.js';
 import { d as defineCustomElement$6 } from './p-e7551b24.js';
 import { d as defineCustomElement$5 } from './p-803887ee.js';
 import { d as defineCustomElement$4 } from './p-327af560.js';
-import { d as defineCustomElement$3 } from './p-0ccba8b1.js';
-import { d as defineCustomElement$2 } from './p-1d737cf7.js';
+import { d as defineCustomElement$3 } from './p-42385607.js';
+import { d as defineCustomElement$2 } from './p-1266857d.js';
 
 class ButtonCellRenderer {
     init(params) {
@@ -466,12 +466,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: 'ba124693eafcbfbc933b55c6857776f728d12aea' }, h("div", { key: '34a6a79fedb9a6c960c9e71c68e7fd3c3c75e09f', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'd0f90397a8cf31325d2f441dbb1c3a3bc0afa138', class: "sidebar-btn" }, h("ifx-button", { key: '2f2514c29a261e014facb3243a6f555007b568a4', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '3c7667f3b8bc795a1e2cc1be2df0bbddc9b7bb2b', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '2e46ec3931c21f0c1324454337fbf3e69b1dd5a7', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '26d6221d0c775117d3ebcba22670244d1f195801', class: "sidebar-container" }, h("div", { key: 'd50b7574c3f95a23c9a23c97eabb3ccabce2037f', class: "filters-title-container" }, h("span", { key: '7cd24e5737008cc0846031982f0f146b4f4ad648', class: "filters-title" }, "Filters")), h("div", { key: '9fff6f60fc28f57ef544d770012bace4730c0835', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '2000415894dc9eb83f2ad9bab01314a9cd70de65', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'ca2897fe8b4fa4d9bb7e4920905f83de71361221', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '4ca9c5ca5d16e62345df45a99cfb33b6e3529dc0', name: "topbar-filter" })))), h("div", { key: '7ae3eb37ab9eaecc2c253b4e9a888eeb679c69cd', class: "table-pagination-wrapper" }, h("div", { key: '38e6a77edc2ba5c0488d0f6d20e14365a8f04469', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '3c30e6dae1c981617cd714f6865516885757ca95' }, h("div", { key: 'fa5de4ffbc20b07dfa9f3f873fd1244e86f408c2', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'b2ca3214ab678787c20a5d0da9cba2b25bce013f', class: "sidebar-btn" }, h("ifx-button", { key: 'd0c81bee43c704e9e2550ba7400a7b245068d00c', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '672131c8540ac28ca9ebb479cbdb342c144e523b', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'b5cc8d1d5f8eaf2e3b2f09fa843f3a0321d1e37a', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '139788cef4927835d1b95f43cea84ff1944e4fa8', class: "sidebar-container" }, h("div", { key: '5520d2c3f99fe38dddf6d3b5cc1dfb4635da44dd', class: "filters-title-container" }, h("span", { key: '8f95eee470a39467cbc89e0426fe9bfcf179c5c3', class: "filters-title" }, "Filters")), h("div", { key: 'f8c2aa07dbd579cd8b3407a269eef5fbaf1d9a1e', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '5354d7e546f1e5a8c6f14e71817ef12bcbd18899', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '89c62b2333f9ddea4085d9eb4e76385508cfcfa4', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '488777f09d1452543b17d40c82a4e7e366132c97', name: "topbar-filter" })))), h("div", { key: '73d78f138f52fa0659aeceb68292f0230acd22c6', class: "table-pagination-wrapper" }, h("div", { key: 'bf738458f274eceb313efe93ba27ed1bcb067421', 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: '7156897f41934f958f04a70f4d3faacdf8063b3b', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'c97a7f711c4cc107a36714e167b73d72b4d0e8d7', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'd19d7904a134e930694082e2fef8925c24e3e7c9', class: "matching-results-container" }, h("span", { key: 'd21109ccee7b77317906b3a68d8489f558f582ca', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '57cccfc367a3c6c07762d7e997e7cc8ceb1690c9', class: "matching-results-text" }, "matching results"))), h("div", { key: 'c47593ad6f870a314926d6b32ff07bbbcd0cad1f', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '9b73f234b9cb8e7c32f9c323b20d9a34d97ff48a', 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": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '69cd2533c9124e13ca672f62a0a23fa2d385a462', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: '6f50122240ff541835c668400945c8a574129e8b', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '1e96757222d177c88ebd96ac052ffb9e1c045610', class: "matching-results-container" }, h("span", { key: '3e272b3271266654828c28fa874820352cf01aa5', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '5a3d28910e61bb81401026f03951c0dce1cff57e', class: "matching-results-text" }, "matching results"))), h("div", { key: '7f3216bd78123779131e038a62c730411beae8f9', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '4cf52d739457ac1fb9f86a75173fd5a199858e66', 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": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');

package/dist/components/ifx-tabs.js

@@ -205,9 +205,9 @@ const IfxTabs$1 = /*@__PURE__*/ proxyCustomElement(class IfxTabs extends H {
     }
     render() {
         var _a;
-        return (h("div", { key: '5611a3f319b0d8bd8eb135c5583e51a7ebbbdf14', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'e72b1eca9d9a9a1d74aea100b5400d8db7e0bc8d', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: 'dca1f6498433d621018f11be1b964937219093e5', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '459b025979867da69fa83b612d3165fba1bca9cd', 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: '2fcbbe0dbfd84095cc2050e96f71b97bfd2d3571', class: "active-border" })), h("div", { key: 'c788afab32a3b14eb58d4c195bbca3c83ef5fe4d', 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: 'bb1cfb3caa7b178687c2cafd83008e5d81b74190', class: "active-border" })), h("div", { key: 'a55fc0392945da08aecea2937cf5dbf47c502881', class: "tab-content" }, Array.from(this.tabObjects).map((_, index) => (h("div", { style: { display: index === this.internalActiveTabIndex ? 'block' : 'none' } }, h("slot", { name: `tab-${index}` })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ifx-tag.js

@@ -11,7 +11,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '226762652cca543b0a1d18e5369522b4e3f8e439', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'fdbc2d0f9db2230d6a5dfa0c8bce6168c84be5ed', icon: this.icon })), h("a", { key: '4b0b1c215663bb98233e9f4a1839c039d5a62677', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '886e29da34a796cd03db982a9a189512c4a0a953', class: "label" }, h("slot", { key: 'e202efd131d0acb79b9d47a4dfaa8ba865598377' })))));
+        return (h("div", { key: 'ba6a7ab29dc273bc85d490d5197a32828c00b773', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '288f2bc03f55df934c660069837355af2a03d12a', icon: this.icon })), h("a", { key: '26cbe701f93f09b6acf8a52908a844d2b683b400', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '410e03ea48a0a7c2655ca7a97a0e2c06549494fa', class: "label" }, h("slot", { key: '369e2ff6d2d4f4d10518512ff129c6fcdbcb2144' })))));
     }
     static get style() { return IfxTagStyle0; }
 }, [1, "ifx-tag", {

package/dist/components/ifx-template.js

@@ -1,4 +1,4 @@
-import { T as Template, d as defineCustomElement$1 } from './p-79352b7c.js';
+import { T as Template, d as defineCustomElement$1 } from './p-f824645f.js';
 
 const IfxTemplate = Template;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-templates-ui.js

@@ -4,9 +4,9 @@ import { d as defineCustomElement$8 } from './p-cc9cb040.js';
 import { d as defineCustomElement$7 } from './p-e7551b24.js';
 import { d as defineCustomElement$6 } from './p-803887ee.js';
 import { d as defineCustomElement$5 } from './p-04a697ad.js';
-import { d as defineCustomElement$4 } from './p-519cb249.js';
-import { d as defineCustomElement$3 } from './p-79352b7c.js';
-import { d as defineCustomElement$2 } from './p-59110a4e.js';
+import { d as defineCustomElement$4 } from './p-85ce5a1e.js';
+import { d as defineCustomElement$3 } from './p-f824645f.js';
+import { d as defineCustomElement$2 } from './p-eedb3b58.js';
 
 const templatesUiCss = "*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";
 const IfxTemplatesUiStyle0 = templatesUiCss;
@@ -55,7 +55,7 @@ const TemplatesUI = /*@__PURE__*/ proxyCustomElement(class TemplatesUI extends H
         alertWrapper.classList.remove('show');
     }
     render() {
-        return (h("div", { key: '2839932de12b3ac02cf1bb01c535b544c79ffaba', class: 'templates__container' }, h("div", { key: 'e69da2fb658fa6d1026908bc183be10fb9ab3e06', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '26b0ee7071c26f39b7567839249e88ed2a78d78b', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'b91f587d291208f5f67a2fc5ea19c9253e393860', class: "alert__wrapper" }, h("ifx-alert", { key: 'd0ee2491c8e52d39b05bd4ce5b9a21ba3300f5c2', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: 'aaf1a750b6277f6644d05a9aefa27c3c36f7cf88', class: "templates__title" }, "Choose your template"), h("div", { key: 'f484bc4ba4f2f91ede04eb39f422b0a971b71113', class: "templates__wrapper" }, h("ifx-template", { key: '056c35bdd617a568c2dc012cb88762be7c8455c9', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'd65ec2d5fe3f12e7a718d493abd3dbf5e22de531', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: 'f75693e185819705bae623f31dafbff315220c60', class: 'templates__container' }, h("div", { key: '8ebe1415e39feca220a2e8d7fd87f4e2a6641e71', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'f5286ef00280a6d7a6cc4e6badebb6b712fcd6ab', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '979b3580a1c8badc0ab024f46fbd184885d58a4c', class: "alert__wrapper" }, h("ifx-alert", { key: 'f3f74eb9d0c94205a589e4bb96660a0c1df6ae1c', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: 'a01fa5cad78d573de82f144a8c18d9447b6a76fe', class: "templates__title" }, "Choose your template"), h("div", { key: '75fca148564ce0e1b17068001f3afa8d5d137626', class: "templates__wrapper" }, h("ifx-template", { key: '101dafae88c029f99d8982fc6653f32c07db5b27', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '6e308c29458a87aceb1b720217a3a2478fc4041e', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

package/dist/components/ifx-text-field.js

@@ -1,4 +1,4 @@
-import { T as TextField, d as defineCustomElement$1 } from './p-59110a4e.js';
+import { T as TextField, d as defineCustomElement$1 } from './p-eedb3b58.js';
 
 const IfxTextField = TextField;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-textarea.js

@@ -53,7 +53,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'c04bd9f6eb75e14607f6b81fb32065752fd814ac', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'bd270704eaedbd3fb127015dd5d9993839a75135', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '2ff0f414ce2209a5f7bdc9400b2c7c2356da39fd', class: 'wrapper__textarea' }, h("textarea", { key: '65007882cbf52104ee22af96beacb9d882bbf245', "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: 'c44b21fd8eef93920228267d9baf51a12bcf08ea', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: 'ad4f07a4ea16d1fd510bcb6e0cc0918a82f73bc3', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '041c9fb73cfff0d47bc197846ae70ec9c5ca35b4', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'b5db9b815a243f6b24907281c141a0b683f1726f', class: 'wrapper__textarea' }, h("textarea", { key: 'bdf09d868728934ce876497b636211cd1a1eb942', "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: '42d3db3b95dfe23f296261bdbda67a95257185f6', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/ifx-tooltip.js

@@ -155,10 +155,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
             'tooltip-extended': true,
             'visible': this.tooltipVisible,
         };
-        return (h("div", { key: '9c87ad898f047bf3fefbfeec39faa033d39e2860', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'fc4ac4d2a09ccd8c038a180aeadce7fee2ab9b90' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '9627cd1efe01ffcae8227920b0a59848c85ee5b7', class: tooltipDismissible }, h("button", { key: '96c225756217e4f5054c8b02fe0a20b848c845f5', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: 'f976619fb32729deb0be068b2c813b02bce37749', icon: "cross16" })), h("div", { key: 'e4219ce93a82ecd3534c8985cd62049cd23cbaa7', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'a168b26826aa857fce0f437023e5e18a956cee3d', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '0bdfdce23226097d1f60a3d72032bcd9d7b709fe', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '6c6efed9ed056040960a7928e93d0b6ff7f83b30', 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: 'f9de1eb1b04f276c3ca7176af1066e483a441b69', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
-            h("div", { key: '7cbd4ea98ec29eff71021b27cfd2696c5fa6cb68', class: tooltipCompact }, this.text, h("svg", { key: 'e75535c511eea6ea685cabd01f7646452699ecff', 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: 'f3c6a9710be713cac4e3322e68700423441bc007', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
-            h("div", { key: 'f04a640ab90d6f957bff270b7b170699634f3ee9', class: tooltipExtended }, h("slot", { key: 'aaab6713c93dbf5441ed8d83b1c8111076397404', 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: '723034136727fa51330c9f34fbfb4931f8af857e', class: "tooltip-extended-content" }, this.header && h("div", { key: '8bc34fd54d3e0a7abcd2f08145556c94dbde879b', class: "tooltip-extended-header" }, this.header), h("div", { key: 'e607a0953671b563f49921049a69ffe71c6d962e', class: "tooltip-extended-body" }, this.text)), h("svg", { key: 'a1aa6e39af3ecc50a5c8ee81c3f9fa826f88a446', 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: '9cd2e3ec0d0e5f1d3b4c58f7f85f5a3439638eae', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
+        return (h("div", { key: '3b8c0a5958c6f9bd8050dabe86794fad3945a11e', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: 'f21eadbe48f312be595e035aeabb4518c27794ba' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: 'a0540f0f7d9b269ee3adec89fefc49c09b12c7bc', class: tooltipDismissible }, h("button", { key: '70aa5956d5e91e1867c6a781b3956e1f3a174c6a', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '07f91bffdd259f18069ade3755dc5169c4f11e1e', icon: "cross16" })), h("div", { key: 'e5ccd4c4b59d93375441b29488ae50bdd5ea3f5b', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'b3c3b195688357c06c5257f80923c8bafdd62a1a', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '27c01fef25ffe1bffbebb347c5bae43acd6b2c6b', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '6199d757b56e3e365f156dccdc5c86e7ef9c4e25', 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: '11d4c52a83828afeebbac98031259f0b14482fec', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
+            h("div", { key: 'd8f6a06c2e9d84b2752013d78c5b5ab5759df617', class: tooltipCompact }, this.text, h("svg", { key: '3d37dc4c80e41659533bf53d63176d9cda93bdef', 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: 'efdcc135932f3f148b107597bb4b7a8218ec2ea7', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
+            h("div", { key: 'bd23b388aedf1cd7fc80e6a57bb043f0eb706c00', class: tooltipExtended }, h("slot", { key: 'a287aab9832b2d22ac1c9c6ccd4b9a7fe1a88e1c', 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: '596675881c90111f1c8f4dd26f277ae647d76507', class: "tooltip-extended-content" }, this.header && h("div", { key: '54837eab014cc174f06980883827e6c9bb74c3e0', class: "tooltip-extended-header" }, this.header), h("div", { key: '6317ecd46ee6ad8d91f214f9a487511ecabda638', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '2b6d3104824919a9ce5c9b608cae05b9cf1a6575', 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: '2030a14c358f513f7d7e34a65adb1ff30c4b12ce', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-1d737cf7.js → p-1266857d.js}

@@ -7056,9 +7056,9 @@ const Choices = /*@__PURE__*/ proxyCustomElement(class Choices extends H {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: 'a5ff225792f66dc57e40595a163e465739d85ee2', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'fbd9661dbd4c6298b6107722ce0c630c35292c05', class: `${choicesWrapperClass} 
+        return (h("div", { key: 'bff7fa929e66d1ec543c3af117e4bfc13346b252', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: '1def54c7b443ffffc356d30f3a0aa0bb2608328e', 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: '7cf5a5c7deaa170d9a5a761901e9c5328d376285', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: 'fce1dfb5de7596657ad10c0e830ed6c058f409f3', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: 'd9f5613d5366fb1db8935e41b9b78baf919e1c87', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '87ad84ac1670bd59f85c20700aab1a81c5ef4532', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: 'd5f0ac486df576de6a0f22b60c56a1db689174d5', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: '0e62a39fab954be07046e9cbb7f8c5bc304fb35e', 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: 'c12bc6327ffbb57a1330db8c2434e3bad24bedbd', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '9141b37e7a576fc7f77c222b8736dfcd8a970bab', class: 'single__select-icon-container' }, this.optionIsSelected && (h("div", { key: '893f8deb63389d6a7049f74d14241af9d0c075b1', class: `ifx-choices__icon-wrapper-delete ${!this.showClearButton ? 'hide' : ''}` }, h("ifx-icon", { key: '3e79e2491df7fad3ae00b98fb902973e6520d650', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: 'c64f9e7810ea2b638e131a8271dfca980edbe0c5', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: '13e02cd81cabd42991124bf091a0ac208cafba29', 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');
@@ -7384,4 +7384,4 @@ function defineCustomElement() {
 
 export { Choices as C, defineCustomElement as d };
 
-//# sourceMappingURL=p-1d737cf7.js.map
+//# sourceMappingURL=p-1266857d.js.map