npm - @infineon/infineon-design-system-stencil - Versions diffs - 36.0.0--canary.1926.3384b08beedd4bd0bf0894c709a0e3eb8096602d.0 → 36.0.0 - Mend

@infineon/infineon-design-system-stencil 36.0.0--canary.1926.3384b08beedd4bd0bf0894c709a0e3eb8096602d.0 → 36.0.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 (289) hide show

package/dist/components/ifx-navbar.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const navbarCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:\"Source Sans 3\";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:\"Source Sans 3\";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}";
 const IfxNavbarStyle0 = navbarCss;

package/dist/components/ifx-notification.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { N as Notification, d as defineCustomElement$1 } from './p-20d6a006.js';
+import { N as Notification, d as defineCustomElement$1 } from './p-6d12f845.js';
 const IfxNotification = Notification;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-overview-table.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$4 } from './p-12e75dad.js';
+import { d as defineCustomElement$4 } from './p-bb4de57d.js';
 import { d as defineCustomElement$3 } from './p-9142f93b.js';
 import { d as defineCustomElement$2 } from './p-53d4339c.js';

package/dist/components/ifx-pagination.js CHANGED Viewed

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

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const radioButtonGroupCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.radio-button-group-container{display:flex;flex-direction:column}.radio-button-group{display:flex;font-family:var(--ifx-font-family);gap:8px}.radio-button-group.horizontal{flex-direction:row;column-gap:12px}.radio-button-group.vertical{flex-direction:column;row-gap:12px}.group-label{font:400 0.75rem/1rem \"Source Sans 3\";margin-bottom:8px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption{margin-top:8px;align-self:flex-start;display:flex;width:100%;column-gap:8px;justify-content:space-between;align-items:center}.caption.default{color:#1D1D1D}.caption.error{color:#CD002F}.caption-text{font:400 0.75rem/1rem \"Source Sans 3\";flex:1;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}.caption-icon{flex:0;display:flex}";
 const IfxRadioButtonGroupStyle0 = radioButtonGroupCss;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$3 } from './p-12e75dad.js';
-import { d as defineCustomElement$2 } from './p-afd6d4f5.js';
+import { d as defineCustomElement$3 } from './p-bb4de57d.js';
+import { d as defineCustomElement$2 } from './p-38396fe7.js';
 const searchBarCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, 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:var(--ifx-font-family)}.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;

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

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

package/dist/components/ifx-segment.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const segmentCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.segment{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;border:1px solid #BFBBBB;border-radius:1px;padding:0 8px 0 8px;height:34px;background-color:#FFFFFF;transition:all 100ms ease;transition-property:color, background;font:600 0.875rem/1.25rem \"Source Sans 3\"}.segment:focus-visible{color:#FFFFFF;background-color:#0A8276}.segment:hover{color:#FFFFFF;background-color:#08665C;cursor:pointer}.segment:active{background-color:#06534B}.segment.segment--selected{color:#FFFFFF;background-color:#0A8276}.segment.segment--small{height:30px}.segment::after{position:absolute;top:0;left:0;width:100%;height:100%;outline:1px solid #BFBBBB;border-radius:1px;content:\"\"}";
 const IfxSegmentStyle0 = segmentCss;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const segmentedControlCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.group{display:flex;flex-direction:column;justify-content:space-between;gap:12px}.group__label{font:400 0.75rem/1rem \"Source Sans 3\"}.group__label:empty{display:none}.group__controls{display:flex;flex-wrap:wrap}.group__controls ::slotted(*){margin-left:-1px;margin-top:-1px}.group__caption{display:flex;align-items:center;gap:8px;font:400 0.75rem/1rem \"Source Sans 3\"}";
 const IfxSegmentedControlStyle0 = segmentedControlCss;

package/dist/components/ifx-select.js CHANGED Viewed

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

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

@@ -1,11 +1,10 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$8 } from './p-b6b0d09b.js';
-import { d as defineCustomElement$7 } from './p-12e75dad.js';
-import { d as defineCustomElement$6 } from './p-aedd7be5.js';
-import { d as defineCustomElement$5 } from './p-3906f639.js';
-import { d as defineCustomElement$4 } from './p-afd6d4f5.js';
-import { d as defineCustomElement$3 } from './p-98c86d16.js';
-import { d as defineCustomElement$2 } from './p-fe3f24e7.js';
+import { d as defineCustomElement$7 } from './p-186dacc8.js';
+import { d as defineCustomElement$6 } from './p-68016aea.js';
+import { d as defineCustomElement$5 } from './p-bb4de57d.js';
+import { d as defineCustomElement$4 } from './p-cd833a9b.js';
+import { d as defineCustomElement$3 } from './p-c9aec5fa.js';
+import { d as defineCustomElement$2 } from './p-67573b5f.js';
 const setFilterCss = "";
 const IfxSetFilterStyle0 = setFilterCss;
@@ -29,34 +28,17 @@ const SetFilter = /*@__PURE__*/ proxyCustomElement(class SetFilter extends H {
         this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component
     }
     handleMultiselectOptionChange(event) {
-        this.filterValues = event.detail.map(option => ({
-            label: option.value,
-            value: option.value
-        }));
+        this.filterValues = event.detail; // Assuming that ifx-multiselect emits an array of selected options
         this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });
     }
     render() {
-        let optionsArray = [];
-        // Parse options if it's a string
-        if (typeof this.options === 'string') {
-            try {
-                optionsArray = JSON.parse(this.options);
-            }
-            catch (e) {
-                console.error('Failed to parse options:', e);
-                optionsArray = [];
-            }
-        }
-        else if (Array.isArray(this.options)) {
-            optionsArray = this.options;
-        }
         switch (this.type) {
             case 'text':
                 return (h("ifx-text-field", { error: false, disabled: false, placeholder: this.placeholder, onIfxInput: event => this.handleTextInputChange(event) }, this.filterLabel));
             case 'single-select':
                 return (h("ifx-select", { placeholder: "true", "search-enabled": "true", "search-placeholder-value": "Search...", onIfxSelect: event => this.handleSingleSelectChange(event), "ifx-placeholder-value": this.placeholder, "ifx-label": this.filterLabel, "ifx-options": this.options }));
             case 'multi-select':
-                return (h("ifx-multiselect", { label: this.filterLabel, placeholder: this.placeholder, onIfxSelect: event => this.handleMultiselectOptionChange(event) }, optionsArray.map(option => (h("ifx-multiselect-option", { value: option.value || option }, option.label || option)))));
+                return (h("ifx-multiselect", { label: this.filterLabel, placeholder: this.placeholder, options: this.options, onIfxSelect: event => this.handleMultiselectOptionChange(event) }));
             default:
                 return null;
         }
@@ -74,7 +56,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["ifx-set-filter", "ifx-checkbox", "ifx-icon", "ifx-multiselect", "ifx-multiselect-option", "ifx-search-field", "ifx-select", "ifx-text-field"];
+    const components = ["ifx-set-filter", "ifx-checkbox", "ifx-dropdown-separator", "ifx-icon", "ifx-multiselect", "ifx-select", "ifx-text-field"];
     components.forEach(tagName => { switch (tagName) {
         case "ifx-set-filter":
             if (!customElements.get(tagName)) {
@@ -82,26 +64,21 @@ function defineCustomElement$1() {
             }
             break;
         case "ifx-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "ifx-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "ifx-multiselect":
+        case "ifx-dropdown-separator":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "ifx-multiselect-option":
+        case "ifx-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "ifx-search-field":
+        case "ifx-multiselect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/components/ifx-set-filter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ifx-set-filter.js","mappings":"~~;;;;;;;;;~~AAAA,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,2BAAe,YAAY;;MCOd,SAAS;IALtB;;;;;QASU,SAAI,GAA8C,MAAM,CAAC;QAExD,iBAAY,GAAa,EAAE,CAAC;~~KA+EtC~~;~~IA1EC~~,qBAAqB,CAAC,KAAY;QAChC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAChD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAEpG;IAED,wBAAwB,CAAC,KAAkB;QACzC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACpG;IAGD,6BAA6B,CAAC,KAAkB;QAC9C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC~~,GAAG,CAAC,MAAM,KAAK~~;~~YAC9C~~,~~KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB,CAAC,CAAC,CAAC;QACJ,~~IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAC9G;IAGD,MAAM;QACJ,~~IAAI,YAAY,GAAG,EAAE,CAAC;;QAGtB,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,~~QAAQ,~~EAAE;YACpC,~~IAAI~~;gBACF~~,~~YAAY,GAAG,IAAI,~~CAAC,~~KAAK,CAAC,~~IAAI~~,CAAC,OAAO,CAAC,CAAC~~;aACzC;YAAC,OAAO,CAAC,EAAE;gBACV,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;gBAC7C,YAAY,GAAG,EAAE,CAAC;aACnB;SACF;aAAM,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACtC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC;SAC7B;QAED,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,MAAM;gBACT,QACE,sBAAgB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAC1E,UAAU,EAAE,KAAK,IAAI,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,IACtD,IAAI,CAAC,WAAW,CAAkB,EACpC;YACJ,KAAK,eAAe;gBAClB,QACE,kBACE,WAAW,EAAC,MAAM,oBACH,MAAM,8BACI,WAAW,EACpC,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,2BACnC,IAAI,CAAC,WAAW,eAC5B,IAAI,CAAC,WAAW,iBACd,IAAI,CAAC,OAAO,GACb,EACd;YACJ,KAAK,cAAc;gBACjB,QACE,uBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,~~WAAW~~,EAAE,~~KAAK,~~IAAI,~~IAAI,~~CAAC,~~6BAA6B~~,~~CAAC~~,~~KAAK~~,~~CAAC,IAE9D,YAAY,CAAC,GAAG,CAAC,MAAM,KACtB,8BAAwB,KAAK,~~EAAE,~~MAAM,CAAC,~~KAAK,IAAI,~~MAAM~~,~~IAClD~~,~~MAAM~~,CAAC,KAAK,~~IAAI,MAAM,CACA,CAC1B,~~CAAC,~~CACc~~,~~EAClB~~;YACJ;gBACE,OAAO,IAAI,CAAC;SACf;KACF~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/components/table-advanced-version/set-filter/set-filter.scss?tag=ifx-set-filter&encapsulation=shadow","src/components/table-advanced-version/set-filter/setFilter.tsx"],"sourcesContent":["/* set-filter.css */\n\n","// SetFilter.tsx\nimport { Component, h, Event, EventEmitter, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'ifx-set-filter',\n styleUrl: 'set-filter.scss',\n shadow: true\n})\nexport class SetFilter {\n @Prop() filterName: string;\n @Prop() filterLabel: string;\n @Prop() placeholder: string;\n @Prop() type: 'text' \| 'single-select' \| 'multi-select' = 'text';\n @Prop() options: any[] \| string;\n @State() filterValues: string[] = [];\n\n @Event() ifxFilterSelect: EventEmitter;\n\n\n handleTextInputChange(event: Event) {\n const target = event.target as HTMLInputElement;\n const value = target.value;\n this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n\n }\n\n handleSingleSelectChange(event: CustomEvent) {\n const value = event.detail.value;\n this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n }\n\n\n handleMultiselectOptionChange(event: CustomEvent) {\n this.filterValues = event.detail~~.map(option~~ => ~~({\n label:~~ ~~option.value,\n value:~~ ~~option.value~~\n ~~}));\n~~ this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });\n }\n\n\n render() {\n let optionsArray = [];\n\n // Parse options if it's a string\n if (typeof this.options === 'string') {\n try {\n optionsArray = JSON.parse(this.options);\n } catch (e) {\n console.error('Failed to parse options:', e);\n optionsArray = [];\n }\n } else if (Array.isArray(this.options)) {\n optionsArray = this.options;\n }\n\n switch (this.type) {\n case 'text':\n return (\n <ifx-text-field error={false} disabled={false} placeholder={this.placeholder}\n onIfxInput={event => this.handleTextInputChange(event)}\n >{this.filterLabel}</ifx-text-field>\n );\n case 'single-select':\n return (\n <ifx-select\n placeholder=\"true\"\n search-enabled=\"true\"\n search-placeholder-value=\"Search...\"\n onIfxSelect={event => this.handleSingleSelectChange(event)}\n ifx-placeholder-value={this.placeholder}\n ifx-label={this.filterLabel}\n ifx-options={this.options}\n ></ifx-select>\n );\n case 'multi-select':\n return (\n <ifx-multiselect\n label={this.filterLabel}\n placeholder={this.placeholder}\n ~~onIfxSelect~~={~~event =>~~ this.~~handleMultiselectOptionChange(event)~~}\n ~~>\n~~ {~~optionsArray.map(option~~ => (~~\n <ifx-multiselect-option value={option.value \|\| option}>\n {option.label \|\| option}\n </ifx-multiselect-option>\n~~ ))}\n ~~</ifx-multiselect>\~~n );\n default:\n return null;\n }\n }\n}\n\n"],"version":3}
1	+ {"file":"ifx-set-filter.js","mappings":";;;;;;;;AAAA,MAAM,YAAY,GAAG,EAAE,CAAC;AACxB,2BAAe,YAAY;;MCOd,SAAS;IALtB;;;;;QASU,SAAI,GAA8C,MAAM,CAAC;QAExD,iBAAY,GAAa,EAAE,CAAC;KAyDtC;IApDC,qBAAqB,CAAC,KAAY;QAChC,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAChD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAEpG;IAED,wBAAwB,CAAC,KAAkB;QACzC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KACpG;IAGD,6BAA6B,CAAC,KAAkB;QAC9C,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;KAC9G;IAGD,MAAM;QACJ,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,MAAM;gBACT,QACE,sBAAgB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAC1E,UAAU,EAAE,KAAK,IAAI,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,IACtD,IAAI,CAAC,WAAW,CAAkB,EACpC;YACJ,KAAK,eAAe;gBAClB,QACE,kBACE,WAAW,EAAC,MAAM,oBACH,MAAM,8BACI,WAAW,EACpC,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,2BACnC,IAAI,CAAC,WAAW,eAC5B,IAAI,CAAC,WAAW,iBACd,IAAI,CAAC,OAAO,GACb,EACd;YACJ,KAAK,cAAc;gBACjB,QACE,uBACE,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,KAAK,IAAI,IAAI,CAAC,6BAA6B,CAAC,KAAK,CAAC,GAC/D,EACF;YACJ;gBACE,OAAO,IAAI,CAAC;SACf;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/table-advanced-version/set-filter/set-filter.scss?tag=ifx-set-filter&encapsulation=shadow","src/components/table-advanced-version/set-filter/setFilter.tsx"],"sourcesContent":["/* set-filter.css */\n\n","// SetFilter.tsx\nimport { Component, h, Event, EventEmitter, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'ifx-set-filter',\n styleUrl: 'set-filter.scss',\n shadow: true\n})\nexport class SetFilter {\n @Prop() filterName: string;\n @Prop() filterLabel: string;\n @Prop() placeholder: string;\n @Prop() type: 'text' \| 'single-select' \| 'multi-select' = 'text';\n @Prop() options: any[] \| string;\n @State() filterValues: string[] = [];\n\n @Event() ifxFilterSelect: EventEmitter;\n\n\n handleTextInputChange(event: Event) {\n const target = event.target as HTMLInputElement;\n const value = target.value;\n this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n\n }\n\n handleSingleSelectChange(event: CustomEvent) {\n const value = event.detail.value;\n this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: [value], type: this.type }); // Emit an array for consistency with the multi select component\n }\n\n\n handleMultiselectOptionChange(event: CustomEvent) {\n this.filterValues = event.detail; // Assuming that ifx-multiselect emits an array of selected options\n this.ifxFilterSelect.emit({ filterName: this.filterName, filterValues: this.filterValues, type: this.type });\n }\n\n\n render() {\n switch (this.type) {\n case 'text':\n return (\n <ifx-text-field error={false} disabled={false} placeholder={this.placeholder}\n onIfxInput={event => this.handleTextInputChange(event)}\n >{this.filterLabel}</ifx-text-field>\n );\n case 'single-select':\n return (\n <ifx-select\n placeholder=\"true\"\n search-enabled=\"true\"\n search-placeholder-value=\"Search...\"\n onIfxSelect={event => this.handleSingleSelectChange(event)}\n ifx-placeholder-value={this.placeholder}\n ifx-label={this.filterLabel}\n ifx-options={this.options}\n ></ifx-select>\n );\n case 'multi-select':\n return (\n <ifx-multiselect\n label={this.filterLabel}\n placeholder={this.placeholder}\n options={this.options}\n onIfxSelect={event => this.handleMultiselectOptionChange(event)}\n />\n );\n default:\n return null;\n }\n }\n}\n\n"],"version":3}

package/dist/components/ifx-sidebar-item.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$3 } from './p-12e75dad.js';
+import { d as defineCustomElement$3 } from './p-bb4de57d.js';
 import { d as defineCustomElement$2 } from './p-9142f93b.js';
 const sidebarItemCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:\"\";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:\"\";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}";

package/dist/components/ifx-slider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const sliderCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:block}.left-icon,.right-icon,.left-text,.right-text,.percentage-display{font-size:0.875rem;color:#575352;margin-left:8px}.left-icon.disabled,.right-icon.disabled,.left-text.disabled,.right-text.disabled,.percentage-display.disabled{color:#BFBBBB}.left-icon,.left-text{margin-right:8px}.right-icon,.right-text,.percentage-display{margin-left:8px}.ifx-slider{display:flex;align-items:center;padding:2px 16px;border-radius:9999px}.ifx-slider input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:linear-gradient(to right, #0A8276 0%, #0A8276 var(--value-percent, 0%), #EEEDED var(--value-percent, 0%), #EEEDED 100%);outline:none;cursor:pointer;transition:0.2s}.ifx-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#0A8276;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#0A8276;border-radius:50%;cursor:pointer;transition:box-shadow 0.2s}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:hover{background:#08665C}.ifx-slider input[type=range]:not(:disabled)::-webkit-slider-thumb:active{background:#06534B}.ifx-slider input[type=range]:disabled{background:#BFBBBB;cursor:default}.ifx-slider input[type=range]:disabled::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#BFBBBB;border-radius:50%;cursor:default}.ifx-slider .range-slider__wrapper{position:relative;width:100%;height:4px;display:flex;align-items:center;justify-content:center;margin:0px 2px;background:linear-gradient(to right, #EEEDED 0%, #EEEDED var(--min-value-percent, 100%), #0A8276 var(--min-value-percent, 100%), #0A8276 var(--max-value-percent, 100%), #EEEDED var(--max-value-percent, 100%), #EEEDED 100%)}.ifx-slider .range-slider__wrapper:has(input[type=range]:disabled){background:#BFBBBB}.ifx-slider .range-slider__wrapper input[type=range]{position:absolute;pointer-events:none;background:none}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-ms-thumb{-webkit-appearance:none;border:none;pointer-events:auto;cursor:pointer;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2)}.ifx-slider .range-slider__wrapper input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;border:none;background:none;width:100%}.ifx-slider .range-slider__wrapper input[type=range]::-moz-range-track{-webkit-appearance:none;border:none;background:none;width:100%}";
 const IfxSliderStyle0 = sliderCss;
@@ -145,10 +145,10 @@ const IfxSlider$1 = /*@__PURE__*/ proxyCustomElement(class IfxSlider extends H {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: '97ae32c0d395883ccffeebf7e27dcde936de167d', class: "ifx-slider" }, this.leftText && (h("span", { key: 'd541ed03b41682a194949e8439e2aefe4db36400', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'e565af9950993a072354bc8b1361d8090261af75', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: '2a92993bc30627ddf611724a4a4ddc4435070a2f', class: "ifx-slider" }, this.leftText && (h("span", { key: '0275f85cb21f317ee11fe0235f14bb4d649ec5ba', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'b9bc5a08f1ba9685fba1fb6abfff64f7a4af57ea', 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: 'b099473f107ab6c185d011d799aa6abea6185f1e', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '0c7547c5eec63c9639f144bdeb88bba2f26f7550', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'dc1feddf17d1ff25e663ddfd8fbd029ba83a7ebd', 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: 'c98b99448231741903119c5ec11a139acbe15514', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: '43b8c1a737d52a626f7076167de8de0f7e84c326', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '5303fea41fd1f081894102e69cf38e4e05d351b5', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/ifx-spinner.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { S as Spinner, d as defineCustomElement$1 } from './p-351949f1.js';
+import { S as Spinner, d as defineCustomElement$1 } from './p-a4922416.js';
 const IfxSpinner = Spinner;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-status.js CHANGED Viewed

@@ -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: '258d1b9b221271e5f50c95a23907832a53e72b3a', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'e5c33959aca78f2ab2f8a4e5257a09bd0d335782', class: `dot ${effectiveColor}` }), h("p", { key: '1667d55b7781dc1cb163dde91ff7689798b617ae', class: "text" }, this.label)));
+        return (h("div", { key: '5efa5a76a481840dfd1224684a01c619ad62c528', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'd150facf484bfe50ffa876c40d13e8f5d4880ecc', class: `dot ${effectiveColor}` }), h("p", { key: '5594b7360e7b3b6af14c906e5f69990bda009675', class: "text" }, this.label)));
     }
     static get style() { return IfxStatusStyle0; }
 }, [1, "ifx-status", {

package/dist/components/ifx-step.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const stepCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.step-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;gap:8px;font:400 1rem/1.5rem \"Source Sans 3\"}.step-wrapper.vertical{flex-direction:row;gap:12px;width:unset;height:100%}.step-wrapper.vertical .step-icon-wrapper{flex-direction:column;width:unset;height:100%}.step-wrapper.compact{gap:0;max-width:100%}.step-wrapper.compact .step-label{max-width:100%;cursor:auto;align-self:flex-start}.step-wrapper.compact.indicator-left{align-items:flex-end;text-align:right}.step-wrapper.compact.indicator-right{align-items:flex-start}.step-wrapper .step-label{max-width:90%;color:#8D8786;word-wrap:break-word}.step-wrapper .step-label.curr-label{font:600 1.25rem/1.75rem \"Source Sans 3\"}.step-wrapper .step-label.next-label{font:400 0.75rem/1rem \"Source Sans 3\"}.step-wrapper .step-label :hover{color:#8D8786}.step-wrapper.first-step .step-connector-l{height:0px}.step-wrapper.last-step .step-connector-r{height:0px}.step-wrapper.vertical.first-step .step-connector-l,.step-wrapper.vertical.last-step .step-connector-r{width:0px}.step-wrapper.complete .step-connector-l,.step-wrapper.complete .step-connector-r,.step-wrapper.complete .step-icon{background:#0A8276}.step-wrapper.complete .step-connector-l.active,.step-wrapper.complete .step-connector-l.error,.step-wrapper.complete .step-connector-r.active,.step-wrapper.complete .step-connector-r.error,.step-wrapper.complete .step-icon.active,.step-wrapper.complete .step-icon.error{background:#8D8786}.step-wrapper.complete:not(.disabled) .step-label{cursor:pointer;color:#1D1D1D}.step-wrapper.complete:not(.disabled) .step-label :hover{color:#08665C}.step-wrapper.disabled .step-connector-l,.step-wrapper.disabled .step-connector-r,.step-wrapper.disabled .step-icon{background-color:#8D8786}.step-wrapper.disabled .step-label,.step-wrapper.disabled .step-label :hover{color:#8D8786}.step-wrapper.active .step-connector-l,.step-wrapper.active .step-connector-r,.step-wrapper.active .step-icon{background:#0A8276}.step-wrapper.active .step-connector-l.active,.step-wrapper.active .step-connector-l.error,.step-wrapper.active .step-connector-r.active,.step-wrapper.active .step-connector-r.error,.step-wrapper.active .step-icon.active,.step-wrapper.active .step-icon.error{background:#8D8786}.step-wrapper.active .step-label,.step-wrapper.active .step-label :hover{color:#1D1D1D}.step-wrapper.active.complete .step-label{cursor:auto}.step-wrapper.clickable:not(.active) .step-label{cursor:pointer}.step-wrapper.error:not(.active){color:#CD002F}.step-wrapper.error:not(.active) .step-label{color:#CD002F}.step-wrapper.error:not(.active) .step-label :hover{color:#0A8276}.step-wrapper.disabled .step-label{cursor:auto}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon{background:#08665C}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-l.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-connector-r.error,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.active,.step-wrapper:hover.complete:not(.disabled):not(.active) .step-icon.error{background:#8D8786}.step-wrapper:hover.complete:not(.disabled):not(.active) .step-label{color:#08665C}.active-indic{width:16px;height:16px;border-radius:9999px;background:white}.step-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.step-icon{width:24px;height:24px;background-color:#8D8786;border-radius:9999px;display:flex;align-items:center;justify-content:center;color:white}.step-connector-r,.step-connector-l{height:2px;min-width:40px;flex-grow:1;background-color:#8D8786}.vertical .step-connector-r,.vertical .step-connector-l{height:unset;min-width:unset;width:2px;min-height:40px}";
 const IfxStepStyle0 = stepCss;
@@ -50,7 +50,7 @@ const Step = /*@__PURE__*/ proxyCustomElement(class Step extends H {
         }
     }
     render() {
-        return (h("div", { key: 'fff67283ca57201833d80a405eaad9127a95b059', "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: 'a5e17d366ff3be792d5577de70654524ff6922d2', "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: '2c353fbd3bbbbb6ba67b7e0b6d748b10066117e4', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: 'f356f882b00e7e8356e6208fade8cd46fba054eb', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: '5e558b087045ff7a3685586e32e060b421bf340d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '60a6f27f38fe2aefffebf488505581ec02f90fc0', icon: 'check16' }), this.active && h("span", { key: 'bd25e05e099bb8e92e02db1986d909fedcdcd433', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '91280e45cc964fd34e4707c0c68e152f4a7e3d82', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '7ba40e78c236cca64572a5347be6f20406ccf79e', class: `step-connector-r ${this.active ? 'active' : ''}` })),
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '5a98a8f72479b641891151f409a9ac1f9358dd09', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '540bbe469fe4f65242820105dc46320d3838f9c2', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'be7f9115144025f5a1890ec0a22d59e1be89789d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'edd8734ea346922500f56cf57808e08b7ea2d179', icon: 'check16' }), this.active && h("span", { key: '87f3afd88a29ec44d85dd302fc649aa64792870f', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'ad210c2b732c8e15e3384494797ee6d28ab4cf7b', icon: 'warningF16' }), this.stepperState.variant !== 'compact' && h("span", { key: '17054c9a269b231fc61b2df51e0c76cb2740facf', 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: '75b9b692378219e59eaf4488d35659fd1ed59fd2', 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: '55f78506dfb79fe1e5dbf15d453911edc24f5ed4' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'b130219d70054f66552c3451b0658036f9c368ed' }))));
+            h("div", { key: 'bc2440c7b767e9688af2a5d9392d271eca89f8d5', 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: 'a386137b0fa537faebfa104da2e303816dc7ce4f' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '6ffcbc8064f712e28cd8c9ce1b3f80bb64e90f26' }))));
     }
     ;
     static get watchers() { return {

package/dist/components/ifx-stepper.js CHANGED Viewed

@@ -126,10 +126,10 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '9f4a96df48255b146d0a3075a4bb08aa80fd16be', "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: '7fb2d127bfaa410d74765766863f9a45c18a5f8c', "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: '25d7ccc872572db8d9711f8bb39da19121eff4f8', class: 'stepper-progress' }, h("div", { key: '05ce3bbcbe2fecc4c3da87073ba7f3bee37da0a6', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '5b0835756e0e372fdab5a448ac2fbede05afc64b', class: `stepper-wrapper` }, h("slot", { key: 'a9fdefe464858e7384419c2cfcecf8273129d91c' }))));
+            h("div", { key: '82be02eb60fee5876779bb46447c5f6adbcf80ea', class: 'stepper-progress' }, h("div", { key: '6e2caf65433902195e4caa0baf9e43e1b99e78ba', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '8db00c33950fdc8d48f314b35cfa186f388d9dc2', class: `stepper-wrapper` }, h("slot", { key: '6b5213c91d8717886311992a0ff28f066ac9a3fe' }))));
     }
     ;
     componentDidRender() {

package/dist/components/ifx-switch.js CHANGED Viewed

@@ -72,7 +72,7 @@ const Switch = /*@__PURE__*/ proxyCustomElement(class Switch extends H {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: '4f885a605a162860014f8d77b84e7ae32f3ae344', 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: 'd0434a39c0d7d0dea0ff0456c4d85f1d3fa99d58', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'c9ef8f8dc05caf477e5f7c495d9df4c36979fe6d', class: "switch__checkbox-wrapper" }, h("input", { key: '08ab2e52fb222aade1a6ae7450f6281954fa69da', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: 'bac7ec146e4df928918f58c0c26852c9ac85b08d', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '0515b41b92c0eea7bedb409550d20f579e86291b', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '3336c1de70c159bd0acf70898c36f856949ad91e', htmlFor: "switch" }, h("slot", { key: '736087db7e2a54dddf56e44cb161bf2a03cceda2', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: '257114f827ae403a93e9ae36a64e4bc0377ca9dd', 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: '9e5e9bf3a3864060ba90f81e8a4b6e00c31f96ab', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'a6457b4ec80ea8239b97154c43e7e80dd741f5be', class: "switch__checkbox-wrapper" }, h("input", { key: '4184498a110971709643b4622a302d7530f4bb54', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '4a347f9e0e505bbe813f2095f0d4d87a4d2c3635', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '1c1ae6991a58db2d1a6fa2ec197d53997e887705', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: 'ac603b0936b795b8d35cbeb087f2c875103af494', htmlFor: "switch" }, h("slot", { key: 'c95fd094cfdee769c8561ca5f6b3651c42870b14', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }

package/dist/components/ifx-tab.js CHANGED Viewed

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

package/dist/components/ifx-table.js CHANGED Viewed

@@ -2,14 +2,14 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-f8e6a4ef.js';
 import { c as classNames } from './p-5cdc6210.js';
 import { c as createGrid } from './p-1429e9ea.js';
 import { d as defineCustomElement$a } from './p-17df0350.js';
-import { d as defineCustomElement$9 } from './p-b6b0d09b.js';
-import { d as defineCustomElement$8 } from './p-b293963f.js';
-import { d as defineCustomElement$7 } from './p-2a500ed7.js';
-import { d as defineCustomElement$6 } from './p-12e75dad.js';
-import { d as defineCustomElement$5 } from './p-f2f58eb1.js';
+import { d as defineCustomElement$9 } from './p-186dacc8.js';
+import { d as defineCustomElement$8 } from './p-a8d0ef73.js';
+import { d as defineCustomElement$7 } from './p-cd913238.js';
+import { d as defineCustomElement$6 } from './p-bb4de57d.js';
+import { d as defineCustomElement$5 } from './p-0c449780.js';
 import { d as defineCustomElement$4 } from './p-9142f93b.js';
-import { d as defineCustomElement$3 } from './p-1bfd69f4.js';
-import { d as defineCustomElement$2 } from './p-98c86d16.js';
+import { d as defineCustomElement$3 } from './p-cc5bd74b.js';
+import { d as defineCustomElement$2 } from './p-c9aec5fa.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: 'ca02115578f892867ab3aa3c35a5da6d848da97f' }, h("div", { key: '81864b49cb111c5eff72334488de657bd298b4d6', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'b6ef6fd0db7f3c20bba53c7c4baf7c459414cd46', class: "sidebar-btn" }, h("ifx-button", { key: '9facdbb757ee10de32faebc1d3b8de30cc43bb16', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '098afbbc59e5fa1f07ce8736e755d8706167c0e3', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'b51331027fc20a8233e55f47085caf6a4728df71', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'e07e7e4fafdeb5b37df96bee158bb312b9201e5d', class: "sidebar-container" }, h("div", { key: 'abd860eb418a4d3b8f412536fab035934750ce82', class: "filters-title-container" }, h("span", { key: '999f3e5f45f45a2ea1d75180f523da41ab33e205', class: "filters-title" }, "Filters")), h("div", { key: '79fec6064fccf360ec82b657adb7dcd2ece1ea9f', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'ba9fd65fd27337b5a0145d873064c151e0749710', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'ef73cf67759ae014fec014cb4e4e9d696d999953', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'cf8192179c79bf0b79c9d650160bb9663c783387', name: "topbar-filter" })))), h("div", { key: 'f2f3ce6f17df2f43f66911ed25a1ee780416c2f5', class: "table-pagination-wrapper" }, h("div", { key: 'ef754ace7189f5343963bb1c8415dbafc671f1d3', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '8b3797de279a017b562d7abf269e04b95bb80a50' }, h("div", { key: 'a7b28a1074fcbb2eff5ab01b658dbe5d95c7e7d8', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '0a6a43bddca15da05771331be505823a04157f73', class: "sidebar-btn" }, h("ifx-button", { key: 'cb3a454d2cd6d3bbe8dc5f7cf385ebffb1da8289', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: 'fd6c3e1868fa0e12a72fef6302d016e5ea8f06e6', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '25eff3e745f6cb0ce49d64726d6f0fc75f0778bd', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'cc4c710870d99c35b289893a8501d317ed9b8536', class: "sidebar-container" }, h("div", { key: 'f97fdbe6c237e30f54453acd6c1770f9fd01dc9d', class: "filters-title-container" }, h("span", { key: 'b9ee9fc9a3db591361a75bbfd605fa4430c4b6fa', class: "filters-title" }, "Filters")), h("div", { key: '43f4ca8ae3d897ca22b9d731d46b50176d406df5', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '68b2cfa03f3ad845a8b32ffe6956f0c535721af6', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '17a04f15e182f1a25fa13cddab491c58fc265ccb', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: 'b65693deacca5f308c40b36e5f4fe9947f1bad84', name: "topbar-filter" })))), h("div", { key: '64a206b5714ad07606590b4a2708e7214e071042', class: "table-pagination-wrapper" }, h("div", { key: '0c304f23e0e0ceb3dc298e1c8b94cf12648e89e8', 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: '4c48fd9ccbeeb730a390e22a874149a1a549bee4', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'dead9c97b1e54e872c9fa4c9f2fb8b1b2210ed4a', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'dec014a1e1ef552d52c757cc498638e60269df78', class: "matching-results-container" }, h("span", { key: 'b52d5800640f6ec69e3bc4a0f99c263cada81845', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'b54930dedf59964ca23af0f8ae96cb2e20b38a72', class: "matching-results-text" }, "matching results"))), h("div", { key: 'a811d54da682e78253f58d165999f6897c82325a', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '1f041e367de2eb7ece3a539fd1e3c6109ca4839d', 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: '5b53f4298e4e386f23c790059916c57fb1ed1232', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'ffbedda7008d92e0d878f635db9b30052652c62f', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '4a59b97c8dd0c20e410130877e05a519d5161343', class: "matching-results-container" }, h("span", { key: '7a4b56c0c357a68d6011918f12cd7a6d8773eb0f', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: 'dd0e692f4f9c2bd76dbbd9fa6c7276f97458326f', class: "matching-results-text" }, "matching results"))), h("div", { key: 'b1641675cad37b5ec21dd9e815c794e962118256', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '531ec8a493b78f35397f8531f3de1525157f6b99', 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const tabsCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:flex}.tabs{display:flex;font-family:var(--ifx-font-family);width:100%}.tabs.horizontal{flex-direction:column}.tabs.vertical{flex-direction:row}.tabs-list{display:flex;list-style:none;padding:0;margin:0;position:relative;font-weight:600}.tabs-list:focus-within .active-border{display:none}.active-border{content:\"\";position:absolute;transition:left 0.3s ease-in-out, top 0.3s ease-in-out, height 0.3s ease-in-out}.tabs.horizontal .active-border{bottom:0;left:0;height:2px;background-color:#0A8276}.tabs.vertical .tabs-list{flex-direction:column;border-bottom:none}.tabs.vertical .tab-content{padding-top:0px;padding-left:32px}.tabs:not(.vertical) .tab-item.full-width{flex:1}.tab-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;cursor:pointer;position:relative}.tab-item.icon__right{flex-direction:row-reverse;justify-content:flex-end}.tab-item:hover{color:#0A8276}.tab-item:active,.tab-item.active{color:#0A8276}.tab-item:focus,.tab-item.focus{outline:none;border-radius:1px;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.tab-item:focus+.active-border,.tab-item.focus+.active-border{display:none}.tab-item.disabled{color:#BFBBBB;pointer-events:none}.tabs.vertical .tab-item{border-right:2px solid transparent;min-width:7em}.tabs.vertical .active-border{left:0;top:0;width:2px;background-color:#0A8276}.tab-content{padding-top:24px;padding-left:0px;flex-grow:1}.tabs.small .tab-item{font-size:0.875rem}";
 const IfxTabsStyle0 = tabsCss;
@@ -205,9 +205,9 @@ const IfxTabs$1 = /*@__PURE__*/ proxyCustomElement(class IfxTabs extends H {
     }
     render() {
         var _a;
-        return (h("div", { key: '2fd3961f1ff9e28746a835edb2fbc44f872fa2c1', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: 'c6a1e8ffa3ea282e918b68279c6b4efdbea8aec1', role: "tablist", class: "tabs-list" }, (_a = this.tabObjects) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: 'd26a8393f237ca51009ec6a169efa5b0b8913633', "aria-label": "navigation tabs", class: `tabs ${this.internalOrientation}` }, h("ul", { key: '090d79d9c5df5174ec4c8e4b79cf7eeb7d950f53', 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: '5329760735a416016f9cff68df09a655b817cd92', class: "active-border" })), h("div", { key: 'a4da387f33e0c7f63cd367863c8f33d9c8bc642e', 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: '9889f746a990049c2fba52b16ad85a8ab8ee5962', class: "active-border" })), h("div", { key: '9f2e3fe4f9fd5ce6b322f2002f83db44d7f8ae27', 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 CHANGED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$2 } from './p-12e75dad.js';
+import { d as defineCustomElement$2 } from './p-bb4de57d.js';
 const tagCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}:host{display:inline-flex}.container{display:inline-flex;align-items:center;padding:4px 16px;border:1px solid #BFBBBB;border-radius:9999px;background-color:#FFFFFF;gap:8px;font-family:var(--ifx-font-family)}.container:hover{cursor:pointer;border-color:#8D8786}.container:active,.container.active{border-color:#1D1D1D}.container:focus:not(:active,.active){outline:none;border-color:#1D1D1D}.container .label-wrapper{text-decoration:none}.container .label-wrapper .label{margin:0;font-weight:400;font-size:1rem;line-height:20px;color:#1D1D1D}";
 const IfxTagStyle0 = tagCss;
@@ -11,7 +11,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'c727c6fff260aff9ca74b05b3f495b8c98142516', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: '6348eac8f797c672dbd18dd52dc07d341167bf41', icon: this.icon })), h("a", { key: 'bfb379f4c7eff45ced2292d440ee2f9d9f20a072', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '6ceea6c28a9dd6d5a9717cc81415f1fdc2045aaa', class: "label" }, h("slot", { key: '54eb7544e0caa05342f19ef883ecb63c77e23d6b' })))));
+        return (h("div", { key: '7d3cd6bbcd2b17053ddf88de92b752ca8beae04e', "aria-label": "a tag", class: "container" }, this.icon && (h("ifx-icon", { key: 'e4a9649f4c96f621d99659065b7686cc47405f3a', icon: this.icon })), h("a", { key: 'b970b5f7f9b9bbdd16178ec2e6ebf74bdc2975cc', href: "javascript:void(null);", class: "label-wrapper" }, h("p", { key: '16c29b68bedca92002a52db88f2449a646e47a9c', class: "label" }, h("slot", { key: 'd96adb622df3339e5ee0c6e6d8fed7d83560bed2' })))));
     }
     static get style() { return IfxTagStyle0; }
 }, [1, "ifx-tag", {

package/dist/components/ifx-template.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T as Template, d as defineCustomElement$1 } from './p-34a36730.js';
+import { T as Template, d as defineCustomElement$1 } from './p-2a65d85a.js';
 const IfxTemplate = Template;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-f8e6a4ef.js';
-import { d as defineCustomElement$9 } from './p-6c0ec65a.js';
+import { d as defineCustomElement$9 } from './p-b0039ef1.js';
 import { d as defineCustomElement$8 } from './p-17df0350.js';
-import { d as defineCustomElement$7 } from './p-12e75dad.js';
-import { d as defineCustomElement$6 } from './p-f2f58eb1.js';
+import { d as defineCustomElement$7 } from './p-bb4de57d.js';
+import { d as defineCustomElement$6 } from './p-0c449780.js';
 import { d as defineCustomElement$5 } from './p-53d4339c.js';
-import { d as defineCustomElement$4 } from './p-351949f1.js';
-import { d as defineCustomElement$3 } from './p-34a36730.js';
-import { d as defineCustomElement$2 } from './p-fe3f24e7.js';
+import { d as defineCustomElement$4 } from './p-a4922416.js';
+import { d as defineCustomElement$3 } from './p-2a65d85a.js';
+import { d as defineCustomElement$2 } from './p-67573b5f.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: 'ee4667ff1012b9ec992f35022db60a7f0e4bb0f2', class: 'templates__container' }, h("div", { key: '4e52489a28cdb0d12e0134f11f6942460ac729f9', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: 'b7e2c172afa3ee41444d0ab055b23fd336ce86e2', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: 'e492f0947f2ddc2158d8136b5a04965cc11eb2b9', class: "alert__wrapper" }, h("ifx-alert", { key: '6c2ac9014b1865fc48ed539f8e9808c08a06f701', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: 'f0057be302900e7d25d6eb2d01da1529e5569f77', class: "templates__title" }, "Choose your template"), h("div", { key: '7c47f2d8dc228e3d0ed4d58e3ee04d1cdda13941', class: "templates__wrapper" }, h("ifx-template", { key: '3bade3b15b4770b80c2890ead19c6cbb986f9da0', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: '5f455bfb4a7e7ecf75dc061789bb384f0154d005', name: 'template-02', thumbnail: this.wizardTemplate }))));
+        return (h("div", { key: 'c95d2b978754deb8c19a9382833ba2c37dbf9ec7', class: 'templates__container' }, h("div", { key: '8b13d15e086225e93624596958eb95fb79f89056', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '049a15ce42bf2b7ebce29c8f7c146cda60c69d77', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '160ece10437519a3fd89b87bc9401e82fa82c0f6', class: "alert__wrapper" }, h("ifx-alert", { key: '5aac614b6a0eab2ab0805430dfbcf95c2f2a47a6', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-16" }, "All fields are mandatory"))), h("h2", { key: '4477613ba26456f16d4f3c51871dbe120e9eef0f', class: "templates__title" }, "Choose your template"), h("div", { key: 'f7ea15a8b09b87b056db3485b957968ebcd0e4f9', class: "templates__wrapper" }, h("ifx-template", { key: '95bc460aa476d184de98df5f75b02f112fa9691c', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'e747556e390d2f5be3fe727795017c49739aa5ae', name: 'template-02', thumbnail: this.wizardTemplate }))));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return this; }

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

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

package/dist/components/ifx-textarea.js CHANGED Viewed

@@ -53,7 +53,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'a3423a4743fa203b36bcfd8dcac6734e2c1e1ea3', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '1591ea6a9a165e25467e2f0db97bb57b5f6b3029', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: 'd8cf8abbaf67ade0848070311c2f82beec91bc84', class: 'wrapper__textarea' }, h("textarea", { key: '4c7f5d0b2e64eb2cb065834878f0d9fe0d50d389', "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: '754c7ad6c405480cf8b5378a3f6ba54994f84d05', class: 'wrapper__caption' }, this.caption.trim()))));
+        return (h(Host, { key: '42ee0d156ab4e9687aec2fbef110e974eb7fd7aa', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '8f24ed08149d0fd39fa2c7f86c3fb58726f75d5f', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '7a393f85317dcbaa6395ed42d0d7af637e5eb158', class: 'wrapper__textarea' }, h("textarea", { key: 'eac8384d3a31383b2321ef2c5faaf523fa646700', "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: '4f7d9ca645f76723e5d52636f8663bba9215f755', class: 'wrapper__caption' }, this.caption.trim()))));
     }
     static get formAssociated() { return true; }
     get el() { return this; }