@ukic/web-components 3.23.0 → 3.25.0

package/dist/cjs/ic-input-label_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const constants = require('./constants-4d389abc.js');
 
 const icInputLabelCss = "ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-label.with-helper{margin-bottom:0}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext,ic-input-label .helpertext ::slotted(*){margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";
@@ -81,11 +81,11 @@ const InputLabel = class {
                 "readonly-label": readonly,
                 "error-label": status === "error" && !(readonly || disabled),
             } }, index.h("label", { htmlFor: this.for }, labelText)));
-        return (index.h(index.Host, { key: 'f22dfddc6e1c5dc956e3a2288a168b41ad18b35b', class: {
+        return (index.h(index.Host, { key: '22df328142cec5a7a86fcf3e62bc40dcbfe56f97', class: {
                 "ic-input-label-disabled": !!disabled,
                 "ic-input-label-readonly": readonly,
                 "with-helper": this.isSlotUsed(helperTextSlot) || helperText !== "",
-            } }, !hideLabel && index.h(LabelContent, { key: 'db3607fc40a7752954f3cd7e40bcf969a6941bdb' }), this.isSlotUsed(helperTextSlot) ? (index.h("span", { id: helperTextId, class: helperTextClass }, index.h("slot", { name: "helper-text" }))) : (helperText !== "" && (index.h("ic-typography", { variant: "caption", class: helperTextClass }, index.h("span", { id: helperTextId }, helperText))))));
+            } }, !hideLabel && index.h(LabelContent, { key: '4eddf506bc0027ff8470aeaa5f16ec124a81cc0f' }), this.isSlotUsed(helperTextSlot) ? (index.h("span", { id: helperTextId, class: helperTextClass }, index.h("slot", { name: "helper-text" }))) : (helperText !== "" && (index.h("ic-typography", { variant: "caption", class: helperTextClass }, index.h("span", { id: helperTextId }, helperText))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -130,14 +130,14 @@ const InputValidation = class {
     render() {
         const { ariaLiveMode, fullWidth, status, message } = this;
         const displayIcon = status !== "" ? ICON[status] : "";
-        return (index.h(index.Host, { key: '3b6f6b3e7ad37b899ee8fb71dbf7868a0eb4bd3f', class: {
+        return (index.h(index.Host, { key: '6d368ba4b4e79886a2efff97ca3d8d446516cc11', class: {
                 [`ic-input-validation-${status}`]: status !== "",
                 "ic-input-validation-full-width": !!fullWidth,
                 "ic-input-validation-with-status": status !== "",
-            } }, displayIcon !== "" && (index.h("span", { key: 'f5d6eab684ec1ce116a2bb09e2a91a2d88d1620f', class: {
+            } }, displayIcon !== "" && (index.h("span", { key: 'ce5fbaa3281136744bc5f77c4ea6570205126285', class: {
                 "status-icon": true,
                 [`icon-${status}`]: true,
-            }, innerHTML: displayIcon })), index.h("ic-typography", { key: '841d8bfbf9dab21d611325dd3d7148c83ea09f40', variant: "caption", class: "statustext" }, index.h("span", { key: 'b35e925cc1dfd87cf8b4b2e3a8276492d5f4abda', id: this.for && helpers.getInputValidationTextID(this.for) }, helpers.isSlotUsed(this.el, "validation-message") ? (index.h("slot", { name: "validation-message" })) : (message)), index.h("span", { key: '2945b04c5e9dd1376793efc206a3c61fd96d84f2', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), index.h("slot", { key: 'fd6c89ce76c2abf86813c2d20aadd2e652e649ca', name: "validation-message-adornment" })));
+            }, innerHTML: displayIcon })), index.h("ic-typography", { key: '00f35ab82e8fe784ae05fc70d4164c4a804a49e4', variant: "caption", class: "statustext" }, index.h("span", { key: '1d6d6486d3f885897271a80a3c87077b2bfc39a6', id: this.for && helpers.getInputValidationTextID(this.for) }, helpers.isSlotUsed(this.el, "validation-message") ? (index.h("slot", { name: "validation-message" })) : (message)), index.h("span", { key: 'a37f6a7af4602e08a00b5d980209781c4f4913ac', ref: (el) => (this.messageEl = el), class: "sr-only", "aria-live": ariaLiveMode })), index.h("slot", { key: '8b5260888b4fff0031fa8917f84e2cc3b7fa97df', name: "validation-message-adornment" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-layout-grid-item.cjs.entry.js

@@ -51,9 +51,9 @@ const LayoutGridItem = class {
     }
     render() {
         const { hideInMobileMode } = this;
-        return (index.h(index.Host, { key: '9f576040938030f0d7fc61f5885ca73ab37a508b', class: {
+        return (index.h(index.Host, { key: '903a4aaf039efd3eb3f1748829047f02073f4877', class: {
                 "ic-layout-grid-hide-in-mobile": !!hideInMobileMode,
-            } }, index.h("slot", { key: 'b8f66ba2ef9651e99a0ce3b3caec2f021a55e723' })));
+            } }, index.h("slot", { key: 'cad27bb4fc8a60f8e579c66776c9277973e14963' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-layout-grid.cjs.entry.js

@@ -133,10 +133,10 @@ const LayoutGrid = class {
     }
     render() {
         const { aligned, fullHeight } = this;
-        return (index.h(index.Host, { key: 'fb70bb0fe2085ce0eba37572f3a12e6d56c6c195', class: {
+        return (index.h(index.Host, { key: '61a7e3f3a8e2156da3cecc47997fc54392d4efc0', class: {
                 [`ic-layout-grid-aligned-${aligned}`]: true,
                 ["ic-layout-grid-no-vertical-padding"]: !!fullHeight,
-            } }, index.h("slot", { key: '852c50adaf3b8c743353429659198845f363de62' })));
+            } }, index.h("slot", { key: 'ac804c02e898cd212d5cb48b3b5a7ba18790f186' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-link.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
 const OpenInNew = require('./OpenInNew-d5d30e77.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const constants = require('./constants-4d389abc.js');
 
 const icLinkCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}@media (prefers-reduced-motion: reduce){:host(.ic-link) .link,:host(.ic-link) ::slotted(a){transition:none}}";
@@ -96,7 +96,7 @@ const Link = class {
     }
     render() {
         const { download, href, hreflang, referrerpolicy, rel, target, monochrome, theme, } = this;
-        return (index.h(index.Host, { key: 'b965ed6758a2d2d4f618a965bb27b6b0e7e2fbe6', class: {
+        return (index.h(index.Host, { key: 'd62709776b71c1cbb259db22f9d56ae4bdb6d3c3', class: {
                 ["ic-link"]: true,
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-link-monochrome"]: !!monochrome,

package/dist/cjs/ic-menu-group.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 require('./constants-4d389abc.js');
 
 const icMenuGroupCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;flex-direction:column}ic-typography{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}ul{list-style-type:none;margin:0;padding:0}hr{display:flex;align-self:stretch;border:calc(var(--ic-space-xxxs) / 2) solid var(--ic-popover-border);margin:var(--ic-space-xxs) 0 calc(var(--ic-space-sm) / 4)}";
@@ -15,7 +15,7 @@ const MenuGroup = class {
     }
     render() {
         const parentMenu = this.el.closest("ic-popover-menu");
-        return (index.h(index.Host, { key: 'caa5952e57757f3d735e18750a4db6b0d97e6b8d', role: "group", "aria-label": this.label !== null ? this.label : "" }, helpers.isPropDefined(this.label) && (index.h("ic-typography", { key: '781d33eb663db81b61137e62bd503844d0c9c236', variant: "subtitle-small" }, this.label)), index.h("span", { key: 'aa2cdf6d03d17a33d5b617a995fcdde50e34ce57', class: "menu-items-wrapper" }, index.h("slot", { key: '6300455e991c9c48816090e53b9fe674e23b9ce5' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (index.h("hr", { key: '63a5e76151fcb76911d064bba26a836ba7979755' }))));
+        return (index.h(index.Host, { key: 'b67fb3029530607dcb8b7462eeb56cbd7ef7322e', role: "group", "aria-label": this.label !== null ? this.label : "" }, helpers.isPropDefined(this.label) && (index.h("ic-typography", { key: 'cd75b3b4ab6862d17c0167a021b223911ff5f128', variant: "subtitle-small" }, this.label)), index.h("span", { key: '81cb0aafc38655f78a510988720f5831e4a90479', class: "menu-items-wrapper" }, index.h("slot", { key: '6dad74f6bf17000f8255b4764d70a28edd48cbe8' })), this.el !== (parentMenu === null || parentMenu === void 0 ? void 0 : parentMenu.querySelector("ic-menu-group:last-child")) && (index.h("hr", { key: '3c766f970b1ee1f2e2427b9afbf798d97bee454a' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-menu-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const checkIcon = require('./check-icon-7225d79b.js');
 const chevronIcon = require('./chevron-icon-3bf07531.js');
 require('./constants-4d389abc.js');

package/dist/cjs/ic-navigation-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
 const constants = require('./constants-4d389abc.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 
 const icNavigationButtonCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;margin-right:var(--ic-space-xs);list-style:none}:host(.in-side-menu){margin-right:0}:host::part(button){height:100%;min-height:2.5rem}:host(:not(.in-side-menu)) ::part(button):focus{box-shadow:var(--ic-border-focus-light)}:host(:not(.in-side-menu).dark) ::part(button):focus{box-shadow:var(--ic-border-focus-dark)}:host(.in-side-menu) ::part(button){color:var(--ic-top-navigation-icon-active)}:host(.in-side-menu) ::part(button):hover{color:var(--ic-top-navigation-icon-hover);background-color:var(--ic-top-navigation-icon-hover-background)}:host(.in-side-menu) ::part(button):active{color:var(--ic-top-navigation-icon-pressed);background-color:var(--ic-top-navigation-icon-pressed-background)}:host(.in-side-menu) ::slotted(ic-badge){margin-left:var(--ic-space-xs)}";
 const IcNavigationButtonStyle0 = icNavigationButtonCss;

package/dist/cjs/ic-navigation-group.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const chevronIcon = require('./chevron-icon-3bf07531.js');
 require('./constants-4d389abc.js');
 
@@ -273,7 +273,7 @@ const NavigationGroup = class {
         const isTopNav = this.navigationType === "top";
         const isTopNavDesktop = !inTopNavSideMenu && isTopNav;
         const ariaExpanded = (isSideNav && expanded) || (isTopNav && dropdownOpen);
-        return (index.h(index.Host, { key: '8beae9a83bf5800290e744c9f0ede4b3136d9d44', class: {
+        return (index.h(index.Host, { key: 'ab11148a5f98eb6fed6ab2378c016cd76377af3f', class: {
                 "in-side-menu": inTopNavSideMenu,
                 "ic-navigation-group-expandable": expandable,
                 "ic-navigation-group-side-nav": isSideNav,

package/dist/cjs/ic-navigation-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const chevronIcon = require('./chevron-icon-3bf07531.js');
 const OpenInNew = require('./OpenInNew-d5d30e77.js');
 require('./constants-4d389abc.js');

package/dist/cjs/ic-navigation-menu.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 require('./constants-4d389abc.js');
 
 const icNavigationMenuCss = ":host{display:block;position:fixed;top:0;left:0;width:100%;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-navigation-menu)}.popout-modal{position:absolute;inset:0}.popout-menu{position:fixed;top:0;right:0;width:16rem;bottom:0;background-color:var(--ic-top-navigation-menu-background);color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);box-shadow:var(--ic-elevation-overlay);overflow-y:auto;overflow-x:hidden}:host(.inline) .popout-menu{position:absolute}.menu-close-button-container{position:relative;left:11.875rem;padding:var(--ic-space-md) 0}.nav-group-first{padding-bottom:0}.menu-buttons-container{padding:var(--ic-space-sm) 0;border-bottom:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-buttons-container-nav-item-above{margin-top:var(--ic-space-md);border-top:var(--ic-border-width) solid var(--ic-architectural-200)}.menu-status-version-container{display:flex;flex-wrap:wrap;gap:var(--ic-space-xs);padding:var(--ic-space-md) var(--ic-space-md) var(--ic-space-xl)}.status-version-no-buttons{border-top:var(--ic-space-1px) solid var(--ic-architectural-200)}.menu-status{background-color:var(--ic-status-tag-neutral);--ic-typography-color:var(--ic-color-text-inverted);border-radius:var(--ic-space-md);width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-version{border-radius:var(--ic-space-md);background-color:var(--ic-status-tag-outlined-background-neutral-contrast);--ic-typography-color:var(--ic-color-text-primary-light);padding:var(--ic-space-xxs) var(--ic-space-sm)}.menu-status-text,.menu-version-text{overflow-wrap:break-word}.navigation-landmark-text{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}";
@@ -130,16 +130,16 @@ const NavigationMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ac63539f6c719e4301e5dc9c5da00e1029686b30', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, index.h("div", { key: '18265d55b05cc1412fc61b1b2dd1fb0bc90ea260', class: "popout-modal", onClick: this.closeMenu }), index.h("div", { key: '7b1e84b4f504b6f5430de693e29b8dd573183ebf', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, index.h("span", { key: '1b2d95e6f90b9c8fd6d108619166830d9139d518', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), index.h("nav", { key: '4f0400371b0005238851d763e119ca9822f6386c', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, index.h("div", { key: '55745ebcb8e4f88f3b0b499a36e7a1d8bfaf1598', class: {
+        return (index.h(index.Host, { key: '88cc35277a0efd2944900616928bcc208fb89f90', class: { [`ic-theme-${this.theme}`]: this.theme !== "inherit" } }, index.h("div", { key: '1b372e20a919c1f3f85f6529c00671e345f5b0e3', class: "popout-modal", onClick: this.closeMenu }), index.h("div", { key: 'edbd31518897423eeb3c6bd46a981e030bc1818f', class: "popout-menu", role: "dialog", "aria-modal": "true", "aria-label": `${this.hasNavigation ? "Navigation" : "App"} menu` }, index.h("span", { key: '9cba7a72dc1b6910e1be0e416a12bfaf8987f83a', "aria-hidden": "true", id: "navigation-landmark-text", class: "navigation-landmark-text" }, "Main navigation"), index.h("nav", { key: '86e45794dd6a7279817fffd3258db31bf73d185a', "aria-labelledby": "navigation-landmark-text", "aria-hidden": this.hasNavigation ? "false" : "true" }, index.h("div", { key: 'ebcd2ba1d90caf089e75049d0b23b6998c6747fd', class: {
                 ["menu-close-button-container"]: true,
                 ["nav-group-first"]: this.navGroupFirst,
-            } }, index.h("ic-button", { key: '8a40b35da2336562fb0a4bad6d6e40236796aeae', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, index.h("svg", { key: '789aa723a6fd133f5620649224afab29986f6b18', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '75dd71b1d6656d9f3c1d9bce05eb02a90e8ffda0', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && index.h("slot", { key: '5722c097933587563a0551ada79b994c413d6f41', name: "navigation" })), this.hasButtons && (index.h("div", { key: '1cdcb5873efce302d10c922c6826d29c2b43a926', class: {
+            } }, index.h("ic-button", { key: '7d5788fd10e2347cceb35b043b7d988775ffca71', ref: (el) => (this.closeButton = el), id: "menu-close-button", class: "menu-close-button", variant: "icon-tertiary", size: "large", "aria-label": `Close ${this.hasNavigation ? "navigation" : "app"} menu`, onClick: this.closeMenu }, index.h("svg", { key: 'ac57c2b5bdbbcf6d76aba52914f079e166c68d1e', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '9a4f43826d2db708df341e972e6ea3fe4f315542', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))), this.hasNavigation && index.h("slot", { key: 'ad0aad328a21de31219535ded6e19e28cd896258', name: "navigation" })), this.hasButtons && (index.h("div", { key: '8838500ffe54c265b212bf7f137eb390b92be4d0', class: {
                 ["menu-buttons-container"]: true,
                 ["menu-buttons-container-nav-item-above"]: this.navItemAboveButtons,
-            } }, index.h("slot", { key: 'b2c9c585c7b0993bee785c1eb1c113d5aabecb92', name: "buttons" }))), (this.status !== "" || this.version !== "") && (index.h("div", { key: '37042390776accbdcab1fb0df068cca0e199d58a', class: {
+            } }, index.h("slot", { key: '8e507cf9f00c407fbe7b74863b10a6fd613cfc8f', name: "buttons" }))), (this.status !== "" || this.version !== "") && (index.h("div", { key: '9ccfb022e3c3e74d88ad241a93d5c98615ba3018', class: {
                 ["menu-status-version-container"]: true,
                 ["status-version-no-buttons"]: !this.hasButtons,
-            } }, this.status !== "" && (index.h("div", { key: '660fa1e6ddc8c42e75b4abc98950429b25461b1d', class: "menu-status" }, index.h("ic-typography", { key: '00e6f1a08da2acff8079b52924c4c52fe5a6013a', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (index.h("div", { key: 'b8643188baaf9d524c1e8c11b144e65f55d178d7', class: "menu-version" }, index.h("ic-typography", { key: 'bda827b0f1ddcfbb7dbd62378df84f9773039bf1', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
+            } }, this.status !== "" && (index.h("div", { key: 'c85a43e520d29e854ca874cbd45516e01c59135b', class: "menu-status" }, index.h("ic-typography", { key: 'da1919a00dc5acb4b6631c434eefe94c6b03a101', variant: "label-uppercase", "aria-label": "app tag", class: "menu-status-text" }, this.status))), this.version !== "" && (index.h("div", { key: '1944cc236ceb8ce956d2b92b4b767e1cdcbfd039', class: "menu-version" }, index.h("ic-typography", { key: '6f255b313c46458054d0d5a5d60a46431ea496ac', variant: "label", class: "menu-version-text", "aria-label": "app version" }, this.version))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-page-header.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 require('./constants-4d389abc.js');
 
 const icPageHeaderCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;z-index:var(--ic-z-index-page-header)}:host(.ic-page-header-sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-page-header-background)}header.border-bottom{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}::slotted(ic-navigation-item){--navigation-link-colour:var(--ic-color-text-primary)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:\"title-area action-area\"\n    \"input-area action-area\";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:\"title-area\"\n      \"action-area\"\n      \"input-area\";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.ic-page-header-sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}";
@@ -111,19 +111,19 @@ const PageHeader = class {
         const navAriaLabel = `${helpers.isSlotUsed(this.el, "heading")
             ? (_b = (_a = this.el.querySelector('[slot="heading"]')) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : ""
             : heading !== null && heading !== void 0 ? heading : ""} page sections`;
-        return (index.h(index.Host, { key: 'ceafa3fbf2b8f895578899be8b6261716d90b547', class: {
+        return (index.h(index.Host, { key: '56a0018680921ae6e2a155ed26695b46efaa544b', class: {
                 ["ic-page-header-sticky"]: !!sticky,
                 ["ic-page-header-sticky-desktop"]: !sticky && !!stickyDesktopOnly,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            }, "aria-label": this.el.ariaLabel || "page header" }, index.h("header", { key: '74fd64da431d176828c36fce3700f6823099a46f', class: {
+            }, "aria-label": this.el.ariaLabel || "page header" }, index.h("header", { key: 'e31ac8b3d53332983cb02414ebddd0b8b1a1c2b8', class: {
                 ["border-bottom"]: !!border,
                 ["tabs"]: helpers.isSlotUsed(this.el, "tabs"),
-            }, role: "presentation" }, index.h("ic-section-container", { key: '71b33b7159b25af11e3b2c3d85e3a508f5cd9685', aligned: aligned, fullHeight: helpers.isSlotUsed(this.el, "tabs") }, helpers.isSlotUsed(this.el, "breadcrumbs") && (index.h("div", { key: '34ffcb850ffdc99bd22635d9d17d0d1173c7a5ab', class: "breadcrumb-area" }, index.h("slot", { key: '836354d69859b1e475a835e5f8553e2f58d9a109', name: "breadcrumbs" }))), index.h("div", { key: '0a00aca54f9bef3158e5309f8e8252fe31885181', class: "main-content" }, index.h("div", { key: '47e7b5d1848e5068a957e4c57998f4a25c81f0f2', class: "title-area" }, index.h("div", { key: '1053e02597294a806e0270113214cdccf3ed5c49', class: "header-content" }, index.h("slot", { key: '678c34e2382d8751f3ca7cfdb6f83122745b36fd', name: "heading" }, index.h("ic-typography", { key: '36024ad870d7cf7f0be284a461d9b0923f1079bf', variant: size === "small" ? "h4" : "h2", class: "heading" }, index.h("h2", { key: 'd0e55b2328d2abbd5a1e0ed284a3f140ef8457dd' }, heading))), index.h("slot", { key: '3a7513ccc6ef78abd15fefbda7ac63b202163441', name: "heading-adornment" })), index.h("div", { key: 'fdb61ca7d9f05a1dfd258a8f7697258118375888', class: {
+            }, role: "presentation" }, index.h("ic-section-container", { key: '6b9684893d452c5e487d704d3adabf692c738c72', aligned: aligned, fullHeight: helpers.isSlotUsed(this.el, "tabs") }, helpers.isSlotUsed(this.el, "breadcrumbs") && (index.h("div", { key: '7032c24dcb9128b29dcf511a52f3528840719e9d', class: "breadcrumb-area" }, index.h("slot", { key: '2288318626d12483173966e10f2697a00c2fcac1', name: "breadcrumbs" }))), index.h("div", { key: '53d63b4b4b65ad8ef894db55d2ac5c9c1141ebe7', class: "main-content" }, index.h("div", { key: 'dd25121e5c9c62331c78f3a855b63cf6640305f1', class: "title-area" }, index.h("div", { key: 'aed5b0bb1ea1ce66e39689a976ac548f89c3a9c7', class: "header-content" }, index.h("slot", { key: '8c70282f646873000fb3c11faf7dd13b958dd160', name: "heading" }, index.h("ic-typography", { key: '4e121e3b0949503f2a7489b555101bc51d00dadd', variant: size === "small" ? "h4" : "h2", class: "heading" }, index.h("h2", { key: '09ee94d04aa661a5a08452e45c59b82c1c2843a1' }, heading))), index.h("slot", { key: '9668baec0690affcc38764335dc1475120d943ca', name: "heading-adornment" })), index.h("div", { key: 'cac63814c854930fb43d102dfb9c3aba3e7cf6e1', class: {
                 ["subheading-content"]: !!subheading || helpers.isSlotUsed(this.el, "subheading"),
                 ["small"]: size === "small",
-            } }, index.h("slot", { key: 'ebc0a0dd4bd7114bc2c392b51b0d182b7aa6a429', name: "subheading" }, index.h("ic-typography", { key: '649da015dc08acecdac04e1c6102ce0717dca647', variant: "body" }, subheading)))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { key: '47d5820db4cfbccad118d3f8a7df876b7ee53b2d', class: "action-area" }, index.h("slot", { key: 'b19fef794de8ac0024287dc70e4bc1fc548ec970', name: "actions" }))), helpers.isSlotUsed(this.el, "input") && (index.h("div", { key: '8626ca99df441a1e1d0f721994e9212b28aebd8c', class: "input-area" }, index.h("slot", { key: '6d65e1e7b9fba98cc426e5934e054fa739074abd', name: "input" })))), (helpers.isSlotUsed(this.el, "stepper") ||
-            helpers.isSlotUsed(this.el, "tabs")) && (index.h("div", { key: '362e4d4830c6ebb5ebdb588ce308f53c7af2d747', class: "navigation-area" }, helpers.isSlotUsed(this.el, "stepper") &&
-            !helpers.isSlotUsed(this.el, "tabs") && index.h("slot", { key: 'edec3599df03352fb98cfdc550c16eb66520df60', name: "stepper" }), helpers.isSlotUsed(this.el, "tabs") && (index.h("nav", { key: 'a77c78ab6ec529b5ec460882e41c0ca490cf16c4', "aria-label": navAriaLabel }, index.h("ic-horizontal-scroll", { key: 'dc2baad92838b20c5940cb60e6c7c980e6dea918' }, index.h("ul", { key: '3d48bcfaaaabbc311b5f51b21cbf490fb2bbe7dd', class: "tabs-slot" }, index.h("slot", { key: '18534f16226ec1b3e13446a13043e568af9c6227', name: "tabs" })))))))))));
+            } }, index.h("slot", { key: 'f9d8d1cdad14e0655e332cb1470a26e101061013', name: "subheading" }, index.h("ic-typography", { key: '6210631fe95d70a1ddc9d04b7ce352bd39368802', variant: "body" }, subheading)))), helpers.isSlotUsed(this.el, "actions") && (index.h("div", { key: 'b7bfeae9b8d45f80690e6e53155fee2e3c3d45c1', class: "action-area" }, index.h("slot", { key: '92d88765f25bdf4aaa0107fc5de975e09605c0ef', name: "actions" }))), helpers.isSlotUsed(this.el, "input") && (index.h("div", { key: 'bffa6ea72d550696262e32fb3ec48c70723414db', class: "input-area" }, index.h("slot", { key: '51ccb64bec580e2321d764e8ad88c525e399ff34', name: "input" })))), (helpers.isSlotUsed(this.el, "stepper") ||
+            helpers.isSlotUsed(this.el, "tabs")) && (index.h("div", { key: 'c5636159415cfcf52ded2415551518efb11aee76', class: "navigation-area" }, helpers.isSlotUsed(this.el, "stepper") &&
+            !helpers.isSlotUsed(this.el, "tabs") && index.h("slot", { key: '5bfcc8f61a6c3f6c72f727e51e6433f028c69a9a', name: "stepper" }), helpers.isSlotUsed(this.el, "tabs") && (index.h("nav", { key: 'be0b3d4a3b19157dae085060bc8636576551e9cb', "aria-label": navAriaLabel }, index.h("ic-horizontal-scroll", { key: 'f20077bb7bd258d9cfd7c68ec81557caf622702b' }, index.h("ul", { key: 'e4cdf692ff8f4dccc2218f49e21323e3cb9766bc', class: "tabs-slot" }, index.h("slot", { key: '682123b35aaf0bef301e081c62faaf0acf9348fb', name: "tabs" })))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/ic-pagination-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 require('./constants-4d389abc.js');
 
 const icPaginationBarCss = ":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box;--ic-typography-color:var(--ic-pagination-text)}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem;--ic-typography-color:var(--ic-pagination-select-content)}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.items-per-page-control-label{white-space:nowrap}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";
@@ -355,21 +355,21 @@ const PaginationBar = class {
     }
     render() {
         const { accessibleLabel, alignment, displayedItemsPerPageOptions, PAGE_INPUT_FIELD_ID, type, rangeLabelType, hideRangeLabel, showItemsPerPageControl, showGoToPageControl, pageLabel, capitalizedPageLabel, lowerCasePageLabel, capitalizedItemLabel, lowerCaseItemLabel, totalPages, activePage, itemsPerPageString, theme, monochrome, selectItemsPerPageOnEnter, hideCurrentPage, hideFirstAndLastPageButton, } = this;
-        return (index.h(index.Host, { key: 'c11938d14250e5435166136014565a78c8fbe1b0', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '14cef9faa92a11d48b0f569524f69a75924fcea5', class: {
+        return (index.h(index.Host, { key: 'ed30fb75ae41bf29e5da275bec31017ebce86e97', class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '4554a8fc365cb414a0dea76288a9cb34b79a214a', class: {
                 ["pagination-bar"]: true,
                 [`pagination-bar-${alignment}`]: true,
-            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (index.h("div", { key: 'ce45782788e8a0fa10c1c4be4c88dd66238abc0d', class: "item-controls" }, showItemsPerPageControl && (index.h("div", { key: '988fd5587d581f707c859b116c0523a09b1fc629', class: "items-per-page-holder" }, index.h("ic-typography", { key: '78062c53ca82dcc53fa6de6da987284760a75411', class: {
+            }, ref: (el) => (this.paginationBarEl = el) }, (!hideRangeLabel || showItemsPerPageControl) && (index.h("div", { key: 'da16624475d46a037d1252f469a26b2db796a968', class: "item-controls" }, showItemsPerPageControl && (index.h("div", { key: 'b1d533af5521cf15802f03cc8fb108faa410c8a1', class: "items-per-page-holder" }, index.h("ic-typography", { key: '11f449f28b0267c48d3176890a9c9743a6fc9be5', class: {
                 ["items-per-page-control-label"]: true,
-            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), index.h("ic-select", { key: '5f661cc9f2aa0f691d2e099d34531651acfd4623', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
+            }, variant: "label", onClick: this.itemsPerPageLabelClickHandler }, capitalizedItemLabel, "s per ", lowerCasePageLabel), index.h("ic-select", { key: '3d90595b2c790b9e013809c65f1e3aef68a22b87', theme: theme, size: "small", label: "items-per-page-input", class: "items-per-page-input", hideLabel: true, options: displayedItemsPerPageOptions, selectOnEnter: selectItemsPerPageOnEnter, value: itemsPerPageString, onIcChange: this.changeItemsPerPage, ref: (el) => (this.pageDropdownEl = el) }))), !hideRangeLabel &&
             (rangeLabelType === "data" ? (index.h("ic-typography", { class: {
                     ["item-pagination-label"]: true,
                 }, variant: "label", "aria-live": "polite" }, this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`, this.upperBound > 0 &&
                 `${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${lowerCaseItemLabel}${this.totalItems > 1 ? "s" : ""}`)) : (index.h("ic-typography", { class: {
                     ["page-pagination-label"]: true,
-                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), index.h("div", { key: '2fe098d17de85749fb85b9da97e821c1102e30d5', class: {
+                }, variant: "label", "aria-live": "polite" }, capitalizedPageLabel, " ", activePage, " of ", totalPages))))), index.h("div", { key: 'dc16dc6a05bcb1319a843ac84dd67616f64cfee8', class: {
                 ["pagination-controls"]: true,
                 ["pagination-controls-wrap"]: this.paginationWrapped,
-            } }, index.h("div", { key: '2df84c3e3e46f8915c3cc223343af2d628025f9f', class: "pagination-holder" }, index.h("ic-pagination", { key: 'ad3217739a5828cbd6e438692ca5a987eab25d51', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (index.h("div", { key: '107a7b12ce7d9dd3f3ea2b62bd43c5556dfc2145', class: "go-to-page-holder" }, index.h("ic-typography", { key: '6042313933f74fa385a6cd5244eb32f650b3efe6', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), index.h("ic-tooltip", { key: '2667de79e971e45b48b17f6479f17c34b94b9630', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, index.h("ic-text-field", { key: 'd0039eb822e6bc06d9e9c35c24c962017fffc818', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), index.h("ic-button", { key: 'a5159ea7b8994d71d04a13e4e7dd2f778b9e6e63', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
+            } }, index.h("div", { key: '81415919e995bd446afc9ea8ebbb960c90fa2a88', class: "pagination-holder" }, index.h("ic-pagination", { key: '41cc4d82e190d83ceff81e9daaf46e53520c47c5', accessibleLabel: accessibleLabel, type: type, pages: totalPages, label: pageLabel, ref: (el) => (this.paginationEl = el), currentPage: activePage, theme: theme, monochrome: monochrome, hideCurrentPage: hideCurrentPage, hideFirstAndLastPageButton: hideFirstAndLastPageButton })), showGoToPageControl && (index.h("div", { key: 'bee892f29e85a564ac4a3269f680559d4450bdea', class: "go-to-page-holder" }, index.h("ic-typography", { key: 'c5fb41a31a7ef6d2ef4559cd0ecf28d4a1fa734d', variant: "label", onClick: this.goToPageLabelClickHandler }, "Go to ", lowerCasePageLabel), index.h("ic-tooltip", { key: '2d29e320c4e33e19640d57d75cae7c36cb52bedc', label: this.inputError, target: `#${PAGE_INPUT_FIELD_ID}`, disableHover: true, disableClick: true, ref: (el) => (this.pageInputTooltipEl = el) }, index.h("ic-text-field", { key: '99050ae8eff64226aae32ed1e2b56b5ab300dfb1', theme: theme, type: "number", size: "small", label: PAGE_INPUT_FIELD_ID, class: PAGE_INPUT_FIELD_ID, id: PAGE_INPUT_FIELD_ID, hideLabel: true, onKeyDown: this.handleKeydown, onKeyUp: this.handleKeyUp, onInput: this.handleInputChange, max: totalPages, min: "1", validationInlineInternal: true, onBlur: this.handleBlur, onFocus: this.handleFocus, ref: (el) => (this.pageInputEl = el) })), index.h("ic-button", { key: '3fa2967f1bd229d6fd1e78f8ac5be99052d9a37a', variant: "secondary", onClick: this.goToPage, size: "small", class: "go-to-page-button" }, "Go")))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ic-pagination-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 require('./constants-4d389abc.js');
 
 const icPaginationItemCss = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=\"button\"],[type=\"reset\"],[type=\"submit\"]{-webkit-appearance:button}button::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=\"checkbox\"],[type=\"radio\"]{box-sizing:border-box;padding:0;}[type=\"number\"]::-webkit-inner-spin-button,[type=\"number\"]::-webkit-outer-spin-button{height:auto}[type=\"search\"]{-webkit-appearance:textfield;outline-offset:-2px;}[type=\"search\"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}a{text-align:center}.item-container{display:flex;justify-content:center;align-items:center;width:calc(var(--ic-space-xl) + var(--ic-space-sm));height:var(--ic-space-xl);margin:var(--ic-space-xxs) var(--ic-space-xxxs);cursor:pointer;text-decoration:none}button{background:none;border:none;outline:inherit;position:relative}.ellipsis{pointer-events:none;--ic-typography-color:var(--ic-pagination-ellipsis)}.monochrome .ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome)}.item-container:focus{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.page{--ic-typography-color:var(--ic-pagination-page-number)}.monochrome .page{--ic-typography-color:var(--ic-pagination-page-number-monochrome)}.simple-current{min-width:calc(var(--ic-space-xxl) + var(--ic-space-md));height:var(--ic-space-lg);cursor:default}.item-container.page:hover:not(.selected):not(:focus){border-radius:var(--ic-border-radius);background-color:var(--ic-pagination-hover)}.item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed)}.monochrome .item-container.page:hover:not(.selected):not(:focus){background-color:var(--ic-pagination-hover-monochrome)}.monochrome .item-container.page:active:not(.selected):not(:focus){background-color:var(--ic-pagination-pressed-monochrome)}.selected{pointer-events:none;outline:none}.selected::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-pagination-selected-banner)}.monochrome .selected::after{background-color:var(--ic-pagination-selected-banner-monochrome)}.page-selected{--ic-typography-color:var(--ic-pagination-text)}.item-container.page.light:hover:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-hover)}.item-container.page.light:active:not(.selected):not(:focus){background-color:var(--ic-action-light-bg-pressed)}ic-typography.light,ic-typography.page-selected.light{--ic-typography-color:var(--ic-architectural-white)}.selected.light::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome)}.item-container.page.dark:hover:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-hover)}.item-container.page.dark:active:not(.selected):not(:focus){background-color:var(--ic-action-dark-bg-pressed)}ic-typography.dark{--ic-typography-color:var(--ic-color-text-primary)}.selected.dark::after{content:\"\";height:var(--ic-space-xxs);width:100%;position:absolute;bottom:0;background-color:var(--ic-action-monochrome-dark)}.disabled{--ic-typography-color:var(--ic-pagination-text-disabled);pointer-events:none;cursor:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.disabled.page ic-typography{--ic-typography-color:var(--ic-pagination-page-number-disabled)}.disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-disabled)}.monochrome .disabled.page{--ic-typography-color:var(--ic-pagination-page-number-monochrome-disabled)}.monochrome .disabled.ellipsis{--ic-typography-color:var(--ic-pagination-ellipsis-monochrome-disabled)}@media (forced-colors: active){.selected::after{background-color:Highlight}.selected.light::after{background-color:Highlight}.selected.dark::after{background-color:Highlight}.disabled{--ic-typography-color:GrayText}}@media (prefers-reduced-motion: reduce){.item-container:focus{transition:none}}";
@@ -49,7 +49,7 @@ const PaginationItem = class {
     }
     render() {
         const { page, selected, type, disabled, label, capitalizedLabel, monochrome, } = this;
-        return (index.h("a", { key: '01951a63b9e9877df42a85550402ca5b95db2433', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (index.h("div", { class: {
+        return (index.h("a", { key: '1ed788f91d47fcaf163a11cf910c9269ca83466c', class: { ["monochrome"]: !!monochrome } }, type === "ellipsis" ? (index.h("div", { class: {
                 ["item-container"]: true,
                 ["ellipsis"]: true,
                 ["disabled"]: !!disabled,

package/dist/cjs/ic-pagination_3.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-81cd6930.js');
+const helpers = require('./helpers-51bab4b5.js');
 const constants = require('./constants-4d389abc.js');
 
 const paginationNextPrevious = `<svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -286,14 +286,14 @@ const Pagination = class {
     }
     render() {
         const { type, currentPage, hideCurrentPage, disabled, hideFirstAndLastPageButton, label, theme, monochrome, } = this;
-        return (index.h(index.Host, { key: 'cefb3137892be2304c041ca32ca118268f8ccb07', class: {
+        return (index.h(index.Host, { key: 'b6438410825fba931acc4eb7282ea11341f4a2ab', class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 ["ic-pagination-monochrome"]: !!monochrome,
-            } }, type === "simple" && (index.h("nav", { key: '9a1d8230be41cb26b31bb8af066a32e9b64e0d89', class: {
+            } }, type === "simple" && (index.h("nav", { key: 'c76e2d21aaed0bb12c976778e1e6399157002b4f', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), index.h("ic-pagination-item", { key: '577b9b9894ce6ddc2cf02381729600e4284e8912', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (index.h("nav", { key: '317d507ca76549e3c980ced7d01332504738a102', class: {
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), index.h("ic-pagination-item", { key: 'c5b391e53945f6545e3b2694bcd32a8d9fdab18e', theme: this.theme, monochrome: this.monochrome, type: "simple-current", page: currentPage, label: label, class: { ["hide-current-page"]: !!hideCurrentPage }, disabled: disabled }), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (index.h("nav", { key: 'faa2aa8655d7e1de8877efca2d43233ae3de7d49', class: {
                 ["disabled"]: !!disabled,
-            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (index.h("span", { key: '6d3a5778f4704dd5ec1e74bf2cf236143c5f7e7c', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
+            }, role: "navigation", "aria-label": this.accessibleLabel }, hideFirstAndLastPageButton ? null : this.firstButton(), this.previousButton(), this.renderStartItems(), this.startEllipsis && this.renderStartEllipsis(), this.renderMiddleItems(), this.endEllipsis && this.renderEndEllipsis(), this.renderEndItems(), this.nextButton(), hideFirstAndLastPageButton ? null : this.lastButton())), type === "complex" && (index.h("span", { key: 'fb40e41bc8e509eb8d3119c40e0b8c2d43b1a19f', class: "sr-only", "aria-live": "polite" }, "Page ", this.currentPage))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -661,7 +661,9 @@ const Select = class {
                 if (filteredOptions.length > 0) {
                     const firstOption = filteredOptions[0];
                     if ("children" in firstOption) {
-                        this.value = firstOption.children[0].value;
+                        if (firstOption.children) {
+                            this.value = firstOption.children[0].value;
+                        }
                     }
                     else {
                         this.value = firstOption.value;
@@ -928,19 +930,19 @@ const Select = class {
                     "loading" in menuOptions[0] ||
                     "timedOut" in menuOptions[0]));
         helpers.renderHiddenInput(this.el, value, name || inputId, disabled);
-        const ClearButton = () => (index.h("ic-button", { key: '983b6bfae4f3a9d439f23fe022652605d91f0a1e', ref: (el) => (this.clearButton = el), id: "clear-button", "aria-label": this.searchable ? "Clear input" : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onBlur: this.handleBlur, size: size, variant: "icon-tertiary" }));
-        const NativeSelect = () => (index.h("select", Object.assign({ key: '2fb628398e722cff8c3759229af969600e553485', ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), index.h("option", { key: '5fb827fef7ab7c597a2361ac4d019f9e07adb55f', value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => "children" in option ? (index.h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option)))));
-        const SelectButton = () => (index.h("div", { key: '47ad04d6da391fcb88a8b6a6a841dec93f53cd74', class: "select-container" }, index.h("button", { key: '7ee23a4f16c4aca4b287391ac5bf5f6ee4441b07', class: "select-input", role: "combobox", ref: (el) => (this.selectElement = el), id: inputId, "aria-label": `${label}, ${(multiple && value
+        const ClearButton = () => (index.h("ic-button", { key: '3892a327f660eb5c8add2dad6b0234e98c1763df', ref: (el) => (this.clearButton = el), id: "clear-button", "aria-label": this.searchable ? "Clear input" : "Clear selection", class: "clear-button", innerHTML: Clear, onClick: this.handleClear, onBlur: this.handleBlur, size: size, variant: "icon-tertiary" }));
+        const NativeSelect = () => (index.h("select", Object.assign({ key: '9dbff7cad48e70c9ecb5bdaf5188bf76ebb21bc9', ref: (el) => (this.nativeSelectElement = el), disabled: disabled, onChange: this.handleNativeSelectChange, required: required, id: inputId, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleNativeSelectKeyDown, form: form }, inheritedAttributes), index.h("option", { key: '4899ac51e4735de3a3a6d1674a107d496d136f8d', value: "", selected: true, disabled: !showClearButton }, placeholder), options.map((option) => "children" in option && option.children ? (index.h("optgroup", { label: option.label }, option.children.map((child) => this.renderNativeOption(child)))) : (this.renderNativeOption(option)))));
+        const SelectButton = () => (index.h("div", { key: 'a54b55c792c30da50db55cdf579a7b5112733ab2', class: "select-container" }, index.h("button", { key: '566288c0b7ba2c08f437d0894f1e7e8d050dbec9', class: "select-input", role: "combobox", ref: (el) => (this.selectElement = el), id: inputId, "aria-label": `${label}, ${(multiple && value
                 ? `${value.length} of ${this.flatOptions.length} selected, ${this.getLabelString()}`
-                : this.getLabelString()) || placeholder}`, onClick: this.handleClick, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", "aria-haspopup": "listbox", "aria-expanded": `${open}`, "aria-controls": menuId, "aria-required": `${required}`, disabled: disabled, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-activedescendant": ariaActiveDescendant }, index.h("ic-typography", { key: '438cce7c257e37d0a0aef5247d28d31586725a1e', variant: "body", class: {
+                : this.getLabelString()) || placeholder}`, onClick: this.handleClick, "aria-describedby": describedBy, "aria-invalid": invalid ? "true" : "false", "aria-haspopup": "listbox", "aria-expanded": `${open}`, "aria-controls": menuId, "aria-required": `${required}`, disabled: disabled, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-activedescendant": ariaActiveDescendant }, index.h("ic-typography", { key: 'f5fb6dcd933444aa16b0e481f3cfcd606d266027', variant: "body", class: {
                 "value-text": true,
                 "with-clear-button": !!isClearable,
                 placeholder: !value,
-            } }, this.getLabelString()), index.h("div", { key: '8926d05851401339717c159651b802fb41e53096', class: "select-input-end" }, isClearable && index.h("div", { key: '5c94e4ba98ad972001890d639b00c82887e0fb5d', class: "divider" }), index.h("span", { key: '23569f5196d66f2b4a834d44006f6a05446598cd', class: {
+            } }, this.getLabelString()), index.h("div", { key: '2a0f71ba4314bf48c042c08d6542a7e5d290cfa1', class: "select-input-end" }, isClearable && index.h("div", { key: 'aab9235d7bed234a7faa3b76f946723a6fd733b5', class: "divider" }), index.h("span", { key: 'bbcb55feda8598bed785a7d97ffbfda9beace9b6', class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && index.h(ClearButton, { key: 'e4165cb01b0bdc1681e3d9490007182b934f40ea' }), index.h("div", { key: '6208229358ee8ba7a007a08f5e551d494015a347', "aria-live": "polite", "aria-atomic": "true", class: "aria-live-hidden-text" }, selectButtonAriaLiveText)));
-        const SelectInput = () => (index.h("div", { key: 'af39791c29e8d792c16fed1fffe08db8f621fcac', class: "searchable-select-container" }, index.h("input", { key: '366bd3c57ad76f130d73ab2390c557b9e8fe98c8', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }))), isClearable && index.h(ClearButton, { key: '7be9270208022eec818d3d11e787e97b3e9781a4' }), index.h("div", { key: '66a002a41aaae04ff167acd5bc41df446d1c7185', "aria-live": "polite", "aria-atomic": "true", class: "aria-live-hidden-text" }, selectButtonAriaLiveText)));
+        const SelectInput = () => (index.h("div", { key: '8c8bc17e0e8d6b2a19c2b6546a7dc1927003ffe6', class: "searchable-select-container" }, index.h("input", { key: 'b9f94d2533162b38c766f003a9befcbadff6def8', class: {
                 "value-text": true,
                 "select-input": true,
                 "with-clear-button": !!searchableSelectInputValue,
@@ -948,25 +950,25 @@ const Select = class {
                 ? ""
                 : value
                     ? this.getLabelString()
-                    : searchableSelectInputValue || undefined, disabled: disabled, placeholder: placeholder, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, form: form }), isClearable && (index.h("div", { key: 'e9260358a6c8ac3683d1de3015064665d32d907f', class: "clear-button-container" }, index.h(ClearButton, { key: '0c05ed1cf92ac8fde61ba55192a8a1511338239e' }), index.h("div", { key: 'e44933edcc7c79459f1ecd551eec43a86fd53b11', class: "divider" }))), index.h("span", { key: '36e7fe34e7d438caab2967fae27bfe4fb2e49041', onMouseDown: this.handleExpandIconMouseDown, class: {
+                    : searchableSelectInputValue || undefined, disabled: disabled, placeholder: placeholder, onInput: this.handleSearchableSelectInput, onClick: this.handleClick, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, form: form }), isClearable && (index.h("div", { key: '2fa369c2f909206cda3e533fdc1b4f61f49e5367', class: "clear-button-container" }, index.h(ClearButton, { key: '7c6f3009ca83d1f1ad53bbfe9356663a777b01b8' }), index.h("div", { key: 'f7928645b4eac91f7a65e88fa493032f9036e520', class: "divider" }))), index.h("span", { key: '01223cbc2bb20344cc6e18d6d7c899ed9eb73565', onMouseDown: this.handleExpandIconMouseDown, class: {
                 "expand-icon": true,
                 "expand-icon-open": open,
-            }, innerHTML: Expand, "aria-hidden": "true" }), index.h("div", { key: 'c3e06f04e62b273b8a7a6f9df0aa27bf71060ed4', "aria-live": "polite", role: "status", class: "aria-live-hidden-text" }, selectInputAriaLiveText)));
-        const ReadOnly = () => (index.h("ic-typography", { key: '979d342f453fdb2ed79a6cf231d9a40275662a44' }, index.h("p", { key: '221530958da8731657b5ad4d455041dc3934718f' }, this.getLabelString() === placeholder ? "" : this.getLabelString())));
-        return (index.h(index.Host, { key: 'efbdccb0f0b7e86142cd530d52a86f7ce95d6c1c', class: {
+            }, innerHTML: Expand, "aria-hidden": "true" }), index.h("div", { key: '3ad6ae8f699743bdf8277a4b5c50afa4fa0ddc22', "aria-live": "polite", role: "status", class: "aria-live-hidden-text" }, selectInputAriaLiveText)));
+        const ReadOnly = () => (index.h("ic-typography", { key: 'dac815c30b87420c94c68e65eaa27ec3b0902a12' }, index.h("p", { key: '828de16f7df4fa23e8387f2ef9cf84b1994a91a3' }, this.getLabelString() === placeholder ? "" : this.getLabelString())));
+        return (index.h(index.Host, { key: '91899d31f22ef6d7417710d110499cc72e97f230', class: {
                 "ic-select-disabled": disabled,
                 "ic-select-searchable": searchable,
                 [`ic-select-${size}`]: size !== "medium",
                 "ic-select-full-width": fullWidth,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, index.h("ic-input-container", { key: '48fe83c1c79ec578f94a2d8af4b8b452570a421f', readonly: readonly }, !hideLabel && (index.h("ic-input-label", { key: '8410dabe6d0d62c7c1459991631807cfa6546735', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, index.h("slot", { key: '77ce0ab9ca879ecf515de633ff27ba8e2320cf2c', name: "helper-text", slot: "helper-text" }))), index.h("ic-input-component-container", { key: '699375a82eb49f5eb351cf95b4822b4cad7bcc1a', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, helpers.isSlotUsed(this.el, "icon") &&
+            } }, index.h("ic-input-container", { key: '2c314323d9b410363eefdfb6fbdcb8b4360109d0', readonly: readonly }, !hideLabel && (index.h("ic-input-label", { key: '28269a9d64624f0c646fa46bf8199716cefdc220', for: inputId, label: label, helperText: helperText, required: required, disabled: disabled, readonly: readonly }, index.h("slot", { key: '235bdb195e5feeae8d82360efa17aa576df9cff4', name: "helper-text", slot: "helper-text" }))), index.h("ic-input-component-container", { key: 'a936a39d3dbdf43d406d994594b4dd72f1aa59e2', ref: (el) => (this.anchorEl = el), class: { "menu-open": open }, size: size, fullWidth: fullWidth, disabled: disabled, readonly: readonly, validationStatus: validationStatus }, helpers.isSlotUsed(this.el, "icon") &&
             !disabled &&
-            (!readonly || !!value) && (index.h("span", { key: 'fcfec6b75fdb0eb41950460af3c6d7dc5ad43657', slot: "left-icon", class: {
+            (!readonly || !!value) && (index.h("span", { key: '67c88b6a8c00524eff7575fc71150ea5aabeb847', slot: "left-icon", class: {
                 readonly,
                 "has-value": !!value,
-            } }, index.h("slot", { key: '08d321011ba86b6d50bf3c8c85bf16595c8df657', name: "icon" }))), helpers.isMobileOrTablet() && this.useNativeSelectOnMobile && !multiple ? (index.h(NativeSelect, null)) : readonly ? (index.h(ReadOnly, null)) : !searchable ? (index.h(SelectButton, null)) : (index.h(SelectInput, null))), !(helpers.isMobileOrTablet() &&
+            } }, index.h("slot", { key: '92f2c3c41210287a28e524afa4511a08204a5544', name: "icon" }))), helpers.isMobileOrTablet() && this.useNativeSelectOnMobile && !multiple ? (index.h(NativeSelect, null)) : readonly ? (index.h(ReadOnly, null)) : !searchable ? (index.h(SelectButton, null)) : (index.h(SelectInput, null))), !(helpers.isMobileOrTablet() &&
             this.useNativeSelectOnMobile &&
-            !multiple) && (index.h("ic-menu", { key: '3fc0ee9172a93e744174e2f2b7a16c4f327a82c9', ref: (el) => (this.menu = el), class: { "no-results": noOptions }, inputEl: searchable ? this.searchableSelectElement : this.selectElement, allowMenuFocus: false, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: this.getOptions(), value: multiple ? value : value, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onTimeoutBlur: this.handleTimeoutBlur, onMenuOptionId: this.updateAriaActiveDescendant, onClick: this.setFocus, parentEl: this.el, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", onRetryButtonClicked: this.handleRetry, closeOnSelect: !multiple, multiSelect: multiple, searchableSelect: searchable })), index.h("ic-input-validation", { key: '6b8bd66f22d67776d418e0aac1b41d2f03f3c9cd', class: {
+            !multiple) && (index.h("ic-menu", { key: '644f853a4caad5efbcab0c9228e0bf18595ecb91', ref: (el) => (this.menu = el), class: { "no-results": noOptions }, inputEl: searchable ? this.searchableSelectElement : this.selectElement, allowMenuFocus: false, inputLabel: label, anchorEl: this.anchorEl, size: size, menuId: menuId, open: open, options: this.getOptions(), value: multiple ? value : value, fullWidth: fullWidth, selectOnEnter: selectOnEnter, onMenuStateChange: this.handleMenuChange, onMenuOptionSelect: this.handleSelectChange, onMenuOptionSelectAll: this.handleSelectAllChange, onTimeoutBlur: this.handleTimeoutBlur, onMenuOptionId: this.updateAriaActiveDescendant, onClick: this.setFocus, parentEl: this.el, activationType: searchable || multiple || selectOnEnter ? "manual" : "automatic", onRetryButtonClicked: this.handleRetry, closeOnSelect: !multiple, multiSelect: multiple, searchableSelect: searchable })), index.h("ic-input-validation", { key: '00ca9a2788bf404fb096c2497e46aa138c32ea76', class: {
                 "menu-open": open,
             }, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : "", message: showValidation ? validationText : "", for: inputId }))));
     }
@@ -1374,14 +1376,14 @@ const TextField = class {
         hiddenInput
             ? helpers.renderHiddenInput(this.el, value, name, disabledMode)
             : helpers.removeHiddenInput(this.el);
-        return (index.h(index.Host, { key: '6300558c65d21c3cf9fcb2af66774cbdf274cf89', class: {
+        return (index.h(index.Host, { key: '4eb073ddbce5dc93c167bbaa66b94daf51c4a828', class: {
                 "ic-text-field-full-width": fullWidth,
                 "ic-text-field-disabled": disabledMode,
                 [`ic-theme-${theme}`]: theme !== "inherit",
-            } }, index.h("ic-input-container", { key: '6f0d1a6cf4ed01bd98c3b69d37f6ffb473e1201e', readonly: readonly, disabled: disabledMode }, !hideLabel && (index.h("ic-input-label", { key: '71cc64b0733fbe16b21f389000c8a6813ad9f07f', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, index.h("slot", { key: '985b82195b09acc991bbed6c0be5210cba70f59e', name: "helper-text", slot: "helper-text" }))), index.h("ic-input-component-container", { key: '95df2f453e06c5dec6788e98db94e5e4ce129d04', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (index.h("span", { key: '62a052203a6b9e35858e7103f505bdf38eda7349', class: {
+            } }, index.h("ic-input-container", { key: '07a171c8cbd55588387145b3d8469e6930ab4a7c', readonly: readonly, disabled: disabledMode }, !hideLabel && (index.h("ic-input-label", { key: 'b5f6b3b831c08cd4958458188c8d6be3219f1479', for: inputId, label: label, helperText: helperText, required: required, disabled: disabledText, readonly: readonly }, index.h("slot", { key: '1c33ec889c6a730f4b7e1075978e13f05a21f53a', name: "helper-text", slot: "helper-text" }))), index.h("ic-input-component-container", { key: '786f1d5b65b4b66838aba7320cd5b479cd8305e4', size: size, validationStatus: currentStatus, multiLine: multiline, disabled: disabledMode, readonly: readonly, validationInline: validationInline, fullWidth: fullWidth }, showLeftIcon && (index.h("span", { key: 'ed91ef841c132afd05cdee83e735413ad1d9e5a3', class: {
                 readonly,
                 "has-value": this.getNumberOfCharacters(value) > 0,
-            }, slot: "left-icon" }, index.h("slot", { key: '12ee0976840d954f7f855740db4098983ccf73a5', name: "icon" }))), !multiline ? (index.h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
+            }, slot: "left-icon" }, index.h("slot", { key: 'ee52a8fc57ce814d713d1a0807d8dc040ced4d41', name: "icon" }))), !multiline ? (index.h("input", Object.assign({ id: inputId, name: name, ref: (el) => (this.inputEl = el), type: type, min: min, max: max, value: value, class: {
                 "no-left-pad": !showLeftIcon && readonly,
                 readonly,
                 "truncate-value": truncateValue,
@@ -1389,12 +1391,12 @@ const TextField = class {
                 "no-resize": resize === false || !!readonly,
                 "no-left-pad": !showLeftIcon && !!readonly,
                 readonly: !!readonly,
-            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), helpers.isSlotUsed(el, "clear-button") && (index.h("slot", { key: '4bd5b1b44a9fded9be98c35d3e49f357b99adf26', name: "clear-button" })), helpers.isSlotUsed(el, "search-submit-button") && (index.h("slot", { key: 'fccd3ae4e454d661540f45b748440aa8c9c28baf', name: "search-submit-button" }))), helpers.isSlotUsed(el, "menu") && index.h("slot", { key: 'aca9fabb2b029547a713e75be81c179e3c1e3b52', name: "menu" }), index.h("ic-input-validation", { key: '1d2443ab140751bd21f247f5136254498ffc8004', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
+            }, name: name, ref: (el) => (this.inputEl = el), value: value, rows: rows, required: required, disabled: disabledMode, placeholder: placeholder, readonly: readonly, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onScroll: this.onTextAreaScroll, "aria-label": label, "aria-describedby": describedBy, "aria-invalid": invalid, autocomplete: autocomplete, autocapitalize: autocapitalize, spellcheck: spellcheck, inputmode: inputmode, maxlength: maxCharactersReached ? maxCharacters : undefined, minlength: minCharactersUnattained ? minCharacters : undefined }, inheritedAttributes))), helpers.isSlotUsed(el, "clear-button") && (index.h("slot", { key: '06f74409f7256055715e982be8e68780df1126b5', name: "clear-button" })), helpers.isSlotUsed(el, "search-submit-button") && (index.h("slot", { key: '7ed8058fb83dfa713539348de0c37929a0225129', name: "search-submit-button" }))), helpers.isSlotUsed(el, "menu") && index.h("slot", { key: 'e56ca28bcb4154d65bb46f1b3625e29c0038e9b7', name: "menu" }), index.h("ic-input-validation", { key: '3c64d8598155035ebde2419e407e89c35053c64a', class: { "show-validation": this.showValidationMargin() }, status: this.hasStatus(currentStatus) === false ||
                 (currentStatus === helpers.IcInformationStatus.Success &&
                     validationInline) ||
                 validationInlineInternal
                 ? ""
-                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, helpers.isSlotUsed(el, "validation-text") && (index.h("slot", { key: 'e8f5abdc72b047998c5164ec7bef70eab2d7af81', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (index.h("div", { key: '9458320139c6c17b4db3f40ef91ed8f35667e612', slot: "validation-message-adornment" }, !hideCharCount && (index.h("ic-typography", { key: '26663bbc0dbc1e5183cfb4af5b2f9a244fa303c5', variant: "caption", class: "char-count-text" }, index.h("span", { key: '84a9de3338f2fee09b3712fcc56dd509bbc672e2', class: "char-count" }, numChars, "/", maxNumChars))), index.h("span", { key: 'cb1d19f9755ea5b393e03ab19da262c67ce6e19e', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), index.h("span", { key: '87cfdac09956c5e749ff4c06bb58228d2d40feb5', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
+                : currentStatus, message: showStatusText ? currentValidationText : "", ariaLiveMode: messageAriaLive, for: inputId, fullWidth: fullWidth }, helpers.isSlotUsed(el, "validation-text") && (index.h("slot", { key: 'd40417b8b52597518c4b1e804ede9ae59364c0c9', name: "validation-text", slot: "validation-message" })), !readonly && maxNumChars > 0 && (index.h("div", { key: 'e4dc991f18d280cf05f3ead492e17eb37b15cbb1', slot: "validation-message-adornment" }, !hideCharCount && (index.h("ic-typography", { key: 'e668b2a73a860bd7a53300440a019239363f2350', variant: "caption", class: "char-count-text" }, index.h("span", { key: '835dea67f0e27e0c86e0236f48ecd7a5265719a3', class: "char-count" }, numChars, "/", maxNumChars))), index.h("span", { key: '0a4d3628c4ecfe1102b015c3bf4a345eb2a18674', class: "remaining-char-count-desc", "aria-live": "polite", hidden: !isFocussed, id: remainingCharCountDescId }, remainingCharCountDesc), index.h("span", { key: '365c77cbed1ca017f3f19f13be9b76561ec5cf57', hidden: true, id: hiddenCharCountDescId }, "Field can contain a maximum of ", maxNumChars, " characters.")))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {